Merge branch 'development_Aug_2024' into development

content/about/index.md

@@ -9,41 +9,76 @@ extra:
 ---
 
 <!-- section 1 (header) -->
+
 <div class="container mx-auto">
 
 {% row(style="header") %}
 
-![Image](people.png#mx-auto)
+![Image](about_hero.png#mx-auto)
 
 |||
 
-### **<span class="green">Meet the Project</span>**
+#### <span class="green_text uppercase">a credible alternative to centralized clouds</span>
 
-## Founded by <span class="blue">**Internet 1.0 Pioneers**</span>
+## **Collaborative & Sovereign**
 
-About a decade ago, a group of passionate Internet & cloud veterans came together to build a system which can grow to a scalable, safe, compatible, and co-owned IT infrastructure.
+Imagine a cloud built by everyone, for everyone—a place where we collectively own and control our data. By joining forces, we create a secure, efficient, and decentralized infrastructure that empowers individuals and communities. Together, we can ensure privacy, boost innovation, and pave the way for a more equitable digital future. Let’s build this cloud, hand in hand.
+
+<br>
+
+<button class="blue_b">[Host the cloud](/host)</button>
+<button class="green">[Deploy](/deploy)</button>
 
 {% end %}
 
 </div>
 
+
+
+
 <!-- section 2 our Story  -->
 
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
 
-{% row( style="center narrow mtop") %}
+{% row( style="center semiNarrow mtop") %}
 
-## **Our <span class="blue">Story</span>**
+#### <span class="green_text uppercase">rethinking the way the internet works </span>
 
-### **Enabling True <span class="green_text">Decentralization</span>**
+## **ThreeFold’s Journey**
+
+<br>
+
+![Image](about_journey2.png#mx-auto)
 
 {% end %}
 
-{% storymap() %}
+{% row( style="center semiNarrow mbottom") %}
+
+#### OUR JOURNEY BEGAN<br><span class="green_text uppercase">+10 YEARS AGO</span>
+
+<br>
+
+Years ago, we realized that the existing Internet Infrastructure isn’t sustainable nor secure, lack sovereignty and will not succeed to meet future Internet demands.
+
+<br>
+
+In response, we came together with a shared mission- to design a revolutionary decentralized, open-source, inclusive and sustainable cloud solution for all. 
+
+|||
+
+
+#### WHERE WE ARE<br><span class="blue uppercase">TODAY</span>
+
+<br>
+
+As we embark on the expansion and commercialization phase, the ThreeFold Grid is in it’s third generation and live ±60 countries, significant milestones in our ongoing commitment to redefine the future of the digital landscape.
+
+<br>
+
+We are at the start of a journey to millions of nodes and will launch soon the fourth generation of the Grid- Project Internet Capacity.
 
-## **storymap**
 
 {% end %}
 
@@ -53,96 +88,27 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 
 
-
-
-
 <!-- section 3  -->
+
 <div class="container mx-auto">
 
-{% row( style="center mtop") %}
+{% row( style="center between margin") %}
 
-## **<span class="blue">30+ Years</span> Of Technology Development**
+#### <span class="green_text uppercase">OUR MISSION & VISION</span>
 
-{% end %}
+## **Empowering <span class="blue"> Human Potential</span>**
 
 <br>
 
-{% row( style="center mbottom") %}
-
-<div class="myscale border rounded-md p-4">
-
-![Image](datacenter.png#mx-auto)
-
-
-
--------------------
+Our mission is to empower individuals and organizations with secure, private, and <br>autonomous access to computing resources, ensuring fair cloud access for everyone.
 
 <br>
 
-Market Cap
-<p class="text-2xl blue font-bold">8 Billion $</p>
-
-</div>
-
-|||
-
-<div class="myscale border rounded-md p-4">
-
-![Image](dedigate.png#mx-auto)
-
--------------------
+We envision a global, community-driven network of interconnected servers and nodes—the grid—that democratizes <br>computing power and storage. This decentralized infrastructure fosters innovation, digital sovereignty, and an equitable internet, where users fully control their data and interactions. 
 
 <br>
 
-Market Cap
-<p class="text-2xl blue font-bold">34 Billion $</p>
-
-</div>
-
-|||
-
-<div class="myscale border rounded-md p-4">
-
-![Image](hostbasket.png#mx-auto)
-
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">8 Billion $</p>
-
-</div>
-
-|||
-
-<div class="myscale border rounded-md p-4">
-
-![Image](qlayer.png#mx-auto)
-
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">205 Billion $</p>
-
-</div>
-
-|||
-
-<div class="myscale border rounded-md p-4">
-
-![Image](amplidata.png#mx-auto)
-
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">25 Billion $</p>
-
-</div>
+Through our token, we support an open ecosystem that facilitates the seamless exchange of internet capacity, <br>fostering a new digital era of sovereignty, security, privacy, and inclusivity.
 
 {% end %}
 
@@ -151,14 +117,17 @@ Market Cap
 
 
 
-<!-- section 4  -->
+
+<!-- section 5  -->
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
 
 {% row( style="mtop") %}
 
-## **Roadmap**
+#### <span class="blue uppercase">ROADMAP</span>
+
+## **Expanding ThreeFold**
 
 {% end %}
 
@@ -175,12 +144,18 @@ Market Cap
 
 
 
-<!-- section 5  -->
+<!-- section 6  -->
 <div class="container mx-auto">
 
 {% row( style="mtop") %}
 
-## **The <span class="blue">Team</span>**
+
+
+#### <span class="blue uppercase">MEET THE TEAM</span>
+
+## **Founded by <span class="green_text">Internet 1.0 Pioneers</span>**
+
+We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. Our goal is to help bring that vision to life once more.
 
 {% end %}
 
@@ -306,15 +281,44 @@ Market Cap
 
 
 
-<!-- section 6  -->
+<!-- section 7  -->
+<div class="container mx-auto">
+
+<div class="relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center lg:pt-24 pt-2">
+
+<div class="flex-1 w-2/3 mb-6 md:mb-0 px-2 md:px-4 m-2 lg:m-0">
 
 
+#### <span class="green_text uppercase">BE PART OF OUR JOURNEY</span>
 
-{% hovevision() %}
+## **Let’s redefine our digital <br>landscape <span class="blue"> together</span>**
 
-## **Vision**
+</div>
 
-{% end %}
+<div class="w-1/3 mb-6 md:mb-0 px-2 md:px-12 m-2 lg:m-0 road_border">
+  <h3 class="mt-0 font-semibold">JOIN IN</h3>
+  <div class="my-4">
+    <a href="https://manual.grid.tf" target="_blank">
+     <h4 class="green_text font-normal my-0">Manuals</h4>
+     <p class="white-gray font-normal">Dive deeper into our technology</p>
+    </a>
+  </div>
+  <div class="my-4">
+    <a href="https://threefoldfaq.crisp.help/en/" target="_blank">
+     <h4 class="green_text font-normal my-0">Support</h4>
+     <p class="white-gray font-normal">Get assistance from our Support Team</p>
+    </a>
+  </div>
+  <div class="my-4">
+    <a href="/community" target="_blank">
+     <h4 class="green_text font-normal my-0">Community</h4>
+     <p class="white-gray font-normal">Be part of our journey and participate</p>
+    </a>
+  </div>
+     
+</div>
+
+</div>
 
 </div>
 
@@ -341,4 +345,16 @@ Market Cap
   transform: scale(1.2); 
   background-color: whitesmoke;
 }
+
+ .road_border{
+    
+      border-left: 1px solid rgb(156, 156, 156);
+
+    }
+
+  .white-gray{
+  
+  color: #9f9f9f;
+}
+
   </style>

content/deploy/index.md

@@ -17,9 +17,9 @@ extra:
 
 |||
 
-### **<span class="green">Deploy On The Grid</span>**
+#### <span class="green_text">DEPLOY ON THE GRID</span>
 
-## **Build <span class="blue">Your Own</span> Digital Experiences**
+## **Build <span class="blue">Your Own</span><br> Digital Experiences**
 
 ThreeFold has developed extensive technology and tools for <span class="blue">developers</span> and <span class="blue">system administrators.</span>
 
@@ -29,17 +29,60 @@ From decentralized cloud computing and blockchain integration to overseeing infr
 
 <br>
 
-<button class="green">[Developer Documentation](https://www.manual.grid.tf/documentation/developers/developers.html)</button> 
-<button class="blue_b">[Sysadmin Documentation](https://www.manual.grid.tf/documentation/system_administrators/system_administrators.html)</button>
+<button class="green">[Developer Documentation](https://manual.grid.tf/documentation/developers/developers.html)</button> 
+<button class="blue_b">[Sysadmin Documentation](https://manual.grid.tf/documentation/system_administrators/system_administrators.html)</button>
 
 
 {% end %}
 
+
+
+
+<!-- section 2 Deploy -->
+
+{% row( style="center semiNarrow") %}
+
+#### <span class="blue">START BUILDING TODAY</span>
+
+## **Deploy on the Grid**
+
+{% end %}
+
+{% row( style="semiNarrow") %}
+
+<p class="bg-gray-50 p-2 road_border">Any AI, Web2, Web3 application can run on the ThreeFold Grid</p>
+
+<br>
+
+<p class="bg-gray-50 p-2 road_border">Compatible with the existing world of Containers, Virtual Machines, Kubernetes, S3 Storage, IPFS, ...</p>
+
+<br>
+
+<p class="bg-gray-50 p-2 road_border">Incredibly powerful Infrastructure as Code Platform</p>
+
+<br>
+
+<p class="bg-gray-50 p-2 road_border">The world's only platform seamlessly integrating decentralized Storage, Network, and Compute workloads, enabling anyone to build and deploy a wide range of applications on a truly sovereign and scalable infrastructure.</p>
+
+{% end %}
+
+
+{% row( style="mbottom center semiNarrow") %}
+
+<button class="green">[Deploy Now](https://dashboard.grid.tf)</button> 
+<button class="blue_b">[Dive Deeper](https://manual.grid.tf/documentation/system_administrators/system_administrators.html)</button>
+
+
+{% end %}
+
+
 </div>
 
 
 
-<!-- section 2 Key Features -->
+
+
+<!-- section 2 Endless -->
 
 
 <div style="background-color:#F6F6F6">
@@ -47,50 +90,107 @@ From decentralized cloud computing and blockchain integration to overseeing infr
 <div class="container mx-auto">
 
 
-{% row( style="mtop semiNarrow") %}
+{% row( style="center mtop narrow") %}
 
-### **<span class="">Deploy With ThreeFold**
+#### <span class="green_text uppercase">APPLICATIONS AND DEPLOYMENTS</span>
 
-## **Key Features**
+## **Endless Possibilities on the Cloud**
+
+The grid offers a wide range of ready-to-use applications and developers can build any type of app! Deployment configurations are endless. Here is a glimpse of the possibilities!
+
+{% end %}
+
+<br>
+
+{% row( style="semiNarrow") %}
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:brand-wordpress" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:brand-wordpress"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9.5 9h3M4 9h2.5M11 9l3 11l4-9M5.5 9L9 20l3-7m6-2c.177-.528 1-1.364 1-2.5c0-1.78-.776-2.5-1.875-2.5C16.227 6 16 6.812 16 7.429c0 1.83 2 2.058 2 3.571"></path><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0"></path></g></symbol><use xlink:href="#ai:tabler:brand-wordpress"></use></svg>
+
+
+#### **<span class="text-xl">Wordpress</span>**
+
+
+<p class="text-base mt-1 leading-snug">WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.</p>
+
+
+</div>
+
+|||
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:cloud" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:cloud"><path d="M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:cloud"></use></svg>
+
+
+#### **<span class="text-xl">Nextcloud</span>**
+
+
+<p class="text-base mt-1 leading-snug">Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.</p>
+
+
+</div>
+
+|||
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue  h-10 w-10 mb-4 text-primary" data-icon="tabler:brand-databricks" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:brand-databricks"><path d="m3 17l9 5l9-5v-3l-9 5l-9-5v-3l9 5l9-5V8l-9 5l-9-5l9-5l5.418 3.01" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:brand-databricks"></use></svg>
+
+
+#### **<span class="text-xl">Full and Micro VMs</span>**
+
+
+<p class="text-base mt-1 leading-snug">The grid offers full flexibility when it comes to deploying virtual machine. Full and micro virtual machines are at your commands to deploy simple to advanced workloads!</p>
+
+
+</div>
 
 {% end %}
 
 {% row( style="semiNarrow") %}
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:box" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:box"><path d="m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:box"></use></svg>
 
 
-**<span class="blue">ANYTHING LINUX CAN RUN ON THE GRID</span>**
+#### **<span class="text-xl">Kubernetes</span>**
 
 
-<p class="text-base mt-1 leading-snug">Anything that runs on Linux can run on ThreeFold's innovative operating system, guaranteeing compatibility and flexibility.</p>
+<p class="text-base mt-1 leading-snug">Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.</p>
+
+</div>
+
+|||
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:apps" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:apps"><path d="M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:apps"></use></svg>
+
+
+#### **<span class="text-xl">Caprover</span>**
+
+
+<p class="text-base mt-1 leading-snug">CapRover is an extremely easy to use app/database deployment & web server manager for apps such as NodeJS, Python, PHP, ASP.NET, Ruby, MySQL and more.</p>
 
 
 </div>
 
 |||
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:ai" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:ai"><path d="M8 16v-6a2 2 0 1 1 4 0v6m-4-3h4m4-5v8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:ai"></use></svg>
 
 
-**<span class="blue">VIRTUAL MACHINES & GATEWAY TECHNOLOGY</span>**
+#### **<span class="text-xl">AI and Machine Learning</span>**
 
 
-<p class="text-base mt-1 leading-snug">ThreeFold’s gateway tech allows any node on the grid to obtain a FQDN, secure mesh network traffic, and synced configurations. Coupled with our VMs, the possibilities are endless.</p>
+<p class="text-base mt-1 leading-snug">The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.</p>
 
 
-</div>
-
-|||
-
-<div class="key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
-
-
-**<span class="blue">ONE-CLICK SOLUTION FOR WORKLOADS</span>**
-
-
-<p class="text-base mt-1 leading-snug">The Grid offers ready-community solutions to deploy industry-grade workloads in one click. You can also build your own solutions thanks to the open-source nature of the grid.</p>
-
 </div>
 
 {% end %}
@@ -98,105 +198,108 @@ From decentralized cloud computing and blockchain integration to overseeing infr
 
 {% row( style="semiNarrow") %}
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:webhook" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:webhook"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4.876 13.61A4 4 0 1 0 11 17h6"></path><path d="M15.066 20.502A4 4 0 1 0 17 13c-.706 0-1.424.179-2 .5L12 8"></path><path d="M16 8a4 4 0 1 0-8 0c0 1.506.77 2.818 2 3.5L7 17"></path></g></symbol><use xlink:href="#ai:tabler:webhook"></use></svg>
 
 
-**<span class="blue">OPEN SOURCE LOW LEVEL OPERATING SYSTEM</span>**
+#### **<span class="text-xl">Casperlabs</span>**
 
 
-<p class="text-base mt-1 leading-snug">Enables anyone to become a cloud provider. This operating system supports all required Web2 and Web3 workloads.</p>
+<p class="text-base mt-1 leading-snug">Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.</p>
 
 
 </div>
 
 |||
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:video" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:video"><path d="m15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14zM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:video"></use></svg>
 
 
-**<span class="blue">PEER TO PEER MESH NETWORK</span>**
+#### **<span class="text-xl">Peertube</span>**
 
 
-<p class="text-base mt-1 leading-snug">The only overlay network which considers locality: routing decisions are based on peer proximity. Offers privacy and redundancy that are currently not possible elsewhere.</p>
+<p class="text-base mt-1 leading-snug">PeerTube is a free, open-source, and decentralized video-sharing platform. It allows users to host and share videos on their own servers, creating an interconnected platform.</p>
 
 
 </div>
 
 |||
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:database-leak" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:database-leak"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3"></path><path d="M4 6v12c0 1.657 3.582 3 8 3s8-1.343 8-3V6"></path><path d="M4 15a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2-1a2.4 2.4 0 0 1 2-1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1"></path></g></symbol><use xlink:href="#ai:tabler:database-leak"></use></svg>
 
 
-**<span class="blue">QUANTUM SAFE STORAGE SYSTEM</span>**
+#### **<span class="text-xl">Subsquid</span>**
 
 
-<p class="text-base mt-1 leading-snug">QSSS is capable of storing data in ways that are indestructible, efficient, and ultra-scalable. Storage algorithms fragment and disperse files over multiple nodes.</p>
+<p class="text-base mt-1 leading-snug">Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet.</p>
 
 
 </div>
 
-
 {% end %}
 
 
 {% row( style="semiNarrow") %}
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white">
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
+
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:coins" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:coins"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9 14c0 1.657 2.686 3 6 3s6-1.343 6-3s-2.686-3-6-3s-6 1.343-6 3"></path><path d="M9 14v4c0 1.656 2.686 3 6 3s6-1.344 6-3v-4M3 6c0 1.072 1.144 2.062 3 2.598s4.144.536 6 0S15 7.072 15 6s-1.144-2.062-3-2.598s-4.144-.536-6 0S3 4.928 3 6"></path><path d="M3 6v10c0 .888.772 1.45 2 2"></path><path d="M3 11c0 .888.772 1.45 2 2"></path></g></symbol><use xlink:href="#ai:tabler:coins"></use></svg>
 
 
-**<span class="blue">TOOLS AVAILABLE FOR SYSADMINS</span>**
+#### **<span class="text-xl">Node Pilot</span>**
 
 
-<p class="text-base mt-1 leading-snug">Deploy your own workload architectures with tools such as Terraform, Pulumi and Kubernetes.</p>
+<p class="text-base mt-1 leading-snug">Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.</p>
 
 
 </div>
 
 |||
 
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
 
-<div class="key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:tournament" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:tournament"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 4a2 2 0 1 0 4 0a2 2 0 1 0-4 0m16 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0M2 12a2 2 0 1 0 4 0a2 2 0 1 0-4 0m0 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-8h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H6"></path><path d="M6 4h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-2m3-6h4"></path></g></symbol><use xlink:href="#ai:tabler:tournament"></use></svg>
 
 
-**<span class="blue">AI AND MACHINE LEARNING WORKLOADS WITH GPU</span>**
+#### **<span class="text-xl">Taiga</span>**
 
 
-
-<p class="text-base mt-1 leading-snug">The grid supports GPU nodes enabling artificial intelligence and machine learning workloads within minutes.</p>
+<p class="text-base mt-1 leading-snug">Taiga is an open-source project management application that can handle both simple and complex projects for startups, software developers, and other target teams.</p>
 
 
 </div>
 
-
 |||
 
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-white shadow-lg">
 
-<!-- don't write here -->
-
-<div class="hidden key_card rounded_img border-2 rounded-lg p-4 text-base bg-white">
+<svg class="blue h-10 w-10 mb-4 text-primary" data-icon="tabler:bubble-text" height="1em" viewBox="0 0 24 24" width="1em"><symbol id="ai:tabler:bubble-text"><path d="M7 10h10m-8 4h5M12.4 3a5.34 5.34 0 0 1 4.906 3.239a5.333 5.333 0 0 1-1.195 10.6a4.26 4.26 0 0 1-5.28 1.863L7 21v-3.134a2.668 2.668 0 0 1-1.795-3.773A4.8 4.8 0 0 1 8.113 5.16A5.33 5.33 0 0 1 12.4 3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></symbol><use xlink:href="#ai:tabler:bubble-text"></use></svg>
 
 
-**<span class="blue">AI AND MACHINE LEARNING WORKLOADS WITH GPU</span>**
+#### **<span class="text-xl">Discourse</span>**
 
 
-
-<p class="text-base mt-1 leading-snug">The grid supports GPU nodes enabling artificial intelligence and machine learning workloads within minutes.</p>
+<p class="text-base mt-1 leading-snug">Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!</p>
 
 
 </div>
 
 {% end %}
 
-<br>
+{% row( style="mbottom center semiNarrow") %}
 
+<button class="green mt-6">[Dive Deeper](/)</button> 
 
 
-{% row( style="center mbottom semiNarrow") %}
-
-<button class="green">[Dive Deeper](https://manual.grid.tf/documentation/developers/developers.html)</button>
-
 {% end %}
 
+
+
 </div>
 
 </div>
@@ -204,31 +307,6 @@ From decentralized cloud computing and blockchain integration to overseeing infr
 
 
 
-<!-- section 3 applications  -->
-
-<div class="container mx-auto">
-
-{% row( style="narrow mtop") %}
-
-## **Ready Community Applications**
-
-#### **Easily <span class="blue">deploy</span> your favorite applications on the ThreeFold Grid with a <span class="blue">click of a button</span>**
-
-<br>
-
-![Image](application.png)
-
-<br>
-
-<button class="green">[Learn More](https://manual.grid.tf/documentation/dashboard/deploy/applications.html?highlight=ready#)</button> 
-<button class="blue_b">[Deploy Now](https://dashboard.grid.tf)</button>
-
-{% end %}
-
-</div>
-
-
-
 <style>
 
 .rounded_img img {
@@ -249,4 +327,10 @@ From decentralized cloud computing and blockchain integration to overseeing infr
   transform: scale(1.2); 
   background-color: whitesmoke;
 }
+
+ .road_border{
+    
+      border-left: 2px solid #d3d3d3;
+
+    }
   </style>

content/header/index.md

@@ -8,10 +8,10 @@ extra:
 ---
 
 - [About]("/about")
-- [Deploy]("/deploy")
+- [Technology]("/technology")
 - [Host]("/host")
-- [Utilization]("/utilization")
-- [TFT]("/tft")
+- [Deploy]("/deploy") 
+- [Tokens]("/tokens")
 - Info
 
 

content/home/index.md

@@ -26,13 +26,12 @@ Together we are creating a cloud for everyone, owned by everyone.
 
 <br>
 
-<button class="blue_b">[Host The Cloud](/host)</button> <button class="green">[Deploy](https://dashboard.grid.tf)</button> 
+<!-- <button class="blue_b">[Host The Cloud](/host)</button> <button class="green">[Deploy](https://dashboard.grid.tf)</button>  -->
 
-<!-- <button>[Learn](https://manual.grid.tf)</button> -->
 
 |||
 
-![Image](header_new1.png)
+![Image](home_here.png)
 
 {% end %}
 
@@ -55,139 +54,185 @@ Together we are creating a cloud for everyone, owned by everyone.
 
 {% grid_stats() %}
 
-### **Become a cloud & Internet service provider on**
+#### Become a cloud & Internet service provider on
 
-## **The ThreeFold Grid**
+## **The ThreeFold Cloud**
 
 Provide cloud and Internet capacity in your area and become a part of the largest<br>and most advanced decentralized autonomous cloud network in the world.
 
 {% end %}
 
+</div>
 
 
+<!-- section 4 (Host the cloud) -->
 
-<!-- section 4 (Host2 Earn) -->
+<div style="background-color:#F6F6F6">
+<div class="container mx-auto">
 
 {% row(style="reverse margin") %}
 
-<h1 class="big_header">Host2<span class="blue">Earn</span></h1>
+<h4 class="blue">HOST THE CLOUD</h4>
+
+## **It starts with Nodes**
+
+
+3Nodes are specialized computers running Zero OS, an operating system invented by the ThreeFold team, enabling anyone to provide decentralized compute storage, and network capacity to the ThreeFold Grid – and earn for it. 
 
 <br>
 
-#### **It starts with <span class="green_text">Nodes</span>**
-
-<br>
-
-3Nodes allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud: pre-configured plug-and-earn nodes for beginners, or do-it-yourself nodes for builders. 
-
-<br>
-
-Earn TFT by adding capacity to the grid.
-
-<br>
-
-<button class="green">[Host The Cloud](/host)</button>
-<button class="blue_b">[Explore Rewards](https://manual.grid.tf/knowledge_base/farming/farming_reward.html)</button>
+<button class="blue_b">[Get A Node](/node)</button>
+<button class="green">[Build A Node](https://manual.grid.tf/knowledge_base/farming/farming_reward.html)</button>
 
 |||
 
-![Image](host2_earn.png#mx-auto)
+![Image](home_nodes.png#mx-auto)
 
 {% end %}
 
 </div>
+</div>
 
 
 
-<!-- section 5 (Partners) -->
-<div style="background-color:#F6F6F6">
+
+<!-- section 5 (INCA) -->
+
 <div class="container mx-auto">
 
 {% row(style="margin") %}
 
-![Image](power_ecosystem.png#mx-auto)
+![Image](home_inca.png#mx-auto)
 
 |||
 
 
-# **TFT**
+<h4 class="green_text">A BASE LAYER FOR DEPIN</h4>
 
-### **<span class="green_text">Used For Every Transaction</span>**
+<h3 class="font-semibold"><span class="blue">Project IN</span>ternet <span class="blue">CA</span>pacity:
+<br>the fourth generation of the ThreeFold Grid</h3>
 
-## **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.
+
+We’ve developed robust technology that enables anyone to become a cloud and internet service provider. Our secure autonomous system is capable of self-healing without human intervention, giving users complete control over where their data and applications are hosted.
 
 <br>
 
-<button class="green">[Learn More](https://manual.grid.tf/documentation/threefold_token/threefold_token.html)</button>
-<button class="blue_b">[TFT Market Price](https://www.coinbase.com/en-gb/price/threefold)</button>
+**Project INternet CApacity** s the fourth generation of the grid, representing the culmination of years of work by ThreeFold.
+
+<br>
+
+This project serves as the foundational layer for AI, Web2, Web3, and DePIN projects. It allows everyone to host their applications on a decentralized cloud infrastructure, providing reliable, sovereign storage, network, and compute capacity.
+
+<br>
+
+**ThreeFold has been building decentralized physical infrastructure long before the term “DePIN” was coined.**
 
 {% end %}
 
 </div>
-</div>
 
 
 
 
-<!-- section extra (Deploy) -->
 
+<!-- section 6 (COLLABORATION) -->
+
+<div style="background-color:#F6F6F6">
 <div class="container mx-auto">
 
 
-{% row( style="center mtop semiNarrow") %}
+{% row( style="center margin between") %}
 
-#### What’s Possible With ThreeFold
+<h4 class="green_text">COLLABORATION, NOT COMPETITION</h4>
+
+## **A <span class="blue">Decentralized</span> Future for Us All**
 
 <br>
 
-## **<span class="blue">Deploy</span> On The Grid**
+ThreeFold believes in open-source collaboration to empower human potential. 
+
+Together, we create, host, and co-own the foundational layer of an upgraded internet.
+
+<br>
+
+Our technology operates close to the hardware, enabling most Web2, Web3, <br>and DePIN projects to run on top of the ThreeFold Decentralized Cloud.
+
+<br>
+
+**Our story is a collective story. Let’s write it together.**
+
+<br>
+
+<button class="green">[Learn More](https://dashboard.grid.tf)</button>
 
 {% end %}
 
-{% row( style="center semiNarrow") %}
-
-<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
-
-
-Anything that runs on Linux can run on the ThreeFold grid
-
+</div>
 </div>
 
-|||
-
-<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
 
 
-Virtual machines & gateways for easy deploying
 
-</div>
+<!-- section 7 (Autonomous) -->
 
-|||
+<div class="container mx-auto">
 
-<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
+{% row( style="center mtop between") %}
 
+<h4 class="blue">BUILDING ON A PROVEN TECHNOLOGY</h4>
 
-Use our one-click solutions or build your own
+## **What does it mean to be a truly <span class="blue">Decentralized</span> <span class="green_text">Autonomous</span> Cloud for everyone?**
 
-</div>
+The ThreeFold Cloud is a robust and production-ready ecosystem.
 
-|||
+<br>
 
-<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
-
-
-Flexible advanced deployment options for experienced users
-
-</div>
+![Image](autonomous.png#semilarge#mx-auto)
 
 {% end %}
 
-{% row( style="center mbottom semiNarrow") %}
+{% row( style="semiNarrow center mbottom") %}
 
-<button class="green">[Deploy Now](https://dashboard.grid.tf)</button>
-<button class="blue_b">[Dive Deeper](/deploy)</button>
+### <span class="blue font-semibold">Decentralized</span>
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-gray-50">
+
+<p class="leading-6 text-md">No matter who or where you are, you can participate in the ecosystem. Anyone can host or use cloud services.</p>
+
+<br>
+
+**Everyone has 100% control over their data and online presence.**
+
+</div>
+
+|||
+
+### <span class="green_text font-semibold">Autonomous</span>
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-gray-50">
+
+<p class="leading-6 text-md">The ThreeFold software operates entirely without human intervention, allowing our cloud service providers to participate without needing to be experts.</p>
+
+<br>
+
+**Owning the cloud has never been so easy.**
+
+</div>
+
+|||
+
+### <span class="font-semibold">Cloud</span>
+
+<div class="key_card rounded_img border-2 rounded-lg p-4 bg-gray-50">
+
+<p class="leading-6 text-md">Thanks to our innovative bare metal operating system and quantum-safe storage and network system, we achieve significant efficiency and security benefits.</p>
+
+<br>
+
+<p class="leading-6 text-md font-semibold">Our aim is to allow all AI, Web2 and Web3 workloads to run natively on the grid</p>
+
+</div>
 
 {% end %}
 
@@ -196,16 +241,16 @@ Flexible advanced deployment options for experienced users
 
 
 
-<!-- section 6 (ecentralized) -->
+<!-- section 8 (Decentralized Cloud) -->
 
 <div style="background-color:#F6F6F6">
 <div class="container mx-auto">
 
 {% row( style="mtop center between ") %}
 
-## **Why Decentralized Cloud**
+## **Advantages of a Decentralized Cloud**
 
-#### <span class="blue">How bringing data closer to the end user is beneficial for everyone</span>
+#### <span class="green_text">How is bringing data closer to the end-user beneficial for everyone?</span>
 
 {% end %}
 
@@ -213,59 +258,51 @@ Flexible advanced deployment options for experienced users
 
 {% row( style="center semiNarrow") %}
 
-![Image](latency_reduction.png#tft_img#mx-auto)
+![Image](privacy.png#small#mx-auto)
 
 <br>
 
-#### **Latency Reduction**
+#### **Privacy**
 
-For real-time apps, central cloud delay is prohibitive. Edge Cloud cuts latency locally.
+Users maintain control over their data and minimize the risk of data breaches by processing information closer to its source.
 
 |||
 
-![Image](privacy_security.png#tft_img#mx-auto)
+![Image](sovereignty.png#small#mx-auto)
 
 <br>
 
-#### **Privacy & Security**
+#### **Sovereignty**
 
-By processing data locally, edge cloud reduces the exposure to data breaches and cyberattacks.
+Enables nations and individuals to control their Internet capacity, promoting digital independence through an autonomous cloud network.
 
 |||
 
-![Image](data_sovereignity.png#tft_img#mx-auto)
-
-<br>
-
-#### **Data Sovereignity**
-
-Empowers emerging markets with local data storage, granting digital sovereignty and autonomy.
-
-{% end %}
-
-{% row( style="mbottom center semiNarrow") %}
-
-![Image](performance.png#tft_img#mx-auto)
+![Image](performance.png#small#mx-auto)
 
 <br>
 
 #### **Performance**
 
-Provides optimized bandwidth, reliability, and real-time processing which streamlines operations.
+By processing data closer to users, it reduces latency and improves real-time responsiveness. 
 
-|||
 
-![Image](cost_efficiency.png#tft_img#mx-auto)
+{% end %}
+
+{% row( style="mbottom center semiNarrow") %}
+
+![Image](efficiency.png#small#mx-auto)
 
 <br>
 
 #### **Cost Efficiency**
 
-Minimizes data transmission over networks, cutting costs and reducing central server demand.
+Reduces costs by minimizing data transmission over centralized networks.
+
 
 |||
 
-![Image](scalability.png#tft_img#mx-auto)
+![Image](scalability.png#small#mx-auto)
 
 <br>
 
@@ -273,199 +310,95 @@ Minimizes data transmission over networks, cutting costs and reducing central se
 
 As devices multiply, central data centers face data overload. Edge cloud distributes processing and boosts scalability.
 
-{% end %}
-
-</div>
-</div>
-
-
-
-<!-- section 7 (Ecosystem) -->
-
-<div class="container mx-auto">
-
-{% row( style="center mtop narrow") %}
-
-## **Ecosystem**
-
-### <span class="blue">**Utilization Partners**</span>
-
-ThreeFold’s decentralized autonomous cloud will empower many projects and digital experiences as we grow. Here are some of the first projects to come alive.
-
-{% end %}
-
-{% row( style="semiNarrow") %}
-
-<div class="rounded_img border-2 rounded-lg shadow-lg">
-
-[![Image](partner_social.png)](/partners/social-network/)
-
-
-<div class="p-6 lg:p-3 mycard">
-
-#### **Social Network**
-
-
-Earth Staking’s Social Network is the first Bitcoin Staking Layer 2 on Earth, collaborating with ThreeFold to improve security, scalability, and energy-efficiency.
-        
-
-</div>
-</div>
-
 |||
 
-<div class="rounded_img border-2 rounded-lg shadow-lg">
-
-[![Image](partner_ourworld.png)](/partners/our-world-free-zone/)
-
-
-
-<div class="p-6 lg:p-3 mycard">
-
-#### **Our World Free Zone**
-
-
-ThreeFold is working with ZICTIA, on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all.
-        
-
-</div>
-</div>
-
-|||
-
-<div class="rounded_img border-2 rounded-lg shadow-lg">
-
-[![Image](partner_sikana.png)](/partners/sikana/)
-
-<div class="p-6 lg:p-3 mycard">
-
-#### **Sikana**
-
-
-Sikana is on a mission to empower individuals with practical skills through free educational videos – local content in local languages on top of local infrastructure.
-        
-
-</div>
-</div>
-
-{% end %}
+![Image](green.png#small#mx-auto)
 
 <br>
 
-{% row( style="center") %}
+#### **Green**
 
-<button class="blue_b">[Learn More](/partners)</button>
+Uses local resources to cut the carbon footprint and promotes eco-friendly practices with decentralized hosting.
 
 {% end %}
 
-
-<br>
-
 </div>
-
+</div>
 
 
 
 <!-- section 8 (news) -->
-<div style="background-color:#F6F6F6">
+
 <div class="container mx-auto">
 
 {% row( style="mtop semiNarrow") %}
 
-## **Latest News**
+## **What’s new?**
+#### <span class="blue">Latest ThreeFold Updates</span>
 
 {% end %}
 
+<br>
+
 {% row( style="mbottom semiNarrow") %}
 
-[![Image](latest1.png)](/blog/dunia-yetu)
+[![Image](aug_community_calls.png)](/newsroom/aug-community-calls/)
 
 <br>
 
-##### **A Sovereign Internet in Tanzania**
+<p class="white-gray font-normal">NEWS</p>
+
+##### Announcing August's Community Calls
 
-Dunia Yetu (Our World) is a collaborative and co-owned movement to redefine the digital landscape in Tanzania.
 
 |||
 
-[![Image](latest2.png)](/blog/threefold-cooperative)
+
+
+[![Image](evolution_of_the_internet.png)](/blog/eveloution-of-the-internet/)
 
 <br>
 
-##### **A Cooperative Model is Coming**
+<p class="white-gray font-normal">BLOG</p>
 
-Cooperatives represent a well-tested form of collective organization and democratic governance.
+##### The Evolution of the Internet: From Free to Controlled, and Back Again
 
 |||
 
-[![Image](latest4.png)](/blog/edge-computing/)
 
-<br>
 
-##### **Meeting Digital Demand at the Edge**
+<div class="pl-6 road_border">
+<h3 class="mt-0 font-semibold">JOIN IN</h3>
 
-Learn what edge computing means and what it offers compared to centralized cloud infrastructures.
+  <div class="my-4">
+  <a href="https://manual.grid.tf" target="_blank">
+     <h4 class="text-xl green_text font-normal my-0">Manuals</h4>
+     <p class="white-gray font-normal">Dive deeper into our technology</p>
+     </a>
+     </div>
+      <div class="my-4">
+      <a href="https://threefoldfaq.crisp.help/en/" target="_blank">
+     <h4 class="text-xl green_text font-normal my-0">Support</h4>
+     <p class="white-gray font-normal">Get assistance from our Support Team</p>
+     </a>
+     </div>
+       <div class="my-4">
+       <a href="/community" target="_blank">
+     <h4 class="text-xl green_text font-normal my-0">Community</h4>
+     <p class="white-gray font-normal">Be part of our journey and participate</p>
+     </a>
+     </div>
+
+</div>
 
 {% end %}
 
 </div>
-</div>
 
 
 
 
-<!-- section 9 (Join In) -->
-<div class="container mx-auto">
 
-{% row(style="center mtop between") %}
-
-## **Join In**
- 
-
-{% end %}
-
-
-
-{% row(style="center semiNarrow") %}
-
-<div class="border rounded-md mb-4">
-
-[![](join3.png#icon)](https://manual.grid.tf)
-
-</div>
-
-Dive deeper into our technology
-
-
-
-
-|||
-
-<div class="border rounded-md mb-4">
-
-[![](join2.png#icon)](https://threefoldfaq.crisp.help/en/)
-
-</div>
-
-
-
-Get assistance from our support team
-
-
-
-|||
-
-<div class="border rounded-md mb-4">
-
-[![](join1.png#icon)](/community)
-
-</div>
-
-Participate in the conversation
-
-{% end %}
-
- </div>
 
 <style>
 
@@ -477,4 +410,16 @@ Participate in the conversation
 .rounded_img img {
   border-radius: 8px;
 }
+
+.white-gray{
+  
+  color: #9f9f9f;
+}
+
+ .road_border{
+    
+      border-left: 1px solid #cbcbcb;
+
+    }
+
   </style>

content/host/index.md

@@ -10,19 +10,20 @@ insert_anchor_links: "left"
 
 {% row(style="header") %}
 
-![Image](hero_host3.png#semilarge#mx-auto)
+![Image](host_hero.png#mx-auto)
 
 |||
 
-### **<span class="green">Host the Cloud</span>**
+#### <span class="green_text">HOST THE CLOUD</span>
 
-## **<span class="blue">Empower</span> Human Potential**
+## **<span class="blue">Empower</span> Human <br>Potential**
 
 Regardless of technical knowledge, anyone can now become a cloud service provider, bringing local capacity to where people need it most while earning for your contributions. We call this process <span class="blue">farming</span>.
 
 <br>
 
-<button class="blue_b">[Get A Node](https://manual.grid.tf/documentation/threefold_token/buy_sell_tft/buy_sell_tft.html)</button>
+<button class="green">[Get A Node](https://manual.grid.tf/documentation/threefold_token/buy_sell_tft/buy_sell_tft.html)</button>
+<button class="blue_b">[Manual](https://manual.grid.tf/)</button>
 
 {% end %}
 
@@ -34,7 +35,7 @@ Regardless of technical knowledge, anyone can now become a cloud service provide
 
 {% row(style="center narrow mtop") %}
 
-## How It Works
+## **How It Works**
 
 #### <span class="blue">Three simple steps</span> enabling anyone to become a cloud service provider.
 
@@ -95,11 +96,12 @@ After your node is set up and verified, you’ll be rewarded for the capacity th
 
 {% row( style="center between mtop") %}
 
+
+#### <span class="green_text"> DOCUMENTATION & KNOWLEDGE</span>
+
 ## **Kickstart Your Journey**
 
-### **<span class="blue"> Documentation and Knowledge</span>**
-
-You can become a cloud service provider and bring local capacity <br> to where people need it most while earning for your contributions.
+You can become a <span class="blue">cloud service provider</span> and bring local capacity <br> to where people need it most while earning for your contributions.
 
 {% end %}
 
@@ -167,7 +169,7 @@ Read our informative guide on how to set up your own 3Node. Optimize your own sp
 
 ## **The ThreeFold <span class="green_text">Dashboard</span>**
 
-The ThreeFold Dashboard is today's <span class="blue">go-to-interface</span> for hosters (farmers) and grid users. Create, update and monitor your nodes, estimate your potential earnings, explore and find available nodes on the grid, and much more.
+The ThreeFold Dashboard is today's <span class="blue">go-to-interface</span> for hosters (farmers) and grid users. <br>Create, update and monitor your nodes, estimate your potential earnings, explore and find available nodes on the grid, and much more.
 
 {% end %}
 
@@ -190,7 +192,7 @@ The ThreeFold Dashboard is today's <span class="blue">go-to-interface</span> for
 
 |||
 
-## **For <span class="blue">People</span>, For the <span class="blue">Planet</span>, & For <span class="blue">You</span>**
+## **For <span class="blue">People</span>, For the <span class="green_text">Planet</span>, & For <span class="blue">You</span>**
 
 Our global peer-to-peer connected cloud ensures that data is taking the shortest possible route.  It's not just about boosting efficiency; it's about minimizing the environmental impact of data transfer.
 

content/node/index.md

@@ -0,0 +1,281 @@
+---
+title: "Node"
+description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
+template: "page.html"
+insert_anchor_links: "left"
+extra:
+  author: Your name here
+  imgPath: tfy/tft_header.png
+---
+
+<!-- section 1 (header) -->
+<div class="container mx-auto">
+
+{% row(style="header") %} 
+
+
+![Image](node_hero.png#mx-auto)
+
+
+|||
+
+#### <span class="green_text">FARMING</span>
+
+## **Become a Cloud <br>Service Provider**
+
+<br>
+
+Farming is the act of providing compute, storage and network resources to the grid. By deploying our nodes on the grid, you allow anyone anywhere in the world to deploy workloads on your nodes.
+
+<br>
+
+
+{% end %}
+
+</div>
+
+
+
+
+<!-- section 2 price -->
+
+<div style="background-color:#F6F6F6">
+
+<div class="container mx-auto">
+
+{% row( style="center mtop narrow") %}
+
+## **Internet Capacity Nodes**
+
+#### <span class="green_text uppercase">A Cloud Engine for the New Internet</span>
+
+
+{% end %}
+
+<br>
+
+{% row( style="mbottom semiNarrow") %}
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **SILVER**
+
+<p class="gray_color">Optimal choice for end user utilization</p>
+
+<br>
+      
+# <span class="font-black">$499</span>
+
+per node
+
+</div>
+
+<br>
+
+- 16 GB of Memory
+- 1,000 GB of SSD
+- 4 Logical CPU Cores
+- Up to 1,500 INCA/month for utilization.
+- For first 5,000 nodes, 250 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="green mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **platinum**
+
+<p class="gray_color">Optimal choice for generic purpose cloud</p>
+
+<br>
+      
+# <span class="font-black">$1999</span>
+
+per node
+
+</div>
+
+<br>
+
+- 64 GB of Memory
+- 2,000 GB of SSD + 10,000 GB of HDD
+- 16 Logical CPU Cores
+- Up to 6,000 INCA/month for utilization.
+- For first 1,000 nodes, 1,000 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="blue_b mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg p-4 bg-white shadow-sm">
+
+<div class="text-center">
+
+##### **AI**
+
+<p class="gray_color">Optimal choice for AI workloads</p>
+
+<br>
+      
+# <span class="font-black">$3999</span>
+
+per node
+
+</div>
+
+<br>
+
+- 64 GB of Memory
+- 4,000 GB of SSD + 10,000 GB of HDD
+- RTX 4900 GPU
+- Up to 12,000 INCA/month for utilization.
+- For first 1,000 nodes, 2,000 INCA/month additional for first 24 months
+
+<br>
+
+<div class="text-center">
+
+<button class="green mt-6">[Get the Nodes](https://csnkyhwp8b4.typeform.com/to/SnfEE9pj?typeform-source=www.canva.com)</button> 
+
+</div>
+
+</div>
+
+{% end %}
+
+</div>
+
+</div>
+
+
+<!-- section 2 price -->
+
+
+
+<div class="container mx-auto">
+
+{% row( style="center mtop semiNarrow") %}
+
+## **Nodes Leading at the Edge**
+
+#### <span class="green_text">Discover how our nodes provide a groundbreaking, reliable and robust technology</span>
+
+
+{% end %}
+
+<br>
+
+{% row( style="semiNarrow") %}
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](zero_icon.png#mx-auto)
+
+#### **Zero-OS Self-Healing Operating System**
+
+</div>
+
+<p class="ml-8">We like things well done and built to last, that’s why we created our own self-healing operating system, Zero-OS.<p> 
+
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](enargy_icon.png#mx-auto)
+
+#### **Energy Efficient**
+
+</div>
+
+<p class="ml-8">No one wants to pay for electricity needlessly. Our sustem uses upto 10x less energy for certain workloads compared to traditional systems.</p> 
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](data.png#mx-auto)
+
+#### **Data Sovereignty**
+
+</div>
+
+<p class="ml-8">You have now complete control over your data placement. Your data is yours, forever.</p>  
+
+
+
+|||
+
+
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](quantum.png#mx-auto)
+
+#### **Quantum Safe File System**
+
+</div>
+
+<p class="ml-8">We’re aware of the war for your data. That’s why we made QSFS, so you know your data is safe and future-proof.</p>  
+
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](sovereign.png#mx-auto)
+
+#### **Truly Sovereign and Collaborative**
+
+</div>
+
+<p class="ml-8">It’s simple: everyone can now own their own part of the internet. From the home setup to the datacenter farm.</p> 
+
+<br>
+
+<div class="my-4 flex flex-row items-center">
+
+![Image](mycelium.png#mx-auto)
+
+#### **Mycelium Network**
+
+</div>
+
+<p class="ml-8">Cost-efficient, locality aware and peer-to-peer, Mycelium is the network for planetary scale.</p>
+
+{% end %}
+
+</div>
+
+
+<style>
+.gray_color{
+     color: #9b9b9b;
+}
+
+h1{
+     margin-bottom: 0px
+}
+
+</style>

content/technology/index.md

@@ -0,0 +1,102 @@
+---
+title: "Technology"
+template: "page.html"
+insert_anchor_links: "left"
+---
+
+
+<!-- section 1  -->
+
+<div class="container mx-auto">
+
+{% row(style="header reverse") %}
+
+#### <span class="green_text">ENABLING A GLOBAL NETWORK OF INTERCONNECTED NODES</span>
+
+## **A decentralized infrastructure stack for any digital workload**
+
+Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime. ThreeFold provides features that emerging IT workloads require, and that traditional cloud infrastructures cannot deliver.
+
+<br>
+
+<button class="blue_b">[Dive Deeper](https://manual.grid.tf/)</button>
+
+
+|||
+
+![Image](tech_here.png#mx-auto)
+
+{% end %}
+
+
+<!-- section 2  -->
+
+{% row( style="center semiNarrow") %}
+
+#### <span class="green_text">KEY INNOVATIONS</span>
+
+## **Let's together create the <span class="blue">*Unbreakable Internet*</span>.**
+
+{% end %}
+
+{% tabs_tech() %}
+
+# test
+
+{% end %}
+
+
+
+
+<!-- section 3  -->
+
+{% row( style="mtop center semiNarrow") %}
+
+#### <span class="blue">WHAT MAKES US UNIQUE?</span>
+
+## **Key Features**
+
+{% end %}
+
+{% row( style="mbottom center semiNarrow") %}
+
+<div class="rounded_img rounded-lg p-4 bg-gray-100 card_h">
+
+The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesn’t need human intervention.
+
+</div>
+
+|||
+
+<div class="rounded_img rounded-lg p-4 bg-gray-100 card_h">
+
+The Mycelium Network is compatible with any Existing Internet connection and is capable to find the shortest path between participants (apps and people)
+
+</div>
+
+
+|||
+
+<div class="rounded_img rounded-lg p-4 bg-gray-100 card_h">
+
+The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted.
+
+</div>
+
+{% end %}
+
+
+</div>
+
+<style>
+
+.card_h{
+  height: 170px !important;
+}
+     .road_border{
+    
+      border-left: 1px solid #cbcbcb;
+
+    }
+
+</style>

content/tft/index.md

@@ -1,169 +0,0 @@
----
-title: "TFT"
-description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
-template: "page.html"
-insert_anchor_links: "left"
-extra:
-  author: Your name here
-  imgPath: tfy/tft_header.png
----
-
-<!-- section 1 (header) -->
-<div class="container mx-auto">
-
-{% row(style="header reverse") %} 
-
-### <span class="green">**The Medium of Exchange**</span>
-
-<h1 class="leading-none font-semibold"> All Transactions Use One Token: <span class="blue">TFT</span></h1>
-
-<br>
-
-Whether you are hosting the cloud or deploying solutions on the Grid, you will earn or use TFT. Peer-to-peer transactions, no intermediaries.
-
-<br>
-
-<button class="green">[Get A Node](https://marketplace.3node.global/?sl=en)</button> 
-<button class="blue_b">[How To Buy TFT](https://manual.grid.tf/documentation/threefold_token/buy_sell_tft/buy_sell_tft.html)</button>
-
-|||
-
-![Image](tft_header.png#mx-auto)
-
-{% end %}
-
-</div>
-
-
-
-<!-- section 2 arming Process -->
-
-
-<div style="background-color:#F6F6F6">
-
-<div class="container mx-auto">
-
-
-{% row( style="mtop semiNarrow") %}
-
-### **<span class="green_text font-semibold">EARN TFT**</span>
-
-## **The Farming Process**
-
-#### <span class="blue">Host The Cloud </span> And Become A ThreeFold Farmer.
-
-{% end %}
-
-<br>
-
-{% row( style="center semiNarrow") %}
-
-![Image](step1.png#mx-auto)
-
-<br>
-
-**Set up and connect a node to the ThreeFold Grid.**
-
-|||
-
-<div class="arrow">
-
-![Image](arrow_right2.png#mx-auto)
-
-</div>
-
-|||
-
-![Image](step2.png#mx-auto)
-
-<br>
-
-**Your node and its capacity is verified by the ThreeFold blockchain.**
-
-|||
-
-<div class="arrow">
-
-![Image](arrow_right2.png#mx-auto)
-
-</div>
-
-|||
-
-![Image](step3.png#mx-auto)
-
-<br>
-
-**Earn TFT for the uptime and capacity you provide to the Grid.**
-
-{% end %}
-
-<br>
-
-{% row( style="mbottom center semiNarrow") %}
-
-<button class="green">[Dive Deeper](https://manual.grid.tf/documentation/farmers/farmers.html)</button> 
-
-{% end %}
-
-</div>
-
-</div>
-
-
-
-
-<!-- section 3 Utilization Process -->
-
-<div class="container mx-auto">
-
-{% row( style="mtop semiNarrow") %}
-
-### **<span class="green_text font-semibold">USE TFT**</span>
-
-## **The Utilization Process**
-
-#### <span class="blue">Access  </span> ThreeFold Grid Capacity and <span class="blue">Build</span>
-
-{% end %}
-
-<br>
-
-{% row( style="center narrow") %}
-
-![Image](step3.png#mx-auto)
-
-<br>
-
-**Users pay utilization fees (using TFT) to use compute, storage and network capacity.**
-
-|||
-
-<div class="arrow">
-
-![Image](arrow_right2.png#mx-auto)
-
-</div>
-
-|||
-
-![Image](capacity_2.png#mx-auto)
-
-<br>
-
-**They can then use this capacity to build or deploy on top of the ThreeFold Grid.**
-
-
-{% end %}
-
-<br>
-
-{% row( style="center semiNarrow") %}
-
-<button class="green">[Dive Deeper](https://manual.grid.tf/knowledge_base/cloud/cloud_toc.html)</button> 
-
-{% end %}
-
-</div>
-
-

content/tokens/index.md

@@ -0,0 +1,248 @@
+---
+title: "Tokens"
+description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
+template: "page.html"
+insert_anchor_links: "left"
+extra:
+  author: Your name here
+  imgPath: tfy/tft_header.png
+---
+
+<!-- section 1 (header) -->
+<div class="container mx-auto">
+
+{% row(style="header") %} 
+
+
+![Image](token_hero.png#mx-auto)
+
+
+|||
+
+#### <span class="green_text">MEDIUMS OF EXCHANGE</span>
+
+## **Empowering the Ecosystem**
+
+<br>
+
+For hosting the cloud, you earn tokens. For deploying solutions, you use them. Within ThreeFold, tokens are vital for facilitating peer-to-peer transactions between participants and catalyzing the growth of the ecosystem.
+
+<br>
+
+
+<button class="blue_b">[Buy Tokens](https://manual.grid.tf/documentation/threefold_token/threefold_token.html#buy-and-sell-tft)</button>
+
+
+{% end %}
+
+
+
+
+
+<!-- section 2 arming Process -->
+
+{% row( style="semiNarrow") %}
+
+#### <span class="green_text font-semibold">EARN</span>
+
+## **The Farming Process**
+
+#### <span class="blue">Host The Cloud </span> and <span class="blue">Earn</span> for your contributions 
+
+{% end %}
+
+<br>
+
+{% row(style="center between") %}
+
+<div class="shadow-md rounded-md my-8">
+
+![Image](host_node.png#mx-auto)
+
+</div>
+
+
+Set up and connect a node to the existing Internet
+
+|||
+
+<div class="shadow-md rounded-md my-8">
+
+![Image](offer_capacity.png#mx-auto)
+
+</div>
+
+Your node and its capacity is verified by the ThreeFold blockchain.
+
+|||
+
+<div class="shadow-md rounded-md my-8">
+
+![Image](earn_rewards.png#mx-auto)
+
+</div>
+
+
+Earn tokens for the capacity you provide to the ThreeFold Cloud. 
+
+{% end %}
+
+<br>
+
+{% row( style="mbottom center semiNarrow") %}
+
+<button class="green">[Become a Farmer](https://manual.grid.tf/documentation/farmers/farmers.html)</button> 
+
+{% end %}
+
+
+
+
+
+<!-- section 3 Utilization Process -->
+
+{% row( style="mtop semiNarrow") %}
+
+#### <span class="green_text font-semibold">USE</span>
+
+## **The Utilization Process**
+
+#### <span class="blue">Access  </span> ThreeFold Grid Capacity and <span class="blue">Build</span>
+
+{% end %}
+
+<br>
+
+{% row(style="center semiNarrow") %}
+
+<div class="shadow-md rounded-md my-8">
+
+![Image](utili_1.png#mx-auto)
+
+</div>
+
+
+Users can host any AI, Web2, Web3 application on top of the ThreeFold Sovereign Cloud 
+
+|||
+
+
+<div class="shadow-md rounded-md my-8">
+
+![Image](utili_2.png#mx-auto)
+
+</div>
+
+Users pay utilization fees to rent and use compute, storage and network capacity. 80% of these fees go to the Farmers (v4)
+
+
+{% end %}
+
+<br>
+
+{% row( style="mbottom center semiNarrow") %}
+
+<button class="green">[Deploy](/deploy)</button> 
+
+{% end %}
+
+</div>
+
+
+<!-- section 4 two token -->
+
+<div style="background-color:#F6F6F6">
+<div class="container mx-auto">
+
+{% row( style="mtop center semiNarrow") %}
+
+## **Two Tokens to Enable <span class="blue">One Bold Vision</span>**
+
+{% end %}
+
+<br>
+
+
+
+{% row( style="semiNarrow") %}
+
+
+
+#### <span class="blue">$TFT | VERSION 3</span>
+
+### **Driving Innovation**
+
+The ThreeFold Token ($TFT) serves as the token for ThreeFold Cloud v3. This token has been pivotal in driving ThreeFold's initial phases, playing a crucial role in both the development of the technology and the grid's initial global rollout. There is a maximum supply of 1 billion tokens which might be reached in 6 months. This milestone underscores the growth and adoption of the ThreeFold ecosystem, reflecting the project's progress since its inception. 
+
+|||
+
+#### <span class="green_text">$INCA | VERSION 4</span>
+
+### **Catalyzing Expansion**
+
+ThreeFold aims to expand to 1 million nodes within 2 years, introducing $INCA as the new token to facilitate this growth. $INCA rewards are distributed for capacity usage (80% to farmers), capacity provision, and hosting solutions on the ThreeFold Cloud. This new tokenomics model is designed to incentivize rapid expansion and utilization of the network. 
+
+{% end %}
+
+{% row( style="mbottom center semiNarrow") %}
+
+------------------------------------------------------
+
+<br>
+
+<span class="green_text">$INCA</span> and <span class="blue">$TFT</span> tokens can be used to buy capacity on either version of the grid.
+
+{% end %}
+
+</div>
+</div>
+
+
+
+<!-- section 5 our token -->
+
+
+<div class="container mx-auto">
+
+{% row( style="mtop semiNarrow") %}
+
+#### <span class="green_text">COMMON QUESTIONS</span>
+
+## **Learn more about <span class="blue">our tokens</span>**
+
+<br>
+
+- #### **Will you support currencies like USD or EUR?**
+     In version 4 of the Cloud, users will be able to pay in TFT, INCA and fiat currencies like USD and EUR. The Liquidity pool will take care of the conversion between those currencies. Endusers will not have to understand the specifics of TFT or INCA if they don’t want to
+
+<br>
+
+- #### **Why two tokens?**
+     To rapidly achieve a million nodes, ThreeFold recognizes the importance of optimally rewarding both farmers and solution providers. The most efficient way to accomplish this is through upgraded tokenomics, requiring a new token.
+
+<br>
+
+- #### **How as a user can I use my $TFT and $INCA?**
+     TFT and INCA are both usable on both version of the ThreeFold Cloud. The INCA and TFT can be used to fund the INCA liquidity pool which allows conversion between USD, INCA and TFT.
+
+<br>
+
+- #### **How many tokens are there now?**
+     +-960 Million TFT have been farmed on TFGrid 3.x. We will stop farming once we hit 1 Billion. After the Billion TFT has been minted then all farming will be in $INCA. The exact tokenomics has not been defined yet, but we have multiple variations and are making simulators. We are working with tokenomics and DePIN experts to validate the possibilities.
+
+<br>
+
+----------------------------
+
+<div class="my-4 flex flex-col md:flex md:flex-row items-center justify-between">
+
+**If you have more questions about $TFT or $INCA, we suggest you head to our forum and create a topic there.**
+
+<button class="green">[Ask Questions](https://forum.threefold.io/)</button>
+
+</div>
+
+
+{% end %}
+
+</div>

content/utilization/index.md

@@ -1,159 +0,0 @@
----
-title: "Utilization"
-template: "page.html"
-insert_anchor_links: "left"
----
-
-
-<!-- section 1  -->
-
-<div class="container mx-auto">
-
-{% row(style="header reverse") %}
-
-### **<span class="green">The First Experiences</span>**
-
-# **Utilization & <span class="blue">Ecosystem</span>**
-
-ThreeFold's decentralized autonomous cloud is in its third generation and ready to go commercial. It will empower many projects and digital experiences as we
-grow.
-
-|||
-
-![Image](utilization_section1.png#mx-auto)
-
-{% end %}
-
-
-
-
-
-<!-- section 2  -->
-
-{% row( style="center between mtop") %}
-
-### **<span class="blue">Core Partners</span>**
-
-## **Building with ThreeFold**
-
-<br>
-
-Meet the projects with whom we are working closely this year to drive utilization on top of the ThreeFold Grid. Each of these projects alone has the potential to use up all of ThreeFold's existing capacity – and the team is preparing methods for the grid to scale quickly.
-
-{% end %}
-
-
-<br>
-
-
-{% row( style="semiNarrow") %}
-
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](social_logo.png#icon#mx-auto)](/partners/social-network)
-
-<br>
-
-**Scaling Bitcoin**
-
-<p class="text-base mt-2">Bitcoin is the clear leader when it comes to the “future of money,” but the network faces key blockchain challenges like scalability, reliability.. </P>
-
-<span class="text-base">[Read More](/partners/social-network)</span>
-
-
-
-</div>
-
-
-|||
-
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](ourworld_logo.png#icon#mx-auto)](/partners/our-world-free-zone)
-
-<br>
-
-**A Sovereign Economic Zone**
-
-<p class="text-base">In July 2023, Dr. Hussein Ali Mwinyi, President of Zanzibar, spoke at a summit hosted by ThreeFold to announce our collaboration... </P>
-
-<span class="text-base">[Read More](/partners/social-network)</span>
-
-</div>
-
-
-|||
-
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](ict_logo.png#icon#mx-auto)](/partners/tanzania-sovereign-internet)
-
-<br>
-
-**A Sovereign Internet, By and For Tanzania**
-
-<p class="text-base">Most countries lose numerous benefits from not owning their own Internet. Digital sovereignty is inexistent and economic gains are lost... </P>
-
-<span class="text-base">[Read More](/partners/tanzania-sovereign-internet)</span>
-
-</div>
-
-{% end %}
-
-
-{% row( style="semiNarrow") %}
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](sikana_logo.png#icon#mx-auto)](/partners/sikana)
-
-<br>
-
-**Education For All**
-
-<p class="text-base">Sikana has delivered over 400 million lessons via free educational videos but because of this incredible scale they could not afford hosting costs... </P>
-
-<span class="text-base">[Read More](/partners/sikana)</span>
-
-</div>
-
-|||
-
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](veverse_logo.png#icon#mx-auto)](/partners/veverse)
-
-<br>
-
-**Own Your Metaverse**
-
-<p class="text-base">We met the founder of VeVerse several years ago, who had the vision to democratize access to art globally through metaverse technology... </P>
-
-<span class="text-base">[Read More](/partners/veverse)</span>
-
-</div>
-
-|||
-
-<div class="shadow-md rounded-md border-solid border-2 border-gray-100 p-4 md:p-6 mypartners">
-
-[![Image](vverse_logo.png#icon#mx-auto)](/partners/vverse/)
-
-<br>
-
-**Metaverse Meets Edge Cloud**
-
-<p class="text-base">VVerse (not to be confused with VeVerse) is one of the most capable metaverse technologies... </P>
-
-<span class="text-base">[Read More](/partners/vverse/)</span>
-
-</div>
-
-{% end %}
-
-</div>
-

css/index.css

@@ -223,7 +223,7 @@ background-color:#5596f5 !important;
 
 .key_card{
 
-  height: 210px;
+  height: 250px;
 
 }
 
@@ -594,6 +594,10 @@ header {
     height: auto;
   }
 
+  .card_h {
+         height: auto !important;
+  }
+
   .key_card{
     height: auto;
   }

templates/_default/base.html

@@ -48,6 +48,7 @@
   <div class="px-4 md:px-8">
     {% include "partials/footer.html" %}
   </div>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.js"></script>
   <script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
 </body>
 

templates/partials/header.html

@@ -65,7 +65,7 @@
 
             <div class="hidden md:inline-block md:order-last">
                 <div class="inline-flex">
-                  <ul class="list-none inline-flex mt-5 mr-4 mx-auto">
+                  {# <ul class="list-none inline-flex mt-5 mr-4 mx-auto">
                     <li class="ml-4">
                       <a href="https://t.me/threefoldnews" target="_blank" class="text-black">
                         <svg
@@ -83,7 +83,7 @@
                       </a>
                     </li>
         
-                    {# <li class="ml-4">
+                    <li class="ml-4">
                       <a
                         href="javascript:;"
                         onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -105,9 +105,10 @@
                           ></path>
                         </svg>
                       </a>
-                    </li> #}
-                  </ul>
-                  <div class="rounded-full border-2 mt-1 border-gray-400">
+                    </li> 
+                  </ul> #}
+                  <a href="/node"><button class="px-6 green">Get Node</button></a>
+                  {# <div class="rounded-full border-2 mt-1 border-gray-400">
                     <a href="https://www.manual.grid.tf/documentation/threefold_token/buy_sell_tft/tft_lobstr/tft_lobstr_short_guide.html" target="_blank" class="mt-2">
                       <img
                         src="{{ get_url(path=section.extra.button_Path) }}"
@@ -116,7 +117,7 @@
                         alt=""
                       />
                     </a>
-                  </div>
+                  </div> #}
                 </div>
               </div>
             </div>
@@ -203,11 +204,12 @@
                             {{section.description}}
                           </p>
                           {% include "partials/socialLinks.html" %}
-                      </div>
+                      </div> #}
+                      <a class="ml-6" href="/node"><button class="px-6 green">Get Node</button></a>
                     </nav>                    
-                </div> #}
-            
-        </div>
+                </div>
+                
+          </div>
         
         </div>
     </div>

templates/shortcodes/roadmap.html

@@ -9,6 +9,7 @@
           Phase 1
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
+        <div class="road_border_green px-3">
         <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">CREATION OF CORE TECH</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
@@ -16,14 +17,15 @@
             </li>
             <br>
             <li>
-              A new operating system and quantum safe storage  system.
+              Build decentralized, autonomous, edge internet technology
             </li>
             <br>
             <li>
-              A custom blockchain and self healing engine for autonomous operation.
+              50m dollars invested by founders, community and TF Tech investors.
             </li>
         </ul>
       </div>
+      </div>
       <div>
         <time datetime="2021-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
@@ -32,30 +34,38 @@
           Phase 2
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">PROOF OF CONCEPT</p>
+        <div class="road_border_green px-3">
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">TRACTION & EXPANSION</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-              Grow to global deployment: prove the autonomous operation and scalability.
+              Open Source Development<br> 
+              60+ Countries<br>  
+              30,000+ Cores<br>  
+              30,000,000 GB of Storag
             </li>
             <br>
             <li>
-              Largest and most advanced decentralized autonomous cloud network in the world.
+              Signed with Government of ZNZ for a digital FreeZone and Connected Charter City.
+            </li>
+            <li>
+              Multiple global partners want to be part of the global expansion.
             </li>
         </ul>
       </div>
+      </div>
       <div>
-        <time datetime="2022-02" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
+        <time datetime="2022-02" class="flex items-center text-lg font-semibold leading-6 blue">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
             <circle class="blue" cx="2" cy="2" r="2" fill="currentColor" />
           </svg>
-          Phase 3 
+          Current | Phase 3
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
-        
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight blue">EXPANSION | CURRENT PHASE</p>
+        <div class="road_border_blue px-3">
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight blue">THREEFOLD EXPANSION</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-                +1 million nodes.
+                +1 Million Nodes
             </li>
             <br>
             <li>
@@ -68,10 +78,11 @@
             </li>
             <br>
             <li>
-                Utilization on larger scale (but can only happen once enough nodes)
+              Launch our gen 4 Token on DePIN ecosystem
             </li>
         </ul>
       </div>
+      </div>
       <div>
         <time datetime="2022-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
@@ -80,14 +91,15 @@
           Phase 4
           <div class=""></div>
         </time>
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight text-gray-600">FULLY FLEDGED ECOSYSTEM</p>
+        <div class="road_border px-3">
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight text-gray-600">SOVEREIGNTY FOR ALL</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-                Millions of Nodes Enabled.
+              +1 Million Nodes enabled
             </li>
             <br>
             <li>
-                Grow Utilization to +60%.
+              +100 Million people using our system platform.
             </li>
             <br>
             <li>
@@ -95,5 +107,23 @@
             </li>
         </ul>
       </div>
+      </div>
     </div>
-  </div>
+  </div>
+
+  <style>
+
+    .road_border{
+    
+      border-left: 1px solid rgb(156, 156, 156);
+    }
+
+    .road_border_green{
+      border-left: 1px solid #58CF77;
+    }
+
+    .road_border_blue{
+      border-left: 1px solid #2E83FF;
+    }
+
+  </style>

templates/shortcodes/tabs_tech.html

@@ -0,0 +1,109 @@
+
+<div class="container mx-auto mb-0 md:mb-24  mt-0 md:mt-4">
+   <div class="mb-4">
+        <div class="grid grid-cols-3 gap-2 mx-2 px-0 lg:px-2 font-medium text-center text-gray-500 rounded-lg shadow sm:flex" id="default-styled-tab" data-tabs-toggle="#default-styled-tab-content" data-tabs-active-classes="text-purple-600 hover:text-purple-600 border-purple-600" data-tabs-inactive-classes="text-gray-500 hover:text-gray-600 border-gray-100 hover:border-gray-300" id="default-styled-tab" data-tabs-toggle="#default-styled-tab-content" data-tabs-active-classes="text-purple-600 hover:text-purple-600 border-purple-600  data-tabs-inactive-classes="text-gray-500 hover:text-gray-600 border-gray-100 hover:border-gray-300" role="tablist">
+            <div class="w-full md:w-1/3 mx-0 md:mx-2 list-none  focus-within:z-10" role="presentation">
+                <button class="px-2 py-4 w-full md:text-lg text-sm text-gray-900 bg-gray-100 border-r border-gray-200 rounded-s-lg focus:ring-4 focus:ring-cyan-400 active focus:outline-none id="profile-styled-tab" data-tabs-target="#styled-profile" id="profile-styled-tab" data-tabs-target="#styled-profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Bare Metal OS<br><span class="font-semibold">ZERO-OS</span></button>
+            </div>
+            <div class="w-full md:w-1/3 mx-0 md:mx-2 list-none  focus-within:z-10" role="presentation">
+                <button class="px-2 py-4 w-full md:text-lg text-sm text-gray-900 bg-gray-100 border-r border-gray-200 rounded-s-lg focus:ring-4 focus:ring-cyan-400 active focus:outline-none id="dashboard-styled-tab" data-tabs-target="#styled-dashboard" type="button" role="tab" aria-controls="dashboard" aria-selected="false">Quantum Safe Network<br><span class="font-semibold">MYCELIUM</span></button>
+            </div>
+            <div class="w-full md:w-1/3 md:mx-2 list-none  focus-within:z-10" role="presentation">
+                <button class="px-2 py-4 w-full md:text-lg text-sm text-gray-900 bg-gray-100 border-r border-gray-200 rounded-s-lg focus:ring-4 focus:ring-cyan-400 active focus:outline-none id="settings-styled-tab" data-tabs-target="#styled-settings" type="button" role="tab" aria-controls="settings" aria-selected="false">Quantum Safe Storage<br><span class="font-semibold">FUNGISTOR</span></button>
+            </div>
+           
+        </div>
+    </div>
+    <div id="default-styled-tab-content">
+        <div class="relative hidden p-4 rounded-lg bg-gray-50" id="styled-profile" role="tabpanel" aria-labelledby="profile-tab">
+            
+              
+            <div class="flex flex-wrap justify-center items-center">
+
+               <div class="w-full p-2 md:p-8">
+                <h4 class="blue my-0 md:my-4 font-semibold">Zero-OS: A Bare Metal Stateless Operating System</h4>
+                
+                
+                <p>Zero-OS is a bare-metal, stateless, and efficient operating system designed to host AI, Web2, and Web3 workloads in a more sovereign manner, without compromising on security, control, and monitoring.</p>
+                 <br>
+                <p>
+                    As the engine of the ThreeFold Cloud, Zero-OS is compatible with nearly all computer hardware.</p>
+                    <br>
+                <p>
+                    It enables anyone to become a cloud service provider without needing cloud expertise.<br> The operating system functions fully autonomously, requiring no interventions.</p>
+                    
+                    <div class="flex flex-wrap  items-center my-6">
+                    <p class="font-semibold">SELF HEALING    </p>
+                    <p class="mx-4 font-semibold"> |  </p>
+                    <p class="font-semibold"> AUTONOMOUS</p>
+                    <p class="mx-4 font-semibold"> |  </p>
+                    <p class="font-semibold"> LINUX KERNEL</p>
+                   </div>
+                </div>
+                {# <div class="w-full md:w-1/2">
+                <img class="relative md:absolute bottom-0 right-0" src="/images/tech_page_3node.png" alt="" />
+                </div> #}
+            </div>
+            
+        
+        </div>
+        <div class="relative hidden p-4 rounded-lg bg-gray-50" id="styled-dashboard" role="tabpanel" aria-labelledby="dashboard-tab">
+            <div class="flex flex-wrap justify-center items-center">
+
+                <div class="w-full p-2 md:p-8">
+                    <h4 class="green_text my-0 md:my-4 font-semibold">Mycelium: A Quantum Safe Storage Network</h4>
+                    
+                    
+                    <p>Mycelium is the culmination of a decade-long quest for a more efficient network system, enabling faster and more reliable communication between machines and people.</p>
+                     <br>
+                    <p>Our goal was to create a network that can identify and utilize the fastest and most direct paths between participants, remain operational even in challenging conditions (such as fiber cuts), and secure all traffic.</p>
+                        <br>
+                    <p>
+                        ith Mycelium, data travels the most efficient routes, leveraging any available internet connection, including peer-to-peer networks like mesh wireless. All traffic is end-to-end encrypted, effectively preventing man-in-the-middle attacks.</p>
+                        
+                        <div class="flex flex-wrap  items-center my-6">
+                        <p class="font-semibold uppercase">End-to-end encrypted</p>
+                        <p class="mx-4 font-semibold"> |  </p>
+                        <p class="font-semibold uppercase"> shortest path route </p>
+                        <p class="mx-4 font-semibold"> |  </p>
+                        <p class="font-semibold uppercase"> unbreakable </p>
+                       </div>
+                    </div>
+                 {# <div class="w-full md:w-1/2">
+                  <img class="relative md:absolute bottom-0 right-0" src="/images/tech_page_zero_os.png" alt="" />
+                 </div> #}
+            </div>
+            
+        </div>
+        <div class="relative hidden p-4 rounded-lg bg-gray-50" id="styled-settings" role="tabpanel" aria-labelledby="settings-tab">
+            <div class="flex flex-wrap justify-center items-center">
+
+                <div class="w-full p-2 md:p-8">
+                    <h4 class="blue my-0 md:my-4 font-semibold">FungiStor: A Quantum Safe Storage System</h4>
+                    
+                    
+                    <p>The Quantum-Safe Storage System is a decentralized, globally distributed data storage system.</p>
+                     <br>
+                    <p>
+                        The benefits are incredible: Up to 10x more efficient (power and usage of hardware). Super reliable, data can not be lost or corrupted. Safe, private and scalable.</p>
+                        <br>
+                    <p>
+                        Sovereign, data is close to you in the country of your choice. Truly peer-to-peer, by everyone for everyone.</p>
+                        
+                        <div class="flex flex-wrap  items-center my-6">
+                        <p class="font-semibold">ULTRA RELIABLE AND SCALABLE    </p>
+                        <p class="mx-4 font-semibold"> |  </p>
+                        <p class="font-semibold"> HACKER PROOF  AND SECURE</p>
+                        <p class="mx-4 font-semibold"> |  </p>
+                        <p class="font-semibold">LOW OVERHEAD AND SELF-HEALING</p>
+                       </div>
+                    </div>
+                 {# <div class="w-full md:w-1/2">
+                  <img class="relative md:absolute bottom-0 right-0" src="/images/tech_page_qsfs.png" alt="" />
+                 </div> #}
+            </div>
+        </div>
+    </div>
+</div>
+
+