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

why page

Browse Source
This commit is contained in:
Ehab Hassan
2025-02-06 16:42:18 +02:00
parent a508714089
commit 02420f41cd
8 changed files with 71 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/partials/why/timeline.html
View File

@@ -2,8 +2,8 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">ThreeFold’s Journey</h2>
<p class="fade-in mx-auto mt-6 lg:mb-1 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight lg:text-5xl">ThreeFold’s Journey</h2>
<p class="fade-in mx-auto mt-6 lg:mb-1 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light semigray">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p>
</div>
</div>
</div>
@@ -18,12 +18,12 @@
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
</svg>
</div>
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white/5 p-4 rounded-2xl shadow">
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] double_bg p-4 rounded-2xl shadow">
<div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-gray-200">Phase I</div>
<div class="font-medium semigray">Phase I</div>
</div>
<div class="font-semibold text-lg text-gray-200 mb-2">Creation of Core Technology</div>
<div class="text-gray-200 font-light">
<div class="font-semibold text-lg semigray mb-2">Creation of Core Technology</div>
<div class="semigray font-light">
10+ years of Development
<br>Built decentralized, autonomous, edge internet technology
<br>50m dollars invested by founders, community, and TF Tech investors
@@ -38,12 +38,12 @@
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
</svg>
</div>
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white/5 p-4 rounded-2xl shadow">
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] double_bg p-4 rounded-2xl shadow">
<div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-white">Phase II</div>
<div class="font-medium">Phase II</div>
</div>
<div class="font-semibold text-lg text-white mb-2">Global Proof Of Concept</div>
<div class="text-gray-200 font-light">
<div class="font-semibold text-lg mb-2">Global Proof Of Concept</div>
<div class="semigray font-light">
Open Source Development
<br>50+ Countries
<br>50,000+ Cores
@@ -62,12 +62,12 @@
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
</svg>
</div>
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white/5 p-4 rounded-2xl shadow">
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] double_bg p-4 rounded-2xl shadow">
<div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-white">2025</div>
<div class="font-medium">2025</div>
</div>
<div class="font-semibold text-lg text-white mb-2">ThreeFold Web4</div>
<div class="text-gray-200 font-light">
<div class="font-semibold text-lg mb-2">ThreeFold Web4</div>
<div class="semigray font-light">
Introduce a Web4 Phone & Router
<br>Web4 smart contracts for the Web3 world.
<br>Expand the network to +1 Million Nodes
@@ -85,12 +85,12 @@
<path d="M12 10v2H7V8.496a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V12H0V4.496a.5.5 0 0 1 .206-.4l5.5-4a.5.5 0 0 1 .588 0l5.5 4a.5.5 0 0 1 .206.4V10Z" />
</svg>
</div>
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white/5 p-4 rounded-2xl shadow">
<div class="fade-in w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] double_bg p-4 rounded-2xl shadow">
<div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-gray-400">The Result</div>
<div class="font-medium semigray2">The Result</div>
</div>
<div class="font-semibold text-lg text-gray-400 mb-2">Sovereignty for All</div>
<div class="text-gray-400 font-light">
<div class="font-semibold text-lg semigray2 mb-2">Sovereignty for All</div>
<div class="semigray2 font-light">
An upgraded Internet for Billions.
<br>A planet and people first hybrid of Humans and Machines deliver
<br>on the promise of Augmented Collective Intelligence