update logos

content/home/index.md

@@ -41,16 +41,17 @@ ThreeFold’s self-healing autonomous system empowers anyone to become a cloud s
 
 {% end %}
 
+</div>
 
 <!-- section 2 (logos) -->
 
-<!-- {% logo_slider() %}
+{% logo_slider() %}
 
 ## **logo**
 
-{% end %} -->
-
+{% end %}
 
+<div class="container mx-auto">
 
 <!-- section 3 (Map) -->
 

templates/shortcodes/logo_slider.html

@@ -1 +1,56 @@
-testing
+
+{# <div class="flex space-x-12 justify-center">
+    <img loading="lazy" src="images/zictia_black.png" class="test" alt="Image 1" />
+    <img loading="lazy" src="images/vverse_black.png" class="test" alt="Image 2" />
+    <img loading="lazy" src="images/social_network_black.png" class="test" alt="Image 3" />
+    <img loading="lazy" src="images/vevrse_black.png" class="test" alt="Image 4" />
+    <img loading="lazy" src="images/sikana_black.png" class="test" alt="Image 5" />
+    <img loading="lazy" src="images/ourworld_black.png" class="test" alt="Image 6" />
+    <img loading="lazy" src="images/ict_black.png" class="test" alt="Image 7" />
+    <img loading="lazy" src="images/holochain_black.png" class="test" alt="Image 8" />
+    <img loading="lazy" src="images/temple_black.png" class="test" alt="Image 9" />
+    
+  </div> #}
+  
+
+  <div class="border-t-2 mb-6 border-gray-200"></div>
+
+  <ul x-ref="logos" class=" my-10 flex items-center justify-center  animate-infinite-scroll">
+    <li>
+        <img src="images/zictia_black.png" alt="Facebook" />
+    </li>
+    <li>
+        <img src="images/vverse_black.png" alt="Disney" />
+    </li>
+    <li>
+        <img src="images/social_network_black.png" alt="Airbnb" />
+    </li>
+    <li>
+        <img src="images/vevrse_black.png" alt="Apple" />
+    </li>
+    <li>
+        <img src="images/ict_black.png" alt="Spark" />
+    </li>
+    <li>
+        <img src="images/holochain_black.png" alt="Samsung" />
+    </li>
+    <li>
+        <img src="images/sikana_black.png" alt="Quora" />
+    </li>
+    <li>
+        <img src="images/ourworld_black.png" alt="Sass" />
+    </li>
+    <li>
+        <img src="images/temple_black.png" alt="Sass" />
+    </li>
+</ul> 
+<div class="border-t-2 mt-6 border-gray-200"></div>
+
+
+<style>
+    ul {
+        list-style-type: none;
+      }
+</style>
+
+