ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update how it works

Browse Source
This commit is contained in:
Ehab Hassan
2025-07-09 14:28:34 +03:00
parent 94353c399d
commit 51c928c8d8
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
templates/shortcodes/vertical_timeline.html
View File

@@ -9,24 +9,29 @@
</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 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:bg-gray-600">
<div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gray-400">
<h3 class="text-xl font-medium">1. Create a Farm </h3>
<div class="flex flex-col before:content-[''] sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm: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 sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gray-400">
<h3 class="text-xl font-medium">2. Create a Zero-OS bootstrap image </h3>
<div class="flex flex-col before:content-[''] sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm: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 sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gray-400">
<h3 class="text-xl font-medium">3. Choose Your Hardware </h3>
<div class="flex flex-col before:content-[''] sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm: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 sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gray-400">
<h3 class="text-xl font-medium">4. Register Your Node </h3>
<div class="flex flex-col before:content-[''] sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm: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 sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gray-400">
<h3 class="text-xl font-medium">5. Go Live </h3>
<div class="flex flex-col before:content-[''] sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm: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">