edit responsiveness

This commit is contained in:
2024-11-22 14:08:30 +01:00
parent a3b3cd186e
commit fdacb1f11b
3 changed files with 10 additions and 10 deletions

View File

@@ -1,9 +1,9 @@
<div class="relative isolate overflow-hidden bg-transparent"> <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="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"> <div class="mx-auto max-w-4xl text-center">
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-3xl fade-in">The Internet needs an Upgrade</h2> <h2 class="text-balance font-normal tracking-tight text-white 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-base 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 purpose. The Internet was envisioned as a decentralized, open space—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-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 purpose. The Internet was envisioned as a decentralized, open space—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-base font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network and Cloud system<br> <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 Internet.</p> as an Engine for an Upgraded Internet.</p>
<div class="mt-12 flex items-center justify-center gap-x-6"> <div class="mt-12 flex items-center justify-center gap-x-6">

View File

@@ -4,8 +4,8 @@
<!-- Left Content --> <!-- Left Content -->
<div class="lg:col-span-7"> <div class="lg:col-span-7">
<div class="mx-auto max-w-2xl lg:mx-0"> <div class="mx-auto max-w-2xl lg:mx-0">
<h1 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl">The Reason Behind It All</h1> <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 font-light text-white"> <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: misinformation is rampant, privacy and security are compromised, and half the world remains poorly connected. 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> <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... 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 --> <!-- Right Blockquote -->
<div class="lg:col-span-5"> <div class="lg:col-span-5">
<figure class=" mt-6 pl-8"> <figure class=" mt-6 pl-8">
<blockquote class=" text-2xl text-white fade-in font-semibold"> <blockquote class=" lg:text-2xl text-xl text-white fade-in font-semibold">
<p class="text-2xl 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> <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> </blockquote>
<br> <br>
<div class="mx-4"> <div class="mx-4">
<p class="fade-in mx-auto text-3xl font-semibold tracking-tight text-white sm:text-2xl opacity-0 transition-opacity duration-1000" data-observer> <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>
Planet First. People First. Planet First. People First.
</p> </p>
</div> </div>

View File

@@ -2,8 +2,8 @@
<div class="mx-auto max-w-7xl px-6 lg:px-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="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center"> <div class="text-center">
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">ThreeFolds Journey</h2> <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">ThreeFolds Journey</h2>
<p class="fade-in mx-auto mt-6 mb-12 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200">The pivotal milestones that have shaped Threefold's growth and innovation, driving us towards a sustainable, decentralized future.</p> <p class="fade-in mx-auto mt-6 mb-12 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>
</div> </div>
</div> </div>