update modifications

content/about/index.md

@@ -6,18 +6,15 @@ insert_anchor_links: "left"
 
 <!-- section 1 (header) -->
 
-{% row(style="left wide") %} 
+{% row(style="semiNarrow") %} 
 
 <br>
 <br>
 
-![Image](about_header.png#medium)
+![Image](about_header.png#large)
 
 |||
 
-<br>
-<br>
-
 # Genesis
 
 ### It all Started with a Vision About a Decade ago
@@ -26,7 +23,16 @@ When we saw how the Internet's existing infrastructure was becoming increasingly
 
 {% end %}
 
-{% row(bgColor="#d3d3d3" style="center mtop margin") %}
+<br>
+
+<br>
+
+<br>
+
+
+{% row( style="center margin" bgPath="images/header_bg.jpg") %}
+
+<!-- bgColor="#ececec" -->
 
 ## **Our Mission**
 
@@ -65,7 +71,7 @@ When we saw how the Internet's existing infrastructure was becoming increasingly
 
 <!-- section 4 (OUR ACTIONS) -->
 
-{% row(style="margin semiNarrow" bgColor="#d3d3d3") %}
+{% row(style="margin semiNarrow" bgColor="#ececec") %}
 
 ![Image](kristof.jpeg#medium)
 
@@ -85,11 +91,11 @@ When we saw how the Internet's existing infrastructure was becoming increasingly
 
 {% end %}
 
-{% row(style="center mbottom") %}
+{% row(style="center narrow mbottom") %}
 
 ![Image](earth.png#medium)
 
-## Green Infrastructure
+### Green Infrastructure
 
 There is no Planet B. And the Internet is consumed a surprisingly large amount of the world's energy, between 5 and 10%. This is why ThreeFold has designed with efficiency in mind to create the most sustainable Internet infrastructure in the world. 
 
@@ -97,10 +103,12 @@ There is no Planet B. And the Internet is consumed a surprisingly large amount o
 
 ![Image](community.png#medium)
 
-## Driving Change Together
+### Driving Change Together
 
 Equality, diversity, and inclusion are key to our vision of an Internet for everyone, everywhere. ThreeFold has created a participatory movement and is prioritizing efforts to bring a more accessible Internet to developing regions.
 
+<br>
+
 {% end %}
 
 <!-- section 6 (GETTING STARTED) -->
@@ -116,7 +124,7 @@ We are a diverse community of passionate individuals who believe in the power of
 
 {% end %}
 
-{% row(bgColor="#d3d3d3" style="center margin") %}
+{% row(style="center margin" bgPath="images/header_bg.jpg") %}
 
 ### <i>**"Never doubt that a small group of thoughtful, committed citizens <br> can change the world; indeed, it's the only thing that ever has."**</i> 
 ### - Margaret Mead

content/buildnew/index.md

@@ -6,12 +6,12 @@ insert_anchor_links: "left"
 
 <!-- section 1  -->
 
-{% row(style="left wide mbottom ") %}
+{% row(style="semiNarrow") %}
 
 <br>
 <br>
 
-![](buildheader.png#medium)
+![](buildheader.png#large)
 
 |||
 
@@ -25,6 +25,10 @@ Experience true ownership of your deployments with a decentralized framework. Ev
 
 {% end %}
 
+<br>
+
+<br>
+
 {% row(bgColor="#d3d3d3" style="center margin") %}
 
 ## More Resources to Get Started
@@ -60,7 +64,7 @@ Take a look at some of what's being built on top of the grid today. More coming
 
 {% end %}
 
-{% row(style="left wide") %}
+{% row(style="semiNarrow") %}
 
 ![Image](zonaris_new.png#medium)
 
@@ -205,7 +209,7 @@ Earn up to 50% of the utilization revenues of solutions that you create, promote
 
 {% end %}
 
-{% row(style="left wide") %}
+{% row(style="seminarrow") %}
 
 #### Forum
 

content/farmnew/index.md

@@ -6,12 +6,12 @@ insert_anchor_links: "left"
 
 <!-- section 1 (be the Internet) -->
 
-{% row(style="left wide") %}
+{% row(style="semiNarrow mbottom") %}
 
 <br>
 <br>
 
-![](nodeheader.png#medium)
+![](nodeheader.png#large)
 
 ||| 
 
@@ -24,6 +24,8 @@ By connecting a modern computer at your home or office to the ThreeFold Grid, yo
 
 {% end %}
 
+
+
 <!-- section 2 (Map) -->
 
 {% grid_stats() %}
@@ -32,36 +34,40 @@ By connecting a modern computer at your home or office to the ThreeFold Grid, yo
 
 {% end %}
 
+
+
 <!-- section 3 -->
 
-{% row(style="center narrow") %}
+{% row(style="center narrow mtop") %}
 
 ## Simple for Everyone
 
 {% end %}
 
-{% row(style="center mbottom") %}
+{% row(style="center between mbottom") %}
 
 ![Image](host.png#mx-auto)
+
 <br>
 
 ### Host a Node
 
 All you need to get started is a modern computer, electricity and network. Once booted with the operating system, it becomes a Threefold Node. 
 
-
 |||
+
 ![Image](verif.png#mx-auto)
+
 <br>
 
 ### Get Verified
 
 The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized internet for users and communities.
 
-
 |||
 
 ![Image](earn.png#mx-auto)
+
 <br>
 
 ### Earn every Month
@@ -73,7 +79,7 @@ After your node is set up and verified, you’ll be rewarded for the compute, st
 
 <!-- section 4  -->
 
-{% row(style="left wide mbottom") %}
+{% row(style="center between margin") %}
 
 ![](findyourfit.png#medium)
 

content/home/index.md

@@ -11,17 +11,18 @@ extra:
 
 <!-- section 1 (header) -->
 
-{% row(style="left wide") %} 
+{% row(style="semiNarrow") %} 
+
+<!-- bgPath="images/header_bg.jpg" -->
 
 <br>
 <br>
 
-![Image](home_header.png#medium)
+![Image](home_header.png#large#mx-auto)
 
 |||
 
-<br>
-<br>
+
 
 ### ThreeFold is a decentralized, peer-to-peer, open-source Internet platform, allowing people to provide and utilize Internet capacity directly – without intermediaries.
 
@@ -128,7 +129,7 @@ Join a group of people around the globe who believe the world needs ThreeFold an
 
 {% end %}
 
-{% row(bgColor="#d3d3d3" style="center margin") %}
+{% row(style="center margin" bgPath="images/header_bg.jpg") %}
 
 <br>
 
@@ -141,6 +142,6 @@ We're open-source and decentralized, so we use a token called $TFT to fuel the m
 <button>[Dive into the Token](/tft)</button>
 <button>[Buy $TFT](https://library.threefold.me/info/threefold#/tokens/threefold__token_howtos)</button>
 
-<br>
+
 
 {% end %}

css/index.css

@@ -45,7 +45,7 @@ img[src*="#logo"] {
 }
 
 img[src*="#large"] {
-  width: 1000px;
+  width: 700px;
   margin: auto;
 }
 
@@ -116,16 +116,19 @@ h1 {
 
 @layer components {
   h1 {
-    @apply text-3xl lg:text-7xl font-normal;
+    @apply text-4xl lg:text-6xl font-normal;
+    color: #3d7200;
   }
   h2 {
-    @apply text-3xl lg:text-6xl my-4 font-light leading-none;
+    @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
+    color: #2b2b2b;
   }
   h2 strong {
     @apply font-medium;
   }
   h3 {
-    @apply text-xl lg:text-4xl my-4 font-extralight leading-none;
+    @apply text-2xl lg:text-3xl my-4 font-extralight;
+    color: #3d7200;
   }
   h3 strong {
     @apply font-semibold;
@@ -141,6 +144,7 @@ h1 {
   }
   p {
     @apply text-lg;
+    color: #6c6c6c;
   }
   blockquote {
     @apply border-l-4 border-gray-400 mx-2 my-2 p-2;

templates/shortcodes/row.html

@@ -84,7 +84,7 @@ Parameters:
     {% endif %}
 
     {% if "mtop" in style %}
-        {% set row_class = row_class ~ " lg:pt-28 pt-10" %}
+        {% set row_class = row_class ~ " lg:pt-28 pt-2" %}
         {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
     {% endif %}
 
@@ -101,14 +101,14 @@ Parameters:
 
      <!-- makes row semi-full screen width, strips margins -->
      {% if "between" in style %}
-     {% set row_class = row_class ~ " lg:max-w-6xl mx-auto" %}
+     {% set row_class = row_class ~ " lg:max-w-6xl lg:mx-auto mx-4" %}
  {% elif "moderate" in style %}
      {% set row_class = row_class ~ " lg:m-20" %}
  {% endif %}
 
         <!-- makes row full screen width, strips margins -->
     {% if "narrow" in style %}
-        {% set row_class = row_class ~ " lg:max-w-5xl" %}
+        {% set row_class = row_class ~ " lg:max-w-5xl mx-auto" %}
     {% elif "moderate" in style %}
         {% set row_class = row_class ~ " lg:m-20" %}
     {% endif %}
@@ -125,7 +125,7 @@ Parameters:
 {% set styles = ""  %}
 {% if bgPath %}
     {% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover"  %}
-    {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
+    {% set row_class = row_class ~ "w-screen sm:-mx-12 md:-mx-16 lg:-mx-20" %}
 {% endif %}
 {% if bgColor %}
     {% set styles = "background-color: " ~ bgColor ~ "; background-size: cover"  %}