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

last updates

Browse Source
This commit is contained in:
Ehab Hassan
2025-02-20 16:35:01 +02:00
parent 474149ec40
commit 63f06415c9
4 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
<div class="bg-transparent mt-24 pb-6">
<div class="bg-transparent pb-6">
<div class="mx-auto max-w-7xl px-2 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-2 lg:max-w-7xl lg:px-8">
<h2 class="text-center mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">What Web4 Enables</h2>

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

@@ -1,4 +1,4 @@
<div class="flex bg-transparent pt-16 pb-10 justify-center relative isolate overflow-hidden h-screen">
<div class="flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
<div class="max-w-7xl mx-auto text-center px-4 sm:px-6 lg:px-8">
<!-- Main Heading -->
<h2 class="fade-in text-pretty text-3xl sm:text-4xl lg:text-6xl leading-tight font-normal tracking-tight text-white capitalize">
@@ -30,7 +30,7 @@
class="rounded-2xl bg-white px-4 py-2.5 text-sm sm:text-base font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">
Take Action
</a>
<a href="https://docs.threefold.io/docs/litepaper/" class="fade-in text-sm/6 font-semibold text-white">Web4 Litepaper<span aria-hidden="true">→</span></a>
<a href="https://docs.threefold.io/docs/litepaper/" class="fade-in text-sm/6 font-semibold text-white" target="_blank">Web4 Litepaper<span aria-hidden="true">→</span></a>
</div>
</div>
</div>

6
templates/partials/home/hero.html
View File

@@ -1,5 +1,5 @@
<div class="relative isolate overflow-hidden bg-transparent h-screen">
<div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
<div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
<div class="px-4 lg:pb-24 pb-12 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-5xl fade-in">We are Building <br>a New Internet</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">ThreeFold has built a decentralized system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine and human to communicate over the shortest path.</p>
@@ -9,7 +9,7 @@
<br>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
<a href="/why" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span aria-hidden="true">→</span></a>
<a href="/why" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span aria-hidden="true">→</span></a>
</div>
</div>
</div>

8
templates/partials/what/hero.html
View File

@@ -1,5 +1,5 @@
<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 h-screen">
<div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
<div class="px-4 lg:pb-24 pb-12 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">A Secure & Autonomous Infrastructure Layer for Web4</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique technology enables a system that can scale globally, ensures stored data can never be corrupted, nor lost, recovers from unforeseen events, and guarantees 100% uptime.</p>
@@ -9,7 +9,9 @@
<a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-md 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">Dive Deeper</a>
</div>
</div>
</div>
</div>
</div>
<style>
/* Define the fade-in animation */