ourworld_web/www_threefold_io
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="mx-auto max-w-7xl px-6 lg:px-8">
<div class="relative grid lg:grid-cols-12 lg:gap-8"> <div class="relative grid lg:grid-cols-12 lg:gap-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-4xl font-normal tracking-tight text-white sm:text-5xl">When 3 Becomes 4</h1> <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 font-light text-white"> <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> 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> 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> ThreeFold has been working on this vision for more than 10 years
and is now ready to announce our next steps on December 12, 2024. and is now ready to announce our next steps on <span class="font-semibold">December 12, 2024. </span
</p> </p>
</div> </div>
</div> </div>
@@ -18,7 +18,7 @@
<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=" 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. This page is in black & white, to let YOU be the <span style="color: red;">color</span> of the future of the internet.
</p> </p>
</blockquote> </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="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-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-7xl items-center text-center"> <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>
<div class="-mx-6 grid grid-cols-2 gap-2 overflow-hidden sm:mx-0 sm:rounded-2xl md:grid-cols-3"> <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"> <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" src="/images/mycel2.gif"
alt="TF"> alt="TF">
<div class="text-center"> <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> <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-4xl text-3xl font-medium text-gray-200 fade-in">12.12.24</p> <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> </div>
</div> </div>

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

@@ -1,6 +1,6 @@
<div class="bg-transparent"> <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"> <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/> Stay tuned for 12.12.24<br/>
</h2> </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"> <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">

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

@@ -1,4 +1,4 @@
<div class="bg-transparent pt-24 pb-12"> <div class="bg-transparent pt-12 pb-12">
<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"> <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 text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in"> <h2 class="lg:text-balance text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
Build the <br>Internet of Tomorrow, <br>Today. Build the <br>Internet of Tomorrow, <br>Today.

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

@@ -1,6 +1,6 @@
<div class="bg-transparent"> <div class="bg-transparent pt-12 pb-24 ">
<div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8"> <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
<div class="max-w-3xl lg:px-16 px-0 pb-12"> <div class="max-w-3xl lg:px-16 px-0 lg:pb-12 pb-6">
<h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-white">ThreeFold is the Infrastructure Layer of Web 4 <h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-white">ThreeFold is the Infrastructure Layer of Web 4
</h2> </h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>

2
templates/partials/home/web4.html
View File

@@ -1,4 +1,4 @@
<div class="bg-transparent relative isolate overflow-hidden pt-12 pb-24 mb-12"> <div class="bg-transparent relative isolate overflow-hidden pt-12 pb-24">
<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">

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

@@ -1,12 +1,12 @@
<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">A Secure & Sovereign Infrastructure Layer for Web 4</h2> <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">A Secure & Sovereign Infrastructure Layer for Web 4</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime. .</p> <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 which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime. .</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 can be used by any Web2, Web3, AI, or Edge IT workload. <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
</p> </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">
<a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm 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 focus-visible:outline-offset-2">Dive Deeper - Read our docs</a> <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 focus-visible:outline-offset-2">Dive Deeper</a>
f f
</div> </div>
</div> </div>

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

@@ -1,18 +1,18 @@
<div class="bg-transparent pt-12 pb-6"> <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="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-6 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-2xl leading-snug font-normal tracking-tight text-white">What We’ve Built</h2> <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-base font-light text-gray-200 fade-in"> <p class="text-left mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
At ThreeFold, we've created products that embody innovation, authenticity, and simplicity. Each solution is crafted to empower individuals and communities, blending cutting-edge technology with practical usability. At ThreeFold, we've created products that embody innovation, authenticity, and simplicity. Each solution is crafted to empower individuals and communities, blending cutting-edge technology with practical usability.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<section class="pb-32 bg-transparent"> <section class="lg:pb-24 pb-12 pt-12 bg-transparent">
<div class="max-w-6xl mx-8 md:mx-10 lg:mx-20 xl:mx-auto"> <div class="max-w-6xl mx-8 md:mx-10 lg:mx-20 xl:mx-auto">
<div class="mx-auto max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none"> <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"> <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
ZERO-OS V3 ZERO-OS V3
</dt> </dt>
@@ -23,7 +23,7 @@
</p> </p>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
MYCELIUM NETWORK MYCELIUM NETWORK
</dt> </dt>
@@ -34,7 +34,7 @@
</p> </p>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
QUANTUM SAFE STORAGE QUANTUM SAFE STORAGE
</dt> </dt>
@@ -47,7 +47,7 @@
</div> </div>
<!-- 2ND ROW--> <!-- 2ND ROW-->
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
TF CHAIN TF CHAIN
</dt> </dt>
@@ -58,7 +58,7 @@
</p> </p>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
3NODES 3NODES
</dt> </dt>
@@ -69,7 +69,7 @@
</p> </p>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
GATEWAY NODES GATEWAY NODES
</dt> </dt>
@@ -82,7 +82,7 @@
</div> </div>
<!-- 3RD ROW--> <!-- 3RD ROW-->
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
TF DASHBOARD TF DASHBOARD
</dt> </dt>
@@ -93,7 +93,7 @@
</p> </p>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
TF DAO TF DAO
</dt> </dt>
@@ -105,7 +105,7 @@
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white"> <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
TF CONNECT APP TF CONNECT APP
</dt> </dt>

24
templates/partials/what/what.html
View File

@@ -1,37 +1,37 @@
<div class="bg-transparent"> <div class="bg-transparent">
<div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8"> <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
<div class="max-w-3xl px-0 lg:px-16 pb-12"> <div class="max-w-3xl px-0 lg:px-16 lg:pb-10 pb-4">
<h2 class="fade-in text-balance lg:text-4xl text-2xl leading-snug font-normal tracking-tight text-white sm:text-5xl">What You Can Do With It <h2 class="fade-in text-balance lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white sm:text-5xl">What You Can Do With It
</h2> </h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Today, ThreeFold is primarily focused on empowering developers to create innovative cloud solutions.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Today, ThreeFold is primarily focused on empowering developers to create innovative cloud solutions.</p>
<p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">On 12-12-24, we will unveil exciting news about how Web4 will soon become accessible to everyone, opening up endless possibilities for all users.</p> <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">On 12-12-24, we will unveil exciting news about how Web4 will soon become accessible to everyone, opening up endless possibilities for all users.</p>
<a href="/action" class="border border-white px-6 py-2 fade-in lg:text-3xl text-2xl rounded-2xl tracking-normal font-medium text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a> <a href="/action" class="mt-4 border border-white px-6 py-2 fade-in lg:text-3xl text-2xl rounded-2xl tracking-normal font-medium text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a>
</div> </div>
<div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing --> <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
<dl class="fade-in grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 gap-y-10"> <dl class="fade-in grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 lg:gap-y-10 gap-y-6">
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Communicate securely</dt> <dt class="font-medium text-gray-200">Communicate securely</dt>
<dd class="mt-1 font-light text-gray-400 text-sm mb-4">Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters.</dd> <dd class="mt-1 font-light text-gray-300 text-sm mb-4">Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters.</dd>
</div> </div>
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Store effortlessly</dt> <dt class="font-medium text-gray-200">Store effortlessly</dt>
<dd class="mt-1 ont-light text-gray-400 text-sm mb-4">Securely share and store information with ease, scaling seamlessly from personal use to billions of users. </dd> <dd class="mt-1 ont-light text-gray-300 text-sm mb-4">Securely share and store information with ease, scaling seamlessly from personal use to billions of users. </dd>
</div> </div>
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Restore authenticity</dt> <dt class="font-medium text-gray-200">Restore authenticity</dt>
<dd class="font-light text-gray-400 text-sm mb-4">Determine which information can be trusted, bringing clarity and confidence back to the digital space. </dd> <dd class="font-light text-gray-300 text-sm mb-4">Determine which information can be trusted, bringing clarity and confidence back to the digital space. </dd>
</div> </div>
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Unlock limitless insights</dt> <dt class="font-medium text-gray-200">Unlock limitless insights</dt>
<dd class="font-light text-gray-400 text-sm mb-4">Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant. </dd> <dd class="font-light text-gray-300 text-sm mb-4">Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant. </dd>
</div> </div>
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Streamline your interactions</dt> <dt class="font-medium text-gray-200">Streamline your interactions</dt>
<dd class="font-light text-gray-400 text-sm mb-4">Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions. </dd> <dd class="font-light text-gray-300 text-sm mb-4">Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions. </dd>
</div> </div>
<div class=""> <div class="">
<dt class="font-medium text-gray-200">Take control of your digital presence</dt> <dt class="font-medium text-gray-200">Take control of your digital presence</dt>
<dd class="font-light text-gray-400 text-sm mb-4">Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world.</dd> <dd class="font-light text-gray-300 text-sm mb-4">Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world.</dd>
</div> </div>
</dl> </dl>
</div> </div>

2
templates/partials/why/values.html
View File

@@ -1,4 +1,4 @@
<div class="bg-transparent pb-24 pt-32"> <div class="bg-transparent pb-24 pt-24">
<div class="mx-auto max-w-7xl px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-6 lg:px-8">
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3"> <dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
<div class="mx-auto flex max-w-xs flex-col gap-y-4"> <div class="mx-auto flex max-w-xs flex-col gap-y-4">