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

update what page

Browse Source
This commit is contained in:
Ehab Hassan
2025-02-25 16:00:29 +02:00
parent ca7c0ee2a9
commit 9e459f4280
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/images/become_farmer.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 121 KiB

After

Width:  |  Height:  |  Size: 282 KiB

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

@@ -1,4 +1,4 @@
<div class="relative flex flex-col justify-start isolate overflow-hidden bg-transparent h-screen py-12">
<div class="relative flex flex-col justify-center isolate overflow-hidden bg-transparent py-12">
<div class="px-4 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 True DePIN</h2>
@@ -6,12 +6,12 @@
<span class="font-bold"> P</span>hysical <span class="font-bold">I</span>nfrastructure <span class="font-bold">N</span>etwork<br><br></p>
<h2 class="text-balance font-normal tracking-tight leading-snug text-white lg:text-3xl text-2xl fade-in">Planetary Scalable
<br> Autonomous Infrastructure Layer<br>for The Internet</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 font-lightfade-in">Our unique
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 font-lightfade-in">Our unique
technology enables anyone to become a provider<br> of network, storage and compute capacity.</p>
<div class="mx-auto max-w-7xl px-8 py-4">
<div class="mx-auto max-w-7xl px-4 py-8">
<img src="/images/become_farmer.png" alt="Become a Farmer" class="w-full fade-in">
</div>
<div class=" flex items-center justify-center ">
<div class=" flex items-center justify-center mt-6 ">
<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>

9
templates/partials/what/portfolio.html
View File

@@ -1,5 +1,5 @@
<div class="bg-transparent pt-12 pb-6">
<div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-8">
<div class="bg-transparent py-12 lg:py-24">
<div class="mx-auto max-w-7xl px-4 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">What We’ve Built</h2>
<p class="text-left mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
@@ -7,8 +7,8 @@
</p>
</div>
</div>
</div>
<section class="lg:pb-24 pb-12 pt-12 bg-transparent">
<section class="pt-12 bg-transparent">
<div class="max-w-6xl mx-8 md:mx-10 lg:mx-20 xl:mx-auto">
<div class="mx-auto max-w-2xl lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
@@ -120,6 +120,7 @@
</div>
</div>
</section>
</div>
<style>
/* Fade-in animation for the grid items */

7
templates/partials/what/what_features.html
View File

@@ -1,4 +1,4 @@
<div class="bg-transparent lg:pt-24 pt-12 lg:pb-24 pb-12">
<div class="bg-transparent lg:py-24 py-12">
<div class="mx-auto max-w-7xl px-4 lg:px-8">
<div class="mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8">
<h2 class="mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">What We Do</h2>
@@ -9,8 +9,8 @@
<p class="my-6 mx-auto text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
We are currently running V3.15.0, a large-scale Proof-of-Concept Network, while simultaneously preparing for V4.0.0, our upcoming production-ready release. This will deliver a fully operational infrastructure built around three core pillars:
</p>
</div>
<section class="pb-32 bg-transparent">
<section class="bg-transparent">
<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">
<div class="mx-auto max-w-2xl mt-16 lg:max-w-none">
<dl class="grid max-w-xl gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-2">
@@ -69,6 +69,7 @@
</div>
</div>
</section>
</div>
<style>
/* Fade-in animation for the grid items */