update home

content/about/index.md

@@ -6,9 +6,10 @@ insert_anchor_links: "left"
 
 <!-- section 1 (header) -->
 
-{% row(style="semiNarrow") %} 
+{% row(style="semiNarrow mbottom" bgPath="images/bg_new.jpg") %}
 
 <br>
+
 <br>
 
 ![Image](about_header.png#large)
@@ -27,10 +28,8 @@ When we saw how the Internet's existing infrastructure was becoming increasingly
 
 <br>
 
-<br>
 
-
-{% row( style="center margin" bgPath="images/header_bg.jpg") %}
+{% row( style="center margin") %}
 
 <!-- bgColor="#ececec" -->
 

content/home/index.md

@@ -11,19 +11,19 @@ extra:
 
 <!-- section 1 (header) -->
 
-{% row(style="semiNarrow") %} 
+{% row(style="semiNarrow mbottom" bgPath="images/bg_new.jpg") %} 
 
 <!-- bgPath="images/header_bg.jpg" -->
 
 <br>
+
 <br>
 
 ![Image](home_header.png#large#mx-auto)
 
+
 |||
 
-
-
 ### ThreeFold is a decentralized, peer-to-peer, open-source Internet platform, allowing people to provide and utilize Internet capacity directly – without intermediaries.
 
 ### A sovereign alternative to the centralized Internet.
@@ -31,10 +31,14 @@ extra:
 <button>[How It Works](https://manual.grid.tf/intro/grid3_howitworks.html)</button>
 <button>[Get Started](https://manual.grid.tf/intro/intro_readme.html)</button>
 
- <br>
+<br>
+
+<br>
 
 {% end %}
 
+<!-- section 2 -->
+
 {% row(style="center mtop narrow") %}
 
 ## Why Do We Need an Alternative?
@@ -43,7 +47,7 @@ extra:
 
 {% end %}
 
-{% row(style="center narrow") %}
+{% row(style="center reverse mbottom narrow") %}
 
 ### **Outdated.**
 
@@ -63,17 +67,27 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 {% end %}
 
-{% row(style="center narrow mtop") %}
+<br>
+
+<br>
+
+<!-- section 3 -->
+
+{% row(style="center margin" bgPath="images/checkerboard2.jpg") %}
 
 ## Evolving the Internet, Together
 
-### Over a decade ago, a group of early Internet pioneers, who understood the problems of the centralized Internet model first-hand, came together to re-imagine the infrastructure for an open and decentralized Internet.
+### Over a decade ago, a group of early Internet pioneers, <br>who understood the problems of the centralized Internet model first-hand, <br>came together to re-imagine the infrastructure for an open and decentralized Internet.
 
 ### But we didn't just imagine it – we built it.
 
 {% end %}
 
-<!-- section 2 (Map) -->
+<br>
+
+<br>
+
+<!-- section 4 (Map) -->
 
 {% grid_stats() %}
 
@@ -83,13 +97,20 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 {% end %}
 
-{% row(style="center mbottom narrow") %}
+<br>
+
+<br>
+
+
+<!-- section 5 -->
+
+{% row(style="center margin narrow") %}
 
 ### The ThreeFold Grid is community-owned and managed. The stack was built around principles of open-source and simplicity, and to be compatibile with current and future IT standards – from Kubernetes to Docker to IPFS and S3. It is an alternative to the centralized Internet model – a decentralized infrastructure for the builders of tomorrow.
 
 {% end %}
 
-{% row(style="center narrow") %}
+{% row(style="center mtop narrow") %}
 
 ## Take Action Today
 
@@ -129,7 +150,12 @@ Join a group of people around the globe who believe the world needs ThreeFold an
 
 {% end %}
 
-{% row(style="center margin" bgPath="images/header_bg.jpg") %}
+
+
+<!-- section 5 -->
+
+
+{% row(style="center margin" bgPath="images/checkerboard1.jpg") %}
 
 <br>
 

templates/shortcodes/row.html

@@ -62,6 +62,12 @@ Parameters:
 
 {% if style %}
 
+ <!-- reverse col at mobile -->
+
+ {% if "reverse" in style %}
+ {% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
+ {% endif %}
+
     {% if "center" in style %}
         {% set row_class = row_class ~ " text-center mx-auto justify-center" %}
         {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
@@ -71,12 +77,6 @@ Parameters:
     {% set row_class = row_class ~ " text-white" %}
     {% endif %}
 
-    <!-- reverse col at mobile -->
-
-    {% if "reverse" in style %}
-    {% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
-    {% endif %}
-
     <!-- makes row with margins -->
     {% if "margin" in style %}
         {% set row_class = row_class ~ " lg:py-28 py-10" %}
@@ -124,7 +124,7 @@ Parameters:
 <!-- makes row full screen width and adds background img -->
 {% set styles = ""  %}
 {% if bgPath %}
-    {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover"  %}
+    {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover; background-position: bottom"  %}
     {% set row_class = row_class ~ "w-screen sm:-mx-12 md:-mx-16 lg:-mx-20" %}
 {% endif %}
 {% if bgColor %}
@@ -135,6 +135,13 @@ Parameters:
     {% set styles = "background: " ~ gradient ~ "; background-size: cover"  %}
     {% set row_class = row_class ~ " w-auto -mx-4 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
 {% endif %}
+{% if bgStyle %}
+        {% if "full" in bgStyle %}
+            {% set styles = styles ~ "height: -webkit-fill-available; height: 100vh;"  %}
+        {% elif "hero" in bgStyle %}
+            {% set div_class = div_class ~ " -mt-24 pt-12 " %}
+        {% endif %}
+    {% endif %}
 
 {% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %}