Merge branch '3.10.0' of github.com:threefoldfoundation/www_threefold_io into 3.10.0

content/about/index.md

@@ -3,30 +3,28 @@ title: "About"
 template: "page.html"
 insert_anchor_links: "left"
 ---
-
 <!-- section 1 (header) -->
 
-{% row(style="semiNarrow mbottom" bgPath="bg_new.jpg") %}
+<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+    <div class="h-full">
+      <div class="flex flex-col items-center md:flex-row">
+       <div class="w-full md:w-1/2">
+          <div class="block">
+            <img
+                src="header_about.png" class="w-full h-full"/>
+          </div>
+        </div>
+        <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
+          <div class="flex flex-col items-start justify-center p-6">
+            <h1>Genesis</strong></h1>
+            <h3 class="my-1"><b>It all Started with a Vision About a Decade ago</b></h3>
+            <p>When we saw how the Internet's existing infrastructure was becoming increasingly centralized, controlled by a handful of tech giants, and posed a threat to privacy and sovereignty, we knew it was time for a change. That's why we founded ThreeFold.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
-<br>
-
-<br>
-
-![Image](about_header.png#large)
-
-|||
-
-# Genesis
-
-### It all Started with a Vision About a Decade ago
-
-When we saw how the Internet's existing infrastructure was becoming increasingly centralized, controlled by a handful of tech giants, and posed a threat to privacy and sovereignty, we knew it was time for a change. That's why we founded ThreeFold.
-
-{% end %}
-
-<br>
-
-<br>
 
 
 <!-- section 2 -->
@@ -35,11 +33,11 @@ When we saw how the Internet's existing infrastructure was becoming increasingly
 
 <!-- bgColor="#ececec" -->
 
-### **Our Mission**
+## **Our Values**
 
-Enabling a decentralized Internet that empowers individuals and communities<br>with economic and social freedom.
+{% end %}
 
-|||
+{% row( style="center between") %}
 
 ### **Open-Source**
 Collaboration and openness are key to building a better world.
@@ -49,16 +47,14 @@ Collaboration and openness are key to building a better world.
 ### **Simplicity**
 Fostering clarity. Driving innovation. Enabling scalability.
 
-{%end %}
+|||
-
-
-
-{% row( style="center between mbottom") %}
 
 ### **Authenticity**
 We are genuine and vulnerable.
 
-|||
+{%end %}
+
+{% row( style="center between mbottom") %}
 
 ### **Planet-First**
 Our solutions must be sustainable.
@@ -78,7 +74,9 @@ We empower self-sovereignty and autonomy.
 
 <!-- section 3 -->
 
-{% row(style="center margin" bgPath="checkerboard1.jpg") %}
+<div class="bgtest">
+
+{% row(style="center margin") %}
 
 ![Image](KDS.png#mx-auto)
 
@@ -91,6 +89,7 @@ We empower self-sovereignty and autonomy.
 
 {% end %}
 
+</div>
 
 <!-- section 4-->
 
@@ -104,7 +103,7 @@ We empower self-sovereignty and autonomy.
 
 ![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. 
 
@@ -112,9 +111,9 @@ 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.
+Equality, diversity, and inclusion are key to our vision of an Internet for everyone, everywhere. ThreeFold has created a participatory infrastructure and movement, and is prioritizing efforts to bring a more accessible Internet to developing regions around the world.
 
 {% end %}
 
@@ -122,7 +121,9 @@ Equality, diversity, and inclusion are key to our vision of an Internet for ever
 
 <!-- section 5 -->
 
-{% row(style="center margin" bgPath="checkerboard2.jpg") %}
+<div class="bgtest2">
+
+{% row(style="center margin") %}
 
 ## Our Community is United by
 ### **Passion and Purpose**
@@ -130,10 +131,11 @@ Equality, diversity, and inclusion are key to our vision of an Internet for ever
 We are a diverse community of passionate individuals who believe in the power of technology to bring about positive change.<br>
 Our mission is to realize the vision of a decentralized, self-sovereign digital world, enabling equitable and sustainable opportunities for all.<br> Together, we are building a new Internet that puts power back into the hands of the people.
 
-<button>[Join the Revolution](/community)</button>
+<button>[Join the Revolution](https://t.me/threefold)</button>
 
 {% end %}
 
+</div>
 
 <!-- section 6 -->
 
@@ -143,3 +145,23 @@ Our mission is to realize the vision of a decentralized, self-sovereign digital
 ### - Margaret Mead
 
 {% end %}
+
+<style>
+
+.bgtest{
+
+  background-image: url("checkerboard.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.bgtest2{
+
+  background-image: url("checker4.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+  
+  </style>

content/build/index.md

@@ -3,32 +3,33 @@ title: "Buildnew"
 template: "page.html"
 insert_anchor_links: "left"
 ---
-
 <!-- section 1  -->
 
-{% row(style="semiNarrow mbottom" bgPath="bg_new.jpg") %}
+<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+    <div class="h-full">
+      <div class="flex flex-col items-center md:flex-row">
+       <div class="w-full md:w-1/2">
+          <div class="block">
+            <img
+                src="header_build.png" class="w-full h-full"/>
+          </div>
+        </div>
+        <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
+          <div class="flex flex-col items-start justify-center p-6">
+            <h1>Build the Future</strong></h1>
+            <h3 class="my-1"><b>Develop and Administer on a Decentralized Autonomous Edge Cloud</b></h3>
+            <p>Experience true ownership of your deployments with a decentralized framework. Evolve the way you create and deploy innovative solutions, with greater scalability, efficiency, privacy, and security.</p>
+            <div class="flex flex-col md:flex-row">
+            <button class="mx-1 my-2"><a target="_blank" href="https://manual.grid.tf">Our Manuals</a></button>
+            <button class="mx-1 my-2"><a target="_blank" href="https://dashboard.grid.tf">Grid Dashboard</a></button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
-<br>
 
-<br>
-
-![Image](buildheader.png#large)
-
-|||
-
-# Build the Future
-### Develop and Administer on a Decentralized Autonomous Edge Cloud
-
-Experience true ownership of your deployments with a decentralized framework. Evolve the way you create and deploy innovative solutions, with greater scalability, efficiency, privacy, and security.
-
-<button>[Our Manuals](https://manual.grid.tf)</button>
-<button>[Grid Dashboard](https://dashboard.grid.tf)</button>
-
-{% end %}
-
-<br>
-
-<br>
 
 
 <!-- section 2  -->
@@ -55,9 +56,9 @@ The ThreeFold Team and community have spent countless hours creating written and
 
 {% row(style="center margin" bgPath="checkerboard1.jpg") %}
 
-### The ThreeFold Grid offers a range of low-level constructs known as Primitives. <br>These powerful functionalities enable you to create diverse and customized <br>solutions on top of the grid, opening up a world of possibilities.
+### **The ThreeFold Grid offers a range of low-level constructs known as Primitives. <br>These powerful functionalities enable you to create diverse and customized <br>solutions on top of the grid, opening up a world of possibilities.**
 
-### Any application compatible with Linux can seamlessly run on the ThreeFold Grid,<br>ensuring maximum flexibility.
+### **Any application compatible with Linux can seamlessly run on the ThreeFold Grid,<br>ensuring maximum flexibility.**
 
 <button>[More on Grid Primitives](https://manual.grid.tf/concepts/grid_primitives.html)</button>
 
@@ -72,7 +73,7 @@ The ThreeFold Team and community have spent countless hours creating written and
 
 ## Unleashing the Potential
 
-### ThreeFold Technology In Action
+### **ThreeFold Technology In Action**
 
 Take a look at some of what's being built on top of the grid today. More coming soon.
 
@@ -156,13 +157,13 @@ Deploy solutions with ease using Weblets, our user-friendly and decentralized we
 
 ## Discover the ThreeFold Advantage
 
-### Empowering Sovereign, Scalable, and Secure Solutions
+### **Empowering Sovereign, Scalable, and Secure Solutions**
 
 {% end %}
 
 {% row(style="center mbottom between") %}
 
-### Infrastructure as Code (IaC)
+### **Infrastructure as Code**
 
 Revolutionize your IT deployments with machine-readable definition files, and enjoy seamless integration with industry standards such as Terraform. Enhance provisioning with deterministic smart contracts, minimize overheads, and boost your efficiency.
 
@@ -172,7 +173,7 @@ Revolutionize your IT deployments with machine-readable definition files, and en
 
 |||
 
-### Dedicated Nodes
+### **Dedicated Nodes**
 
 Achieve ultimate control and flexibility by reserving entire nodes tailored for your projects.
 Optimize security and customization for high-demand workloads, such as blockchain nodes, while enjoying competitive pricing.
@@ -185,7 +186,7 @@ Optimize security and customization for high-demand workloads, such as blockchai
 
 |||
 
-### Quantum Safe Storage
+### **Quantum Safe Storage**
 
 Experience the boundless possibilities of a distributed, quantum-proof storage system – designed to encrypt, compress, shard, and distribute your data, empowering you with unmatched security, scalability, and efficiency.
 
@@ -193,7 +194,7 @@ Experience the boundless possibilities of a distributed, quantum-proof storage s
 
 <br>
 
-<button> [Learn More](https://manual.grid.tf/) </button>
+<button> [Learn More](https://manual.grid.tf/terraform/resources/terraform_qsfs.html) </button>
 
 {% end %}
 
@@ -209,13 +210,13 @@ Earn up to 50% of the utilization revenues of solutions that you create, promote
 
 <br>
 
-<button>[Learn More](https://github.com/threefoldtech/tfchain/blob/development/substrate-node/pallets/pallet-smart-contract/solution_provider.md)</button>
+<button>[Learn More](https://manual.grid.tf/tfchain/tfchain_solution_provider.html)</button>
 
 {% end %}
 
 {% row(style="center between mtop mbottom") %}
 
-### At ThreeFold, we believe in a decentralized and autonomous world, where true ownership and control over digital deployments are in your hands. Our revolutionary edge cloud infrastructure empowers you to create innovative solutions with unmatched scalability, efficiency, privacy, and security.
+### **At ThreeFold, we believe in a decentralized and autonomous world, where true ownership and control over digital deployments are in your hands. Our revolutionary edge cloud infrastructure empowers you to create innovative solutions with unmatched scalability, efficiency, privacy, and security.**
 
 {% end %}
 
@@ -227,7 +228,7 @@ Earn up to 50% of the utilization revenues of solutions that you create, promote
 
 ## Engage with the Community
 
-### Be Part of the Decentralized Movement
+### **Be Part of the Decentralized Movement**
 
 {% end %}
 
@@ -253,7 +254,7 @@ Connect with our vibrant community, share ideas, and contribute to collective kn
 
 ### **Open Source**
 
-Help shape ThreeFold's decentralized ecosystem on GitHub.
+Help shape ThreeFold's decentralized ecosystem on GitHub. Collaboration is key to build a better digital future.
 
 <br>
 
@@ -286,7 +287,7 @@ Contribute resources and earn rewards while supporting the growth of the ThreeFo
 
 ### **Support**
 
-Our team is here to assist you along your ThreeFold journey.
+Our decentralized team located around the world is here to assist you along your ThreeFold journey.
 
 
 <br>

content/expand/index.md

@@ -6,7 +6,7 @@ insert_anchor_links: "left"
 
 <!-- section 1 (be the Internet) -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat mybg" style="background-image:url(BG_wide.png)">
+<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
@@ -18,7 +18,7 @@ insert_anchor_links: "left"
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
             <h1>Be the <strong>Internet</strong></h1>
-            <h3 class="my-0">Host a node, support a decentralized future</h3>
+            <h3 class="my-1"><b>Host a node, support a decentralized future</b></h3>
             <p>By connecting a modern computer at your home or office to the ThreeFold Grid, you can provide Internet capacity to communities and builders, and be rewarded for doing this. Take part in shaping a new Internet era governed by all of us.</p>
             <button class="mx-0"><a target="_blank" href="https://manual.grid.tf/TF_Farmer_Guide/tf_farmer_guide_readme.html">Get Started</a></button>
           </div>
@@ -62,7 +62,7 @@ insert_anchor_links: "left"
 
 <br>
 
-### Host a Node
+### **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. 
 
@@ -72,7 +72,7 @@ All you need to get started is a modern computer, electricity and network. Once
 
 <br>
 
-### Get Verified
+### **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.
 
@@ -82,7 +82,7 @@ The capacity of the node gets verified and registered in the ThreeFold Blockchai
 
 <br>
 
-### Earn every Month
+### **Earn every Month**
 After your node is set up and verified, you’ll be rewarded for the compute, storage and bandwidth you provide to the ThreeFold Grid.
 
 
@@ -93,19 +93,19 @@ After your node is set up and verified, you’ll be rewarded for the compute, st
 
 {% row(style="center between margin") %}
 
-![](findyourfit.png#mx-auto)
+![](nodeheader.png#mx-auto)
 
 |||
 
 ## Find Your Fit
-### Most Modern Computers Work
+### **Most Modern Computers Work**
 
 ThreeFold’s operating system was designed to be hardware agnostic, and already runs on any Intel or AMD powered computer today. 
 
 <br>
 
 <button>[Global Marketplace](https://marketplace.3node.global/)</button>
-<button>[HostService NL | Europe](https://hostservice.nl/winkel/)</button>
+<button>[EU Marketplace](https://hostservice.nl/winkel/)</button>
 <button>[Do It Yourself](https://manual.grid.tf/TF_Farmer_Guide/TF_Complete_Farmer_Guide/farmer_guide.html)</button>
 
 {% end %}
@@ -134,11 +134,3 @@ The more people use TFT, the more TFT will be ‘burnt’, reducing the overall
 
 
 {% end %}
-
-<style>
-
- .mybg{
-    background-position: bottom !important;
- }
-
-</style>

content/home/index.md

@@ -11,32 +11,30 @@ extra:
 
 <!-- section 1 (header) -->
 
-{% row(style="semiNarrow mbottom" bgPath="bg_new.jpg") %} 
+<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(home/BG_wide.png);background-position:right">
-
+    <div class="h-full">
-<!-- bgPath="images/header_bg.jpg" -->
+      <div class="flex flex-col items-center md:flex-row">
-
+       <div class="w-full md:w-1/2">
-<br>
+          <div class="block">
-
+            <img
-<br>
+                src="home/header_home2.png" class="w-full h-full"/>
-
+          </div>
-![Image](home_header.png#large#mx-auto)
+        </div>
+        <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
+          <div class="flex flex-col items-start justify-center p-6">
+            <h1>Welcome to ThreeFold</strong></h1>
+            <!-- <h3 class="my-1">Host a node, support a decentralized future</h3> -->
+            <p>ThreeFold is a decentralized, peer-to-peer, open-source Internet platform, allowing people to provide and utilize Internet capacity directly – without intermediaries.
+            <br>
+            A sovereign alternative to the centralized Internet.</p>
+            <button class="mx-0"><a target="_blank" href="https://manual.grid.tf/intro/intro_readme.html">Get Started</a></button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
 
-|||
-
-# Welcome to ThreeFold
-
-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.
-
-<button>[Get Started](https://manual.grid.tf/intro/intro_readme.html)</button>
-
-<br>
-
-<br>
-
-{% end %}
 
 <!-- section 2 -->
 
@@ -44,27 +42,25 @@ A sovereign alternative to the centralized Internet.
 
 ## Why Do We Need an Alternative?
 
-### Overcoming Internet Inequalities
+### **Overcoming Internet Inequalities**
 
 {% end %}
 
 {% row(style="center reverse mbottom narrow") %}
 
-### **Outdated.**
+The current Internet is **outdated**. It is built on a centralized antiquated foundation, which hinders scalability and efficiency.
 
-The current Internet is built on a centralized antiquated foundation, hindering scalability and efficiency.
+<br>
 
-### **Not Scalable.**
+The current Internet is **not scalable**. Over 3 billion people lack reliable Internet access.
 
-Over 3 billion people lack reliable Internet access.
+<br>
 
-### **Not Sustainable.**
+The current Internet is **not sustainable**. It consumes between 5-10% of the world’s energy.
-
-The current Internet consumes between 5-10% of the world’s energy.
 
 |||
 
-![Image](internet_outdated.png#auto)
+![Image](internet_outdated.png#medium)
 
 {% end %}
 
@@ -76,11 +72,9 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 {% row(style="center margin" bgPath="images/checkerboard2.jpg") %}
 
-## Evolving the Internet, Together
+### **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.**
 
-### 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. Join us in evolving the Internet, together.**
-
-### But we didn't just imagine it – we built it.
 
 {% end %}
 
@@ -92,7 +86,7 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 {% grid_stats() %}
 
-### The ThreeFold Grid v3.9.0
+### **The ThreeFold Grid v3.9**
 
 ## **Live and Operational**
 
@@ -107,7 +101,7 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 {% 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.
+### **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 %}
 
@@ -115,7 +109,7 @@ The current Internet consumes between 5-10% of the world’s energy.
 
 ## Take Action Today
 
-### And Create Tomorrow
+### **And Create Tomorrow**
 
 {% end %}
 
@@ -161,8 +155,11 @@ Join a group of people around the globe who believe the world needs ThreeFold an
 
 <!-- section 5 -->
 
+<div class="bgtest">
 
-{% row(style="center margin" bgPath="checkerboard1.jpg") %}
+{% row(style="center margin") %}
+
+<!-- bgPath="checkerboard1.jpg" -->
 
 <br>
 
@@ -173,8 +170,22 @@ We're open-source and decentralized, so we use a token called $TFT to fuel the m
 <br>
 
 <button>[Dive into the Token](/token)</button>
-<button>[Buy $TFT](https://library.threefold.me/info/threefold#/tokens/threefold__token_howtos)</button>
+<button>[Buy $TFT](https://manual.grid.tf/getstarted/TF_Token/tft_toc.html)</button>
-
 
+</div>
 
 {% end %}
+
+<style>
+
+.bgtest{
+
+  background-image: url("home/checker4.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+
+
+}
+  
+  </style>

content/token/index.md

@@ -5,29 +5,28 @@ page_template: "tft_header.html"
 insert_anchor_links: "left"
 ---
 
-<!-- section 1 (be the Internet) -->
+<!-- section 1  -->
 
-{% row(style="semiNarrow mbottom" bgPath="bg_new.jpg") %}
+<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+    <div class="h-full">
+      <div class="flex flex-col items-center md:flex-row">
+       <div class="w-full md:w-1/2">
+          <div class="block">
+            <img
+                src="header_token.png" class="w-full h-full"/>
+          </div>
+        </div>
+        <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
+          <div class="flex flex-col items-start justify-center p-6">
+            <h1>Introducing TFT</strong></h1>
+            <h3 class="my-1"><b>The Currency Powering the Decentralized Internet</b></h3>
+            <p>Join the Internet revolution with the ThreeFold Token (TFT), an innovative utility token used to build, store and exchange on the ThreeFold Grid. Through many of its unique properties, TFT opens a whole new world of possibilities that was previously unimaginable with centralized infrastructures.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
-<br>
-<br>
-
-![Image](token_header.png#large)
-
-|||
-
-# Introducing TFT
-### The Currency Powering the Decentralized Internet 
-
-<br>
-
-Join the Internet revolution with the ThreeFold Token (TFT), an innovative utility token used to build, store and exchange on the ThreeFold Grid. Through many of its unique properties, TFT opens a whole new world of possibilities that was previously unimaginable with centralized infrastructures.
-
-{% end %}
-
-<br>
-
-<br>
 
 
 
@@ -96,7 +95,7 @@ With the ThreeFold Grid's programmable nature,
 
 developers have unlimited possibilities to build the future.
 
-<button>[Buy TFT](https://library.threefold.me/info/threefold#/tokens/threefold__token_howtos)</button>
+<button>[Buy TFT](https://manual.grid.tf/getstarted/TF_Token/tft_toc.html)</button>
 
 {% end %}
 

css/index.css

@@ -82,7 +82,7 @@ img[src*="#absolute"] {
 }
 
 h1 {
-  line-height: 4rem;
+  line-height: 3rem;
 }
 
 .nav p > a {

templates/shortcodes/grid_stats.html

@@ -58,7 +58,7 @@
  
             </div>
             
-        <button><a href="https://dashboard.grid.tf/explorer/statistics">Explore Grid Capacity</a></button>
+        <button><a href="https://dashboard.grid.tf/explorer/statistics" target="_blank">Explore Grid Capacity</a></button>
         </div>
     </div>
 </section>