edit text colior
Some checks are pending
www2.threefold_io / Deploy (push) Waiting to run
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions

This commit is contained in:
2025-02-18 22:40:40 +08:00
parent 4f59562c2d
commit 40e8971ca1
63 changed files with 411 additions and 324 deletions

View File

@@ -1,7 +1,7 @@
<div class="relative isolate overflow-hidden bg-transparent">
<div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
<div class="mx-auto max-w-4xl text-center">
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">The Internet Needs an Upgrade</h2>
<h2 class="text-balance font-normal tracking-tight text-black lg:text-6xl text-4xl fade-in">The Internet Needs an Upgrade</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network, and Cloud system<br>
as an engine for an upgraded Web4 Internet.</p>

View File

@@ -1,7 +1,7 @@
<div class="bg-transparent fade-in">
<div class="mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-3xl text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Real-World Impact</h2>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-black sm:text-5xl">Real-World Impact</h2>
<p class="mx-auto mb-10 mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFolds technological infrastructure will empower many projects and initiatives across sectors. Here are two key projects:
</p>
</div>
@@ -11,7 +11,7 @@
<div class="mx-auto max-w-7xl lg:grid lg:items-center lg:grid-cols-12 lg:gap-x-8">
<!-- Text Section -->
<div class="lg:col-span-5 align-middle pr-4 mb-4">
<h3 class="text-2xl font-medium text-white">OurWorld FreeZone</h3>
<h3 class="text-2xl font-medium text-black">OurWorld FreeZone</h3>
<p class="mt-2 text-base font-light text-gray-200 mx-auto pr-4">
ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the worlds first 100% Digital Free Zone accessible and affordable for all. <br><br>The announcement was made August 2023, and progress has been ongoing behind the scenes since then.
Updates expected Q4 2024.
@@ -29,7 +29,7 @@
<div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:items-center lg:gap-x-8">
<div class="mt-6 lg:col-span-5 lg:col-start-8 lg:row-start-1 lg:mt-0 pr-4">
<h3 class="text-2xl font-medium text-white">Tanzanian Sovereign Internet</h3>
<h3 class="text-2xl font-medium text-black">Tanzanian Sovereign Internet</h3>
<p class="mt-2 text-base font-light text-gray-200 pr-4">
In January 2024, ThreeFold announced in collaboration with The ICT Commission of Tanzania and Holochain a collaboration to deploy sovereign Internet in Tanzania, along with the introduction of coding academies and innovation hubs. <br><br> The Dunia Yetu cooperative is being set up and efforts will ramp up in 2025.</p>

View File

@@ -1,11 +1,11 @@
<div class="relative isolate overflow-hidden bg-transparent text-white py-24 sm:py-32">
<div class="relative isolate overflow-hidden bg-transparent text-black py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative grid lg:grid-cols-12 lg:gap-8">
<!-- Left Content -->
<div class="lg:col-span-7">
<div class="mx-auto max-w-2xl lg:mx-0">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">Why it Matters</h1>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">Why it Matters</h1>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-black">
For +30 years, weve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.
<br><br>
But we wont stop here.
@@ -18,8 +18,8 @@
<!-- Right Blockquote -->
<div class="lg:col-span-5">
<figure class=" mt-6 pl-8">
<blockquote class=" text-2xl text-white fade-in font-semibold">
<p class="lg:text-2xl text-xl leading-normal text-white font-semibold">Over the past decade, weve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security to bring this vision to life.</p>
<blockquote class=" text-2xl text-black fade-in font-semibold">
<p class="lg:text-2xl text-xl leading-normal text-black font-semibold">Over the past decade, weve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security to bring this vision to life.</p>
</blockquote>
<br>
<div class="mt-6 border border-white px-6 py-2 rounded-xl inline-flex items-center gap-2 fade-in blinking-effect">
@@ -30,7 +30,7 @@
</g>
</g>
</svg>
<a href="/action" class="fade-in text-balance text-xl font-semibold tracking-tight text-white lg:text-2xl blinking-effect">Take Actions</a>
<a href="/action" class="fade-in text-balance text-xl font-semibold tracking-tight text-black lg:text-2xl blinking-effect">Take Actions</a>
</div>
</figure>
</div>

View File

@@ -1,7 +1,7 @@
<div class="bg-transparent pb-24 pt-12">
<div class="flex items-center justify-center bg-transparent">
<div class="text-center">
<p class="fade-in mx-auto text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
<p class="fade-in mx-auto text-3xl font-semibold tracking-tight text-black sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Planet First. People First.
</p>
</div>

View File

@@ -2,8 +2,8 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto mt-24 pt-24 max-w-2xl lg:max-w-none">
<div class="fade-in mx-auto max-w-3xl text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Why it Matters?</h2>
<p class="mt-6 text-lg font-light text-white">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-black sm:text-5xl">Why it Matters?</h2>
<p class="mt-6 text-lg font-light text-black">
For +30 years, weve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.
<br><br>
But we wont stop here.
@@ -15,7 +15,7 @@
secure overlay networking, and autonomous cloud security to bring this vision to life. </span>
</p>
<br>
<a href="action.html" class="fade-in pt-10 text-balance text-3xl font-semibold tracking-tight text-white sm:text-4xl blinking-effect">12.12.2024</a>
<a href="action.html" class="fade-in pt-10 text-balance text-3xl font-semibold tracking-tight text-black sm:text-4xl blinking-effect">12.12.2024</a>
</div>
</div>
</div>

View File

@@ -1,11 +1,11 @@
<div class="relative isolate overflow-hidden bg-transparent text-white py-24 sm:py-32">
<div class="relative isolate overflow-hidden bg-transparent text-black py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative grid lg:grid-cols-12 lg:gap-8">
<!-- Left Content -->
<div class="lg:col-span-7">
<div class="mx-auto max-w-2xl lg:mx-0">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Reason Behind It All</h1>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">The Reason Behind It All</h1>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-black">
The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: misinformation is rampant, privacy and security are compromised, and half the world remains poorly connected.
<br><br>
Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally...
@@ -17,12 +17,12 @@
<!-- Right Blockquote -->
<div class="lg:col-span-5">
<figure class=" mt-6 pl-8">
<blockquote class=" lg:text-2xl text-xl text-white fade-in font-semibold">
<p class="lg:text-2xl text-xl leading-normal text-white font-semibold">Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</p>
<blockquote class=" lg:text-2xl text-xl text-black fade-in font-semibold">
<p class="lg:text-2xl text-xl leading-normal text-black font-semibold">Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</p>
</blockquote>
<br>
<div class="mx-4">
<p class="fade-in mx-auto text-2xl font-semibold tracking-tight text-white lg:text-3xl opacity-0 transition-opacity duration-1000" data-observer>
<p class="fade-in mx-auto text-2xl font-semibold tracking-tight text-black lg:text-3xl opacity-0 transition-opacity duration-1000" data-observer>
Planet First. People First.
</p>
</div>

View File

@@ -2,7 +2,7 @@
<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">Founded by Internet 1.0 Pioneers<br>and All of You</h2>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">Founded by Internet 1.0 Pioneers<br>and All of You</h2>
<p class="mx-auto mb-10 mt-6 max-w-4xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The founders have been working on Internet technology since the early days,<br>when it was a decentralized, peer-to-peer network.<br>ThreeFold's aim is to help bring that vision to life once more. <br>More than 50 full-time active developers support the project.</p>
</div>

View File

@@ -2,7 +2,7 @@
<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">ThreeFolds Journey</h2>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">ThreeFolds 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>
</div>
</div>
@@ -40,9 +40,9 @@
</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="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-white">Phase II</div>
<div class="font-medium text-black">Phase II</div>
</div>
<div class="font-semibold text-lg text-white mb-2">Global Proof Of Concept</div>
<div class="font-semibold text-lg text-black mb-2">Global Proof Of Concept</div>
<div class="text-gray-200 font-light">
Open Source Development
<br>50+ Countries
@@ -64,9 +64,9 @@
</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="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-white">2025</div>
<div class="font-medium text-black">2025</div>
</div>
<div class="font-semibold text-lg text-white mb-2">ThreeFold Web4</div>
<div class="font-semibold text-lg text-black mb-2">ThreeFold Web4</div>
<div class="text-gray-200 font-light">
Introduce a Web4 Phone & Router
<br>Web4 smart contracts for the Web3 world.

View File

@@ -2,17 +2,17 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-black sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Open Source.
</dd>
</div>
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-black sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Authenticity.
</dd>
</div>
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-black sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Simplicity.
</dd>
</div>

View File

@@ -1,4 +1,4 @@
<div class="relative isolate overflow-hidden bg-transparent text-white py-24 sm:py-32">
<div class="relative isolate overflow-hidden bg-transparent text-black py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative grid lg:grid-cols-12 lg:gap-8">
<!-- Left Content -->