Updates to home page

content/build/index.md

@@ -15,9 +15,9 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on
 <br>
 
 <button>[Dashboard](https://dashboard.grid.tf)</button>
-<button>[Weblets](https://play.grid.tf)</button>
+<button>[Playground](https://play.grid.tf)</button>
 <button>[Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)
-<button>[Chat](https://t.me/threefoldtesting)</button>
+<button>[Grid Chat](https://t.me/threefoldtesting)</button>
 
 {% end %}
 

content/farm/index.md

@@ -15,9 +15,9 @@ Become a ThreeFold Farmer. Provide Internet capacity to the people around you, a
 <br>
 
 <button>[Buy](https://marketplace.3node.global/)</button>
-<button>[D.I.Y.](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__diy_guide)</button>
+<button>[Build](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__diy_guide)</button>
 <button>[Learn](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro)</button>
-<button>[Chat](https://t.me/threefoldfarmers)</button>
+<button>[Farmers Chat](https://t.me/threefoldfarmers)</button>
 
 {% end %}
 

content/home/index.md

@@ -9,68 +9,117 @@ extra:
   imgPath: images/threefold_globe.png
 ---
 
-
 <!-- section 1 (header) -->
 
-{% row(style="center margin narrow") %}
+{% row(style="center") %}
 
+<br/>
+<br/>
 
 ![Image](black_threefold_header.png#mx-auto#medium)
 
 <br/>
 
-## Planet & People-First **Internet.**
+## The (Re)Birth of **the Internet.**
 
-We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up.
+ThreeFold is a peer-to-peer open-source Internet platform that connects users directly with <br> local Internet capacity provided by farmers. No intermediaries such as centralized servers. 
 
 <br>
 
-<button>[Build](/cloud)</button>
+<button>[Build](/build)</button>
-<button>[Get TFT](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy)</button>
+<button>[Farm](/farm)</button>
-<button>[TF Chat](https://t.me/threefold)</button>
+<button>[Main Chat](https://t.me/threefold)</button>
+<button>[Our Forum](https://forum.threefold.io)</button>
 
 {% end %}
 
-
 <!-- section 2 (Map) -->
 
 
 {% grid_stats() %}
 
-### The ThreeFold Grid v3.6
+### The ThreeFold Grid v3.7
 
 ## **Live and Operational**
 
 {% end %}
 
-
 <!-- section 3 (EXPAND) -->
 
-{% row(style="center margin") %}
+{% row(style="center narrow") %}
 
-### Expand Our New Internet <br> **and Earn TFT**
+## Together **We Build.** Start **Your Journey.**
 
-By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT.
+The future is about decentralization, participation, and working together to achieve our goals. As a decentralized movement, we encourage the community to get involved. This new Internet can only succeed if we find ways to collaborate where we together pull this Internet concept forward. Below, please find some of the ways you can join us in building a better Internet.
+
+{% end %}
+
+<br>
+
+{% row(style="center narrow") %}
+
+### Farm Local Internet Capacity **and Earn TFT**
+
+<br>
+
+![Image](farm_home.png#mx-auto)
+
+<br>
+
+By connecting hardware at your home or office – or anywhere you'd like – you provide Internet capacity <br> for the people around you and earn a new digital currency, TFT.
+
+<br>
 
 <button>[Buy a 3Node](http://marketplace.3node.global/)</button>
 <button>[Build a 3Node](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__diy_guide)</button>
+<button>[Learn](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro)</button>
+<button>[Farmers Chat](https://t.me/threefoldfarmers)</button>
+
+{% end %}
 
 <br>
 
-![Image](become_farmer_new.jpg#mx-auto)
+{% row(style="center narrow") %}
 
-|||
+### Build On Top of a **Decentralized Infrastructure**
-
-### Decentralize Your <br> **Data and Workloads**
-
-The community has already started using ThreeFold for its autonomous, decentralization and privacy features.
-
-<button>[Deploy on ThreeFold](https://dashboard.grid.tf/)</button>
-<button>[The Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)</button>
 
 <br>
 
-![Image](network_new.jpg#mx-auto)
+![Image](build_home.png#mx-auto)
+
+<br>
+
+True digital sovereignty for open-source builders. The ThreeFold Grid provides limitless possibilities, <br> and brings a playground of industry-compatible easy-to-deploy solutions for developers.
+
+<br>
+
+<button>[Dashboard](https://dashboard.grid.tf/)</button>
+<button>[Playground](https://play.grid.tf)</button>
+<button>[Manual](https://library.threefold.me/info/manual/#/manual__manual3_home_new)</button>
+<button>[Grid Chat](https://t.me/threefoldtesting)</button>
+
+{% end %}
+
+<br>
+
+{% row(style="center narrow") %}
+
+### Join the **Community.** Spread **the Word.**
+
+<br>
+
+![Image](community_home.png#mx-auto)
+
+<br>
+
+If you believe what we believe, then believe us, there is room for you in this movement. Join the community. Ask questions. <br> Bring suggestions – this is *our* project. Tell a friend. Tell many friends! Together we build.
+
+<br>
+
+<button>[Main Chat](https://t.me/threefold)</button>
+<button>[Our Forum](https://threefold.io)</button>
+<button>[Twitter](https://twitter.com/threefold_io)</button>
+<button>[More Resources](/community)</button>
 
 {% end %}
 
@@ -104,11 +153,13 @@ We are truly proud to be trusted by some of the biggest names in the industry.
 
 {% end %}
 
+<br>
 
+<br>
 
 <!-- section 7 (IN THE NEWS) -->
 
-{% row(style="center mtop") %}
+{% row(style="center") %}
 
 ## **In the News**
 

static/css/index.css

@@ -1945,6 +1945,11 @@ details[open] > summary::after {
   margin-right: -2rem !important;
 }
 
+.my-6{
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+
 .mt-10{
   margin-top: 2.5rem !important;
 }
@@ -2346,6 +2351,10 @@ details[open] > summary::after {
   flex-direction: column !important;
 }
 
+.flex-col-reverse{
+  flex-direction: column-reverse !important;
+}
+
 .flex-wrap{
   flex-wrap: wrap !important;
 }
@@ -2655,6 +2664,14 @@ details[open] > summary::after {
   padding: 1.5rem !important;
 }
 
+.p-12{
+  padding: 3rem !important;
+}
+
+.p-1{
+  padding: 0.25rem !important;
+}
+
 .py-10{
   padding-top: 2.5rem !important;
   padding-bottom: 2.5rem !important;
@@ -2818,6 +2835,14 @@ details[open] > summary::after {
   padding-bottom: 0.5rem !important;
 }
 
+.pl-0{
+  padding-left: 0px !important;
+}
+
+.pt-10{
+  padding-top: 2.5rem !important;
+}
+
 .text-left{
   text-align: left !important;
 }
@@ -2906,6 +2931,10 @@ details[open] > summary::after {
   text-transform: uppercase !important;
 }
 
+.lowercase{
+  text-transform: lowercase !important;
+}
+
 .capitalize{
   text-transform: capitalize !important;
 }
@@ -3279,6 +3308,13 @@ button a{
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.long-text a{
+  padding-left: 2rem;
+  padding-right: 2rem;
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
 a {
   border-width: 0px;
 }
@@ -3860,8 +3896,8 @@ header #menu button a{
     padding-bottom: 2rem !important;
   }
 
-  .sm\:pt-16{
+  .sm\:pt-10{
-    padding-top: 4rem !important;
+    padding-top: 2.5rem !important;
   }
 
   .sm\:pb-16{
@@ -3919,6 +3955,11 @@ header #menu button a{
     margin-right: -4rem !important;
   }
 
+  .md\:mx-2{
+    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
+  }
+
   .md\:mt-0{
     margin-top: 0px !important;
   }
@@ -4075,11 +4116,6 @@ header #menu button a{
     margin-right: 1rem !important;
   }
 
-  .lg\:mx-40{
-    margin-left: 10rem !important;
-    margin-right: 10rem !important;
-  }
-
   .lg\:mx-10{
     margin-left: 2.5rem !important;
     margin-right: 2.5rem !important;
@@ -4090,9 +4126,9 @@ header #menu button a{
     margin-right: -5rem !important;
   }
 
-  .lg\:my-40{
+  .lg\:mx-28{
-    margin-top: 10rem !important;
+    margin-left: 7rem !important;
-    margin-bottom: 10rem !important;
+    margin-right: 7rem !important;
   }
 
   .lg\:mx-auto{
@@ -4105,11 +4141,6 @@ header #menu button a{
     margin-right: -3rem !important;
   }
 
-  .lg\:my-32{
-    margin-top: 8rem !important;
-    margin-bottom: 8rem !important;
-  }
-
   .lg\:mt-0{
     margin-top: 0px !important;
   }
@@ -4276,6 +4307,10 @@ header #menu button a{
     padding: 5rem !important;
   }
 
+  .lg\:p-4{
+    padding: 1rem !important;
+  }
+
   .lg\:py-5{
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
@@ -4311,9 +4346,9 @@ header #menu button a{
     padding-right: 1.25rem !important;
   }
 
-  .lg\:py-20{
+  .lg\:py-24{
-    padding-top: 5rem !important;
+    padding-top: 6rem !important;
-    padding-bottom: 5rem !important;
+    padding-bottom: 6rem !important;
   }
 
   .lg\:px-16{
@@ -4348,12 +4383,24 @@ header #menu button a{
     padding-top: 1rem !important;
   }
 
+  .lg\:pb-10{
+    padding-bottom: 2.5rem !important;
+  }
+
+  .lg\:pt-28{
+    padding-top: 7rem !important;
+  }
+
   .lg\:pb-28{
     padding-bottom: 7rem !important;
   }
 
-  .lg\:pb-10{
+  .lg\:pb-24{
-    padding-bottom: 2.5rem !important;
+    padding-bottom: 6rem !important;
+  }
+
+  .lg\:pb-0{
+    padding-bottom: 0px !important;
   }
 
   .lg\:text-5xl{
@@ -4364,6 +4411,10 @@ header #menu button a{
     font-size: 4rem !important;
   }
 
+  .lg\:text-xl{
+    font-size: 1.25rem !important;
+  }
+
   .lg\:backdrop-blur{
     --tw-backdrop-blur: blur(8px) !important;
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
@@ -4381,9 +4432,9 @@ header #menu button a{
     margin-right: 5rem !important;
   }
 
-  .xl\:mx-40{
+  .xl\:mx-10{
-    margin-left: 10rem !important;
+    margin-left: 2.5rem !important;
-    margin-right: 10rem !important;
+    margin-right: 2.5rem !important;
   }
 
   .xl\:mx-0{

templates/partials/header.html

@@ -104,7 +104,7 @@
                     </li>
                   </ul>
                   <div class="rounded-full border-2 mt-1 border-gray-400">
-                    <a href="https://gettft.com/gettft/" target="_blank" class="mt-2">
+                    <a href="https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy" target="_blank" class="mt-2">
                       <img
                         src="{{ get_url(path=section.extra.button_Path) }}"
                         class="mr-5"