updated home modifications

content/about/index.md

@@ -9,8 +9,6 @@ extra:
 ---
 
 <!-- section 1 (header) -->
-
-
 <div class="container mx-auto">
 
 {% row(style="header") %}
@@ -30,8 +28,9 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 </div>
 
 
-<!-- section 2  -->
 
+
+<!-- section 2  -->
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
@@ -54,8 +53,9 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 </div>
 
 
-<!-- section 3  -->
 
+
+<!-- section 3  -->
 <div class="container mx-auto">
 
 

content/home/index.md

@@ -27,7 +27,7 @@ ThreeFold’s self-healing autonomous system empowers anyone to become a cloud s
 
 <br>
 
-<span class="blue">**Together we are creating a cloud for everyone, owned by everyone.**</span>
+Together we are creating a cloud for everyone, owned by everyone.
 
 <br>
 
@@ -43,6 +43,8 @@ ThreeFold’s self-healing autonomous system empowers anyone to become a cloud s
 
 </div>
 
+
+
 <!-- section 2 (logos) -->
 
 {% logo_slider() %}
@@ -51,9 +53,10 @@ ThreeFold’s self-healing autonomous system empowers anyone to become a cloud s
 
 {% end %}
 
-<div class="container mx-auto">
+
 
 <!-- section 3 (Map) -->
+<div class="container mx-auto">
 
 {% grid_stats() %}
 
@@ -66,12 +69,15 @@ Provide cloud and Internet capacity in your area and become a part of the larges
 {% end %}
 
 
-<!-- section 4 (Host2 Earn) -->
 
 
+<!-- section 4 (Host2 Earn) -->
+
 {% row(style="reverse margin") %}
 
-# **Host2 <span class="blue">Earn</span>**
+<h1 class="big_header">Host2<span class="blue">Earn</span></h1>
+
+<br>
 
 #### **It starts with <span class="green_text">Nodes</span>**
 
@@ -83,8 +89,10 @@ Provide cloud and Internet capacity in your area and become a part of the larges
 
 Earn TFT by adding capacity to the grid.
 
+<br>
+
 <button class="green">[Host The Cloud](/host)</button>
-<button class="blue_b">[Explore Rewards](/host)</button>
+<button class="blue_b">[Explore Rewards](https://manual.grid.tf/knowledge_base/farming/farming_reward.html)</button>
 
 |||
 
@@ -94,10 +102,10 @@ Earn TFT by adding capacity to the grid.
 
 </div>
 
+
+
 <!-- section 5 (Partners) -->
-
 <div style="background-color:#F6F6F6">
-
 <div class="container mx-auto">
 
 {% row(style="reverse margin") %}
@@ -111,17 +119,14 @@ Earn TFT by adding capacity to the grid.
 
 ### **<span class="green_text">Used For Every Transaction</span>**
 
-
 ## **Powering Our Ecosystem**
 
 TFT powers ThreeFold and the expansion of a truly decentralized infrastructure that can scale any current or future technologies to the edge.
 
 <br>
 
-
+<button class="green">[Learn More](https://manual.grid.tf/documentation/threefold_token/threefold_token.html)</button>
-<button class="green">[Learn More](/host)</button>
+<button class="blue_b">[TFT Market Price](https://www.coinbase.com/en-gb/price/threefold)</button>
-<button class="blue_b">[TFT Market Place](/host)</button>
-
 
 {% end %}
 
@@ -131,6 +136,8 @@ TFT powers ThreeFold and the expansion of a truly decentralized infrastructure t
 <div class="container mx-auto">
 
 
+
+
 <!-- section 6 (ecentralized) -->
 
 {% row( style="mtop center between ") %}
@@ -207,9 +214,11 @@ As devices multiply, central data centers face data overload. Edge cloud distrib
 
 {% end %}
 
-<!-- section 7 (Ecosystem) -->
 
 
+
+<!-- section 7 (Ecosystem) -->
+
 {% row( style="center mtop narrow") %}
 
 ## **Ecosystem**
@@ -220,14 +229,14 @@ ThreeFold’s decentralized autonomous cloud will empower many projects and digi
 
 {% end %}
 
-{% row( style="") %}
+{% row( style="semiNarrow") %}
 
 <div class="rounded_img border-2 rounded-lg shadow-lg">
 
 [![Image](partner_social.png)](/partners/veverse)
 
-<br>
+
-<div class="p-4">
+<div class="p-6 lg:p-3 mycard">
 
 #### **Social Network**
 
@@ -244,9 +253,9 @@ Earth Staking’s Social Network is the first Bitcoin Staking Layer 2 on Earth,
 
 [![Image](partner_ourworld.png)](/partners/our-world-free-zone/)
 
-<br>
 
-<div class="p-4">
+
+<div class="p-6 lg:p-3 mycard">
 
 #### **Our World Free Zone**
 
@@ -263,9 +272,7 @@ ThreeFold is working with ZICTIA, on behalf of the Zanzibar government, to creat
 
 [![Image](partner_sikana.png)](/partners/sikana)
 
-<br>
+<div class="p-6 lg:p-3 mycard">
-
-<div class="p-4">
 
 #### **Sikana**
 
@@ -276,28 +283,37 @@ Sikana is on a mission to empower individuals with practical skills through free
 </div>
 </div>
 
+{% end %}
+
+<br>
+
+{% row( style="center") %}
+
+<button class="blue_b">[Learn More](/partners)</button>
 
 {% end %}
 
+</div>
 
 
+<div style="background-color:#F6F6F6">
+<div class="container mx-auto">
 
 <!-- section 8 (news) -->
 
-
+{% row( style="mtop semiNarrow") %}
-{% row( style="mtop") %}
 
 ## **Latest News**
 
 {% end %}
 
-{% row( style="") %}
+{% row( style="mbottom semiNarrow") %}
 
 [![Image](latest1.png)](/blog/dunia-yetu)
 
 <br>
 
-#### **A Sovereign Internet in Tanzania**
+##### **A Sovereign Internet in Tanzania**
 
 Dunia Yetu (Our World) is a collaborative and co-owned movement to redefine the digital landscape in Tanzania.
 
@@ -307,26 +323,30 @@ Dunia Yetu (Our World) is a collaborative and co-owned movement to redefine the
 
 <br>
 
-#### **Cooperative Model is Coming**
+##### **Cooperative Model is Coming**
 
 Cooperatives represent a well-tested form of collective organization and democratic governance.
 
 |||
 
-[![Image](latest3.png)](/blog/threefold-cooperative)
+[![Image](latest3.png)](/newsroom/social-network-mega-space/)
 
 <br>
 
-#### **Cooperative Model is Coming**
+##### **X (Twitter) Space with Social Network**
 
-Cooperatives represent a well-tested form of collective organization and democratic governance.
+Join the Social Network Mega Space featuring Kristof (co-founder) and Florian (biz dev).
 
 {% end %}
 
+</div>
+</div>
 
 
 
-<!-- section 7 (Join In) -->
+
+<!-- section 9 (Join In) -->
+<div class="container mx-auto">
 
 {% row(style="center mtop between") %}
 
@@ -335,29 +355,47 @@ Cooperatives represent a well-tested form of collective organization and democra
 
 {% end %}
 
-{% row(style="center between") %}
 
-[![](join3.png)](https://manual.grid.tf)
+
+{% row(style="center semiNarrow") %}
+
+<div class="border rounded-md mb-4">
+
+[![](join3.png#icon)](https://manual.grid.tf)
+
+</div>
 
 Dive Deeper into ThreeFold Technologies
 
+
+
+
 |||
 
-[![](join2.png)](https://threefoldfaq.crisp.help/en/)
+<div class="border rounded-md mb-4">
+
+[![](join2.png#icon)](https://threefoldfaq.crisp.help/en/)
+
+</div>
+
+
 
 Get assistance from our support team
 
+
+
 |||
 
-[![](join1.png)](https://t.me/threefold)
+<div class="border rounded-md mb-4">
+
+[![](join1.png#icon)](https://t.me/threefold)
+
+</div>
 
 Meet the community and join the conversation
 
-
 {% end %}
 
-
-
  </div>
 
 <style>

css/index.css

@@ -134,6 +134,16 @@ h1 {
   background-color: rgb(245 245 244 / var(--tw-bg-opacity));
 }
 
+.big_header{
+  font-size: 6rem !important;
+  font-weight: 500 !important;
+}
+
+.mycard{
+  height: 240px !important;
+}
+
+
 @layer components {
   h1 {
     @apply text-4xl lg:text-6xl font-normal;
@@ -157,7 +167,7 @@ h1 {
     @apply text-xl lg:text-2xl font-normal;
   }
   h5 {
-    @apply text-md my-1 tracking-widest text-zinc-500 font-semibold;
+    @apply text-lg my-1 tracking-normal font-semibold;
   }
   h6 {
     @apply text-md not-italic font-normal my-1;
@@ -204,6 +214,8 @@ h1 {
 
   }
 
+ 
+
 
   .article h2{
     font-size: 2.25rem;
@@ -234,7 +246,7 @@ h1 {
   }
 
   .article li{
-    font-size: 1.125rem;
+    font-size: 1rem;
   }
   .main-title {
     font-family: Lato,sans-serif!important;
@@ -474,6 +486,15 @@ header {
   img[src*="#sm_none"] {
     display: none;
   }
+
+  .big_header{
+    font-size: 4rem !important;
+   
+  }
+
+  .mytest{
+    height: auto;
+  }
 }
 
 header #menu button { 

templates/shortcodes/grid_stats.html

@@ -15,6 +15,17 @@
                     <div id="capacity" class="leading-none font-extrabold text-xl"></div>
                     <span class="block text-md mt-4 font-normal capitalize">capacity</span>
                 </div>
+                <!-- cores -->
+                <div class="item flex flex-col border border-gray-50 shadow-lg bg-white mx-4 p-6 my-4">
+                    <img
+                        class="mx-auto p-4"
+                        src="images/V3-11.png"
+                        width="100"
+                        alt=""
+                    >
+                    <div id="cores" class="leading-none font-extrabold text-xl"></div>
+                    <span class="block text-md mt-4 font-normal capitalize">cores</span>
+                </div>
                 <!-- Nodes -->
                 <div class="item flex flex-col border border-gray-50 shadow-lg bg-white mx-4 p-6 my-4">
                     <img
@@ -37,21 +48,11 @@
                     <div id="countries" class="leading-none font-extrabold text-xl"></div>
                     <span class="block text-md mt-4 font-normal capitalize">countries</span>
                 </div>
-                <!-- cores -->
+                 <!-- farms -->
                 <div class="item flex flex-col border border-gray-50 shadow-lg bg-white mx-4 p-6 my-4">
                     <img
                         class="mx-auto p-4"
-                        src="images/V3-11.png"
+                        src="images/farm.png"
-                        width="100"
-                        alt=""
-                    >
-                    <div id="cores" class="leading-none font-extrabold text-xl"></div>
-                    <span class="block text-md mt-4 font-normal capitalize">cores</span>
-                </div>
-                <div class="item flex flex-col border border-gray-50 shadow-lg bg-white mx-4 p-6 my-4">
-                    <img
-                        class="mx-auto p-4"
-                        src="images/V3-11.png"
                         width="100"
                         alt=""
                     >

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 px-4 md:px-12" %}
+{% set col_class = "flex-1 mb-6 md:mb-0 px-4" %}
 {% set row_id = '' %}
 
 {% if id %}