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

content/host/index.md

@@ -38,6 +38,7 @@ ThreeFold Farming is a unique concept in the ThreeFold ecosystem where individua
 - Earn rewards whenever your nodes provide capacity and are actively utilized on the grid.
 - Support a peer-to-peer cloud infrastructure alternative to centralized providers
 
+</div>
 </div>
 
 <!-- ------------------------------------------------------------------------------------- -->
@@ -87,13 +88,57 @@ Mycelium can look for the shortest path, has a built-in naming & CDN (Content De
 </div>
 </div>
 </div>
+
+
+<!-- ------------------------------------------------------------------------------------- -->
+
+<!-- section 3 (The Power of 3Node ) -->
+
+<div class="lg:py-24 py-12 px-4 lg:px-8">
+<div class="container max-w-7xl mx-auto">
+
+## Build your own: DIY 3Node
+
+ThreeFold makes it easy to become part of the network by setting up your own node. With compatible hardware, a stable internet connection, and a few simple steps, you can get started quickly and start contributing to the network and earning utilization rewards.
+
+<!-- <ol class="relative text-gray-500 border-s border-gray-200 dark:border-gray-700 dark:text-gray-400">                  
+    <li class="mb-10 ms-6">            
+        <h3 class="font-medium leading-tight">Create a Farm</h3>
+        <p class="text-sm lg:text-base">Simply download the <a href="https://docs.threefold.io/docs/become-a-farmer/create_a_farm#download-the-app" class="text-white font-semibold">ThreeFold Connect App</a>, create an account and then create a farm.</p>
+    </li>
+    <li class="mb-10 ms-6">
+        <h3 class="font-medium leading-tight">Create a Zero-OS bootstrap image</h3>
+        <p class="text-sm lg:text-base">Download the Zero-OS bootstrap image and flash it to a USB drive using a tool like balenaEtcher.
+</p>
+    </li>
+    <li class="mb-10 ms-6">
+        <h3 class="font-medium leading-tight">Choose Your Hardware</h3>
+        <p class="text-sm lg:text-base">Plug in the USB, power on your device, and follow the setup instructions.</p>
+    </li>
+    <li class="mb-10 ms-6">
+        <h3 class="font-medium leading-tight">Register Your Node</h3>
+        <p class="text-sm">Once it’s running, register your node and assign it to your farm via the ThreeFold Connect App.</p>
+    </li>
+     <li class="mb-10 ms-6">
+        <h3 class="font-medium leading-tight">Go Live</h3>
+        <p class="text-sm">After it’s connected, list your node on the Marketplace and start sharing your capacity.</p>
+    </li>
+</ol>
+
+<div class="mt-6 lg:mt-16 flex items-lefy justify-left">
+        <a href="https://manual.grid.tf/farmers/category/build-a-3node" target="_black" class="fade-in rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Step-by-Step Guide</a>
+  </div> -->
+
+{{ vertical_timeline() }}
+
+</div>
 </div>
 
 <!----------------------------------------------------------------------------------------->
 
 <!-- section 4 (Get Started) -->
 
-<div class="lg:py-24 py12 px-4 lg:px-8">
+<div class="lg:py-24  px-4 lg:px-8">
 <div class="container max-w-7xl mx-auto">
 
 ## Get Started
@@ -117,6 +162,13 @@ Start providing capacity to others and join our Farmers community
     card_link="https://docs.threefold.io/docs/become-a-farmer/get_started"
 ) }}
 
+{{ image_card(
+    header="Build a 3Node",
+        target="_blank",
+    tooltip=" ",
+    card_link="https://manual.grid.tf/farmers/category/build-a-3node"
+) }}
+
 {{ image_card(
     header="Farmers community",
     tooltip=" ",

content/newsroom/june_2025_roundup/index.md

@@ -0,0 +1,81 @@
+---
+id: june_2025_roundup
+title: "Unfolding ThreeFold: June 2025 Roundup"
+image_caption: June 2025 Roundup
+description: June was a month of exciting development for ThreeFold, highlighted by the announcement of the ThreeFold Marketplace and preparations for DePIN Summit Africa 2025.
+date: 2025-07-03
+taxonomies:
+  people: [sam_taggart]
+  tags: [community, grid, tech]
+  news-category: [community, grid, tech]
+extra:
+    imgPath: june_2025_roundup.png
+    isFeatured: true
+---
+
+June brought major development across the ThreeFold ecosystem! 🌟 We announced one of our  most exciting project, the ThreeFold Marketplace, prepared for the upcoming DePIN Summit Africa, shared a demo walkthrough, and more. Let’s look at the highlights!
+
+<br/>
+
+### **The ThreeFold Marketplace**
+
+In June, we announced the ThreeFold Marketplace, a major step forward in our mission to build a truly global, peer-to-peer Internet for everyone. The marketplace is an all-in-one platform that connects users and providers to discover, exchange, and manage compute resources, applications, and services within the ThreeFold ecosystem.
+
+It simplifies how participants engage with ThreeFold by bringing everything into a single, accessible hub, including:
+
+* Compute resources
+* Certified hardware
+* Decentralized apps
+* Expert services
+
+The use of TFP (ThreeFold Points) enables fair and flexible exchanges, and together with a unified dashboard, the marketplace opens up new opportunities for collaboration and commercial growth across the community.
+
+Development on both the front-end and back-end is actively underway, and the alpha testing phase will be announced soon. We will continue to share updates and details in the coming weeks as we finalize the official launch plan. 
+
+![Image](img/market_home.png)
+
+→ Read our [announcement blog](https://www.threefold.io/newsroom/threefold-marketplace/)
+
+→ Experience the marketplace firsthand in this walkthrough with our co-founder Kristof.
+<br/>📺 Watch the full demo [here](https://youtu.be/-8CvcZwLRDE)
+
+<br/>
+
+### Demo Time: Node Status Bot High Availability Deployment
+
+In this demo, Scott shows the latest developments in the Node Status Bot, which provides an example of how to create resilient applications on the ThreeFold Grid.
+<br/>📺 Watch the full demo [here](https://youtu.be/4fLz-HyNj_w?si=6psLBjtFtLlZXWkb)
+
+<br/>
+
+### GEP Minting Proposal for June
+
+As many of you know, the grid experienced an unexpected outage from June 13 to June 17, due to a central domain infrastructure issue beyond the control of individual farmers. To ensure a fair outcome for everyone affected, a [proposal](https://forum.threefold.io/t/gep-minting-june/4611) has been submitted to exclude this period from the minting uptime calculation for all farmers.
+
+🗳️ Voting is now open and will run until July 7 at 6.05 PM CEST.
+<br/>You can cast your vote via the [dashboard](dashboard.grid.tf) under “TFChain - DAO” or in the TF Connect app.
+
+We invite everyone to participate and share their feedback.
+
+<br/>
+
+### DePIN Summit is here
+
+This month, our team worked closely with the EV3 and Share teams to prepare for [DePIN Summit Africa 2025](https://depinsummit.xyz). The event has begun this week on July 2nd in Mombasa 🇰🇪 and continues on July 4th and 5th in Zanzibar 🇹🇿.
+
+**Recap**: The summit brings together experts and builders to explore the future of decentralized infrastructure, with a focus on practical solutions and the Global South. ThreeFold co-founders Kristof De Spiegeleer and Florian Fournier will be speaking to highlight our role in this growing movement.
+
+We’ll be sharing more insights and takeaways from the event in July.
+
+<br/>
+
+![Image](img/depin_summit_africa.png)
+
+<br/>
+
+### **Looking Ahead** 
+Stay tuned in July for several updates! You can expect more details on the Marketplace, on-the-ground insights from the summit, news about the 3.18 release, and 2 demos this month. Keep an eye on our [news channel](https://t.me/threefoldnews) for the latest developments. 👀
+
+<br/>
+
+Thanks for reading and taking part. See you next time!

templates/shortcodes/horizontal_roadmap.html

@@ -65,7 +65,7 @@
                 <div class="ml-6 lg:ml-0 lg:mt-4">
                     <h3
                         class="text-lg font-normal text-gray-200 before:mb-2 before:block before:font-mono before:text-sm before:text-gray-500">
-                        Earn rewards based on<br>  real resource usage
+                        Earn 80% of the revenue <br>generated by their nodes
                     </h3>
                 </div>
             </li>

templates/shortcodes/image_card.html

@@ -19,7 +19,7 @@
          
         <div class="fade-in-box flex flex-col p-6 rounded-2xl  bg-white/5">
           {% if header %}
-          <h2 class="lg:text-4xl text-3xl text-center flex justify-center items-center text-white">{{ header }}</h2>
+          <h2 class="text-2xl text-center flex justify-center items-center text-white">{{ header }}</h2>
           {% endif %}
 
           {% if image_src %}

templates/shortcodes/vertical_timeline.html

@@ -0,0 +1,40 @@
+<section>
+	<div class="container max-w-7xl py-10 mx-auto">
+		<div class="grid gap-4 mx-4 sm:grid-cols-12">
+			<div class="col-span-12 sm:col-span-3">
+				<div class="mb-6">
+					<h3 class="text-4xl font-semibold">How It Works</h3>
+					{# <span class="text-sm font-bold tracking-wider uppercase text-gray-300">Vestibulum diam nunc</span> #}
+				</div>
+			</div>
+			<div class="relative col-span-12 space-y-6 sm:col-span-9">
+				<div class="col-span-12 space-y-6 relative px-4 sm:col-span-8 before:absolute before:top-2 before:bottom-0 before:w-0.5 before:-left-3 before:bg-gray-600">
+					<div class="flex flex-col relative before:absolute before:top-2 before:w-4 before:h-4 before:rounded-full before:left-[-35px] before:z-[1] before:bg-gray-400">
+						<h3 class="text-xl font-medium">Create a Farm </h3>
+						<p class="text-md">Simply download the <a href="https://docs.threefold.io/docs/become-a-farmer/create_a_farm#download-the-app" target="_blank" class="text-white hover:text-gray-300 font-semibold">ThreeFold Connect App</a>, create an account and then create a farm.</p>
+					</div>
+					<div class="flex flex-col relative before:absolute before:top-2 before:w-4 before:h-4 before:rounded-full before:left-[-35px] before:z-[1] before:bg-gray-400">
+						<h3 class="text-xl font-medium">Create a Zero-OS bootstrap image </h3>
+						<p class="text-md">Download the Zero-OS bootstrap image and flash it to a USB drive using a tool like balenaEtcher.</p>
+					</div>
+					<div class="flex flex-col relative before:absolute before:top-2 before:w-4 before:h-4 before:rounded-full before:left-[-35px] before:z-[1] before:bg-gray-400">
+						<h3 class="text-xl font-medium">Choose Your Hardware </h3>
+						<p class="text-md">Plug in the USB, power on your device, and follow the setup instructions.</p>
+					</div>
+					<div class="flex flex-col relative before:absolute before:top-2 before:w-4 before:h-4 before:rounded-full before:left-[-35px] before:z-[1] before:bg-gray-400">
+						<h3 class="text-xl font-medium">Register Your Node </h3>
+						<p class="text-md">Once it’s running, register your node and assign it to your farm via the ThreeFold Connect App.</p>
+					</div>
+					<div class="flex flex-col relative before:absolute before:top-2 before:w-4 before:h-4 before:rounded-full before:left-[-35px] before:z-[1] before:bg-gray-400">
+						<h3 class="text-xl font-medium">Go Live </h3>
+						<p class="text-md">After it’s connected, list your node on the Marketplace and start sharing your capacity.</p>
+					</div>
+					<div class="mt-6 lg:mt-16 flex items-left justify-left">
+						<a href="https://manual.grid.tf/farmers/category/build-a-3node" target="_black" class="fade-in rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Step-by-Step Guide</a>
+				  </div>
+				</div>
+			</div>
+		</div>
+		
+	</div>
+</section>