update home page

content/home/index.md

@@ -9,7 +9,7 @@ extra:
   imgPath: images/threefold_globe.png
 ---
 
-<!-- section 1 (header) -->
+
 
 <!-- <div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
@@ -31,13 +31,16 @@ extra:
     </div>
   </div> -->
 
+
+<!-- section 1 (header) -->
+
 <div class="container mx-auto">
 
-{% row(style="header") %}
+{% row(style="reverse header") %}
 
-## **Decentralized<br>Autonomous Cloud**
+## **Decentralized<br>Autonomous <span class="blue">Cloud</span>**
 
-ThreeFold is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely.
+<span class="blue">ThreeFold</span> is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely.
 
 <br>
 
@@ -49,7 +52,10 @@ ThreeFold is the world’s first system enabling anyone to become a cloud and in
 
 {% end %}
 
-<!-- section 4 (Map) -->
+
+
+
+<!-- section 2 (Map) -->
 
 {% grid_stats() %}
 
@@ -61,11 +67,17 @@ Provide cloud and internet capacity in your area and become a part of the larges
 
 {% end %}
 
-{% row(style="header") %}
 
-## **It Starts with 3Node**
 
-3Nodes, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders
+
+<!-- section 3 (3Node) -->
+
+
+{% row(style="reverse margin") %}
+
+## **It Starts with <span class="blue">3Node</span>**
+
+**<span class="blue">3Nodes</span>**, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders
 
 <button>[Get Started](/host)</button>
 
@@ -75,11 +87,16 @@ Provide cloud and internet capacity in your area and become a part of the larges
 
 {% end %}
 
+
+
+
+<!-- section 4 (Partners) -->
+
 {% row( style="center between mtop") %}
 
 ## **Our Partners**
 
-### Driving utilization on top of our decentralized autonomous cloud
+Driving utilization on top of our decentralized autonomous cloud
 
 {% end %}
 

css/index.css

@@ -84,6 +84,9 @@ img[src*="#absolute"] {
 h1 {
   line-height: 3rem;
 }
+.blue{
+  color:#2E83FF
+}
 
 .nav p > a {
   display: flex;
@@ -129,7 +132,7 @@ h1 {
     color: #2b2b2b;
   }
   h2 strong {
-    @apply font-medium;
+    @apply font-semibold;
   }
   h3 {
     @apply text-2xl lg:text-3xl my-4 font-extralight;

templates/shortcodes/row.html

@@ -51,7 +51,7 @@ Parameters:
     {% set row_class = row_class ~ " lg:items-center" %}
 {% endif %}
 
-{% set col_class = "flex-1 mb-6 md:mb-0 md:mx-2" %}
+{% set col_class = "flex-1 mb-6 md:mb-0 px-4 md:px-12" %}
 {% set row_id = '' %}
 
 {% if id %}
@@ -79,24 +79,24 @@ Parameters:
 
     <!-- makes row with margins -->
     {% if "margin" in style %}
-        {% set row_class = row_class ~ " lg:py-28 py-10" %}
+        {% set row_class = row_class ~ " lg:py-24 py-10" %}
         {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
     {% endif %}
 
     <!-- makes row with margins -->
     {% if "header" in style %}
-        {% set row_class = row_class ~ " h-screen mt-4" %}
+        {% set row_class = row_class ~ " h-auto md:h-screen mt-4" %}
         {% set col_class = col_class ~ " m-4 lg:m-0" %}
     {% endif %}
 
     {% if "mtop" in style %}
-        {% set row_class = row_class ~ " lg:pt-28 pt-2" %}
+        {% set row_class = row_class ~ " md:pt-24 pt-2" %}
         {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
     {% endif %}
 
     {% if "mbottom" in style %}
-        {% set row_class = row_class ~ " lg:pb-28" %}
+        {% set row_class = row_class ~ " md:pb-24" %}
-        {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
+        {% set col_class = col_class ~ " flex-1 m-4 md:m-0" %}
     {% endif %}
 
     <!-- makes row full screen width, strips margins -->