review home

content/home/index.md

@@ -24,7 +24,7 @@ extra:
 
 
 
-<!-- section 2 -->
+<!-- section 2 (Infrastructure) -->
 
 <div class="lg:pb-24 pb-12">
   <div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-y-16 px-4 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
@@ -85,7 +85,7 @@ extra:
     title_2="A Global Community",
     description_1="ThreeFold’s groundbreaking technology enables anyone – individuals, organizations, and communities – to deploy their own Internet infrastructure.",
     description_2="Today, our proof-of-concept network is live and operational worldwide, running on version 3.16 technology.",
-    subtitle="As we expand, we may need millions of nodes to support this growing ecosystem to build a truly decentralized and resilient infrastructure",
+    subtext="As we expand, we may need millions of nodes to support this growing ecosystem to build a truly decentralized and resilient infrastructure",
     button_text="Explore Grid Capacity",
     button_link="https://dashboard.grid.tf/#/tf-grid/node-statistics/"
 
@@ -93,15 +93,13 @@ extra:
 
 
 
-<!-- section 4 -->
+<!-- section 4 (TF products)-->
 
 <div class="lg:py-24 py-12">
 
 {{ text_center(
     title="Anything That Runs on Linux Can Run on ThreeFold",
-    description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities.", 
-    button_text_1="",
-    button_link_1=""
+    description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities." 
 
 ) }}
 
@@ -124,6 +122,7 @@ extra:
     image_src="/images/mycelium_logo.png",
     image_alt="Mycelium",
     title="Mycelium",
+    subtitle ="Unbreakable Network",
     description="An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.",
     button_text_1="Website",
     button_link_1="https://mycelium.threefold.io/",
@@ -150,7 +149,7 @@ extra:
 
 
 
-<!-- section 5 -->
+<!-- section 5 (How it works)-->
 
 <div class="container mx-auto lg:max-w-7xl lg:py-24 py-12 px-4 lg:px-0">
   <div class="max-w-4xl lg:px-8 px-0 lg:pb-12 pb-6">
@@ -193,7 +192,7 @@ extra:
 
 
 
-<!-- section 6 -->
+<!-- section 6 (self-healing) -->
 
 <div class="lg:py-24 py-12">
 
@@ -213,7 +212,7 @@ extra:
 
 
 
-<!-- section 7 -->
+<!-- section 7 (More Resilient)-->
 
 <div class="lg:py-24 py-12 text-center">
 

templates/partials/header.html

@@ -147,7 +147,7 @@
         -->
     <div id="hamburger" class="hidden fixed mt-14 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
         <div>
-            <div style="background-color: rgba(34 34 34);" class="shadow-xs h-screen divide-y-2 divide-gray-50">
+            <div style="background-color: rgba(34 34 34);" class="mt-4 shadow-xs h-screen divide-y-2 divide-gray-50">
                 <div class="pb-6 sm:px-12 md:px-16 mt-0 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
 
                     <nav class="flex flex-col justify-around pb-12">

templates/shortcodes/accordion.html

@@ -3,21 +3,21 @@
 {% set description = description | default(value="") %}
 
 <div class="rounded-lg overflow-hidden my-2 border border-gray-500">
-            <input type="checkbox" id="{{ id_accordion }}" class="peer hidden">
-            <label for="{{ id_accordion }}" class="accordion flex items-center justify-between p-4 cursor-pointer transition-colors">
-                <span class="text-lg font-medium text-white">{{ question }}</span>
-                <svg class="w-6 h-6 text-white transition-transform peer-checked:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
-                </svg>
-            </label>
-            <div class="max-h-0 overflow-hidden transition-all duration-300 peer-checked:max-h-screen">
-                <div class="p-4">
-                    {% if description %} 
-                    <p class="text-lg">{{ description }} </p>
-                    {% endif %}
-                </div>
-            </div>
+    <input type="checkbox" id="{{ id_accordion }}" class="peer hidden">
+    <label for="{{ id_accordion }}" class="accordion flex items-center justify-between p-4 cursor-pointer transition-colors">
+        <span class="text-lg font-medium text-white">{{ question }}</span>
+        <svg class="w-6 h-6 text-white transition-transform peer-checked:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+        </svg>
+    </label>
+    <div class="max-h-0 overflow-hidden transition-all duration-300 peer-checked:max-h-screen">
+        <div class="p-4">
+            {% if description %} 
+            <p class="text-lg">{{ description }} </p>
+            {% endif %}
         </div>
+    </div>
+</div>
 
         <style>
 

templates/shortcodes/grid_stats.html

@@ -53,7 +53,7 @@
           </dl>
       </div>
       <div class="max-w-4xl items-center mx-auto">
-      <p class="items-center text-center justify-center mt-10 text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">{{ subtext }}</p>
+      <p class="items-center text-center justify-center mt-10 fade-in">{{ subtext }}</p>
     </div>
     </div>
     <div class="mt-6 flex items-center justify-center gap-x-6">