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

update action page

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-21 13:31:09 +02:00
parent 116178da38
commit f3666dbd82
3 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@
<!-- Right Blockquote -->
<div class="lg:col-span-5">
<figure class=" mt-6 pl-8">
<blockquote class=" text-2xl text-white fade-in font-semibold">
<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>
This page is in black & white, to let YOU be the color of the future of the internet.
</p>
@@ -70,6 +70,14 @@
}
}
blockquote {
border-left-width: 2px;
margin: .5rem;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
padding: .5rem;
padding-left: 1rem;
.blockquote::before {
content: open-quote;
font-size: 4rem;

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

@@ -1,26 +1,26 @@
<div class="bg-transparent fade-in pb-24 flex items-center justify-center min-h-screen">
<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">All Things Web 4</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-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Web 4 Infrastructure</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Web 4 <br>Infrastructure</h2>
</div>
<div class="grid-item bg-white/5 p-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Web 4 Phone & Routers</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Web 4 <br>Phone & Routers</h2>
</div>
<div class="grid-item bg-white/5 p-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Human + Machine Agents</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Human + Machine <br>Agents</h2>
</div>
<div class="grid-item bg-white/5 p-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Sovereign Digital Economic Zone</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Sovereign Digital <br>Economic Zone</h2>
</div>
<div class="grid-item bg-white/5 p-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Web 4 Dev Tools</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Web 4 <br>Dev Tools</h2>
</div>
<div class="grid-item bg-white/5 p-6 sm:p-10">
<h2 class="text-white lg:text-3xl text-2xl text-center font-semibold">Web 4 Digital Currency</h2>
<div class="grid-item bg-white/5 p-2 lg:p-12">
<h2 class="text-white lg:text-3xl text-xl text-center font-semibold">Web 4 <br>Digital Currency</h2>
</div>
</div>
</div>

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

@@ -1,12 +1,12 @@
<div class="pt-16 bg-transparent h-screen flex flex-col justify-start items-center">
<div>
<div class="h-screen flex flex-col justify-center items-center ">
<div class="">
<img
class="object-contain w-[100%] max-w-[100%]"
class="mx-auto"
src="/images/mycel2.gif"
alt="TF">
</div>
<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>
</div>
</div>
</div>