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

fix responsiveness

Browse Source
This commit is contained in:
sasha-astiadi
2024-11-22 14:38:34 +01:00
parent 6479f5e265
commit 88405e7f57
11 changed files with 45 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/partials/action/action.html
View File

@@ -1,15 +1,15 @@
<div class="relative isolate overflow-hidden bg-transparent text-white pt-12 pb-32">
<div class="relative isolate overflow-hidden bg-transparent text-white pt-12 pb-24">
<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 sm:text-5xl">When 3 Becomes 4</h1>
<p class="fade-in mt-6 text-lg font-light text-white">
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">When 3 Becomes 4</h1>
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
The Internet is a Trillion USD business and we want to make sure this Internet is built and owned by all of us—An Internet created by Everyone for Everyone. <br><br>
Web4 is the logical evolution of the Internet and opens the door for Machines & Humans to create together a new form of Intelligence with respect for the Planet & People.<br><br>
ThreeFold has been working on this vision for more than 10 years <br><br>
and is now ready to announce our next steps on December 12, 2024.
ThreeFold has been working on this vision for more than 10 years
and is now ready to announce our next steps on <span class="font-semibold">December 12, 2024. </span
</p>
</div>
</div>
@@ -18,7 +18,7 @@
<div class="lg:col-span-5">
<figure class=" mt-6 pl-8">
<blockquote class=" text-2xl text-white fade-in font-semibold ">
<p class="text-2xl text-white font-semibold">We believe actions are more important than words. <br><br>
<p class="lg:text-2xl text-xl leading-normal text-white font-semibold">We believe actions are more important than words. <br><br>
This page is in black & white, to let YOU be the <span style="color: red;">color</span> of the future of the internet.
</p>
</blockquote>

2
templates/partials/action/announcements.html
View File

@@ -1,7 +1,7 @@
<div class="bg-transparent fade-in pb-24 flex items-center justify-center">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-7xl items-center text-center">
<p class="fade-in mx-auto mb-12 text-pretty lg:text-4xl text-3xl font-medium text-gray-200">Announcements: What's Coming Soon</p>
<p class="fade-in mx-auto mb-12 text-pretty lg:text-5xl leading-tight text-4xl font-light text-gray-200">Announcements: What's Coming Soon</p>
</div>
<div class="-mx-6 grid grid-cols-2 gap-2 overflow-hidden sm:mx-0 sm:rounded-2xl md:grid-cols-3">
<div class="grid-item bg-white/5 p-2 lg:p-12">

4
templates/partials/action/banner.html
View File

@@ -5,8 +5,8 @@
src="/images/mycel2.gif"
alt="TF">
<div class="text-center">
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">Save the Date</h2>
<p class="fade-in mx-auto mt-4 max-w-3xl text-pretty lg:text-4xl text-3xl font-medium text-gray-200 fade-in">12.12.24</p>
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">Save the Date</h2>
<p class="fade-in mx-auto mt-4 max-w-3xl text-pretty lg:text-5xl text-4xl font-medium text-gray-200 fade-in">12.12.24</p>
</div>
</div>
</div>

2
templates/partials/action/cta.html
View File

@@ -1,6 +1,6 @@
<div class="bg-transparent">
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 class="lg:text-balance leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
<h2 class="lg:text-balance leading-tight lg:text-left lg:items-start items-center text-center font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
Stay tuned for 12.12.24<br/>
</h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">