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

update why size text

Browse Source
This commit is contained in:
Ehab Hassan
2025-02-25 15:33:18 +02:00
parent f957b4e40d
commit d0ea06f564
6 changed files with 31 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/partials/why/ai_decentralized.html
View File

@@ -1,7 +1,7 @@
<div class="relative isolate overflow-hidden bg-transparent">
<div class="px-6 py-12 px-6 lg:px-8">
<div class="relative isolate overflow-hidden lg:py-24 py-12">
<div class="px-4 lg:px-8">
<div class="mx-auto max-w-4xl text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">AI needs to be decentralized</h2>
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl capitalize">AI needs to be decentralized</h2>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">We are at the dawn of AI, a transformative force that will redefine how we live, work, and interact with technology. AI presents an incredible opportunity for humanity, however, as AI systems become more powerful, their control sits in the hands of a few corporations, raising serious concerns around privacy, bias, accessibility, and so on.
<br>
<br>
@@ -11,6 +11,7 @@
We must not repeat mistakes of the past. Without decentralization, AI will remain controlled by a few corporations—limiting accessibility, innovation, and independence. To ensure AI benefits everyone, we must advocate for decentralized, open-source AI models that are transparent, ethical, and community-driven. And this can only happen on an infrastructure like ThreeFold.</p>
</div>
</div>
</div>
<style>
/* Define the fade-in animation */

6
templates/partials/why/reason.html
View File

@@ -1,10 +1,10 @@
<div class="relative isolate overflow-hidden bg-transparent text-white py-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative isolate overflow-hidden bg-transparent text-white lg:pb-24 pb-12">
<div class="mx-auto max-w-7xl px-4 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>
<h1 class="fade-in text-balance text-3xl 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">
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: data centers are extremely expensive to build and maintain, privacy and security are compromised, misinformation is rampant, and half the world remains poorly connected.
<br><br>

22
templates/partials/why/team.html
View File

@@ -1,13 +1,15 @@
<div class="bg-transparent relative isolate py-12 mb-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="bg-transparent relative isolate lg:py-24 py-12 ">
<div class="mx-auto max-w-7xl px-4 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-4xl text-center">
<div class="text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">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 in Internet technology since its early days when it operated as a decentralized, peer-to-peer network. ThreeFold is an open-source movement driven by a dedicated team and a vibrant community of contributors helping to bring our shared vision to life.
<br>The project is supported by over 50 full-time active developers.</p>
</div>
<div class="mt-8 flex items-center justify-center gap-x-6 fade-in">
<a href="/people" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Meet the Team</a>
<div class="text-center">
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl capitalize">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 in Internet technology since its early days when it operated as a decentralized, peer-to-peer network. ThreeFold is an open-source movement driven by a dedicated team and a vibrant community of contributors helping to bring our shared vision to life.
<br>The project is supported by over 50 full-time active developers.</p>
</div>
<div class="mt-8 flex items-center justify-center gap-x-6 fade-in">
<a href="/people" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Meet the Team</a>
</div>
</div>
</div>
</div>
</div>

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

@@ -1,15 +1,16 @@
<div class="fade-in bg-transparent relative isolate overflow-hidden pt-12 pb-0">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="lg:py-24 pt-12">
<div class="fade-in bg-transparent relative isolate overflow-hidden">
<div class="mx-auto max-w-7xl px-4 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>
<h2 class="fade-in text-balance text-3xl 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">Over the past decades, we’ve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security. With significant experience in Internet and Cloud and a strong vision for the future, these pivotal milestones have shaped our growth and drive us towards a better digital future.</p>
</div>
</div>
</div>
</div>
<div class="space-y-8 pt-12 pb-24 mx-auto max-w-7xl relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
<div class="space-y-8 pt-12 mx-auto max-w-7xl relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
<!-- Item #1 -->
<div class="fade-in relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
@@ -112,6 +113,7 @@
</div>
</div>
</div>
</div>
<style>

4
templates/partials/why/values.html
View File

@@ -1,5 +1,5 @@
<div class="bg-transparent pb-24 pt-24">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="bg-transparent lg:py-24 py-12">
<div class="mx-auto max-w-7xl px-4 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>

7
templates/partials/why/web4.html
View File

@@ -1,7 +1,7 @@
<div class="relative isolate overflow-hidden bg-transparent">
<div class="px-6 lg:pt-24 lg:pb-24 py-12 lg:px-8">
<div class="relative isolate overflow-hidden lg:py-24 py-12">
<div class="px-4 lg:px-8">
<div class="mx-auto max-w-7xl">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">Web4 is the vision</h2>
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl capitalize">Web4 is the vision</h2>
<div class="max-w-5xl">
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">Web4 is the next evolution of the Internet – built on decentralization and collaboration between humans and machines. It is a more sustainable, autonomous system where people have control over their data, leveraging decentralized infrastructure (3Nodes) and AI-powered assistants – and enables privacy and security through secure 3Phones and smart routers.
<br>
@@ -11,6 +11,7 @@
</div>
</div>
</div>
</div>
<style>
/* Define the fade-in animation */