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

fix responsive and links

Browse Source
This commit is contained in:
Ehab Hassan
2025-06-16 12:35:37 +03:00
parent e9785f8930
commit 7339145a69
8 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/shortcodes/cta.html
View File

@@ -12,7 +12,7 @@
<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">
<h2 class="lg:text-balance max-w-xl leading-tight items-start fade-in">
<h2 class="lg:text-balance max-w-xl leading-tight items-start lg:text-left text-center fade-in">
{{ title_1 }} <br>{{ title_2 }}<br> {{ title_3 }}
</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">

4
templates/shortcodes/header_section.html
View File

@@ -1,5 +1,5 @@
<div class="">
<div class="mx-auto max-w-7xl px-4 mt-8 lg:px-0">
<div class="mx-auto max-w-7xl mt-8 lg:px-0">
<div class="bg-white/5 rounded-md relative isolate overflow-hidden bg-red-700 lg:flex lg:items-center lg:gap-x-20 ">
<!-- Text Column -->
@@ -23,7 +23,7 @@
</div>
<div class="mt-12 flex flex-col lg:flex-row items-center justify-center gap-x-6">
<div class="mt-6 lg:mt-12 flex flex-col lg:flex-row items-center justify-center gap-x-6">
<a href="/deploy" class="mr-2 my-2 fade-in rounded-2xl bg-white px-8 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">Start Deploying</a>
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" class="mr-2 my-2 fade-in rounded-2xl bg-white px-8 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" target="_blank">Explore Dashboard</a>

10
templates/shortcodes/tabs.html
View File

@@ -1,5 +1,5 @@
<section aria-labelledby="features-heading" class="mx-auto max-w-7xl py-4">
<div class="mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="mt-4">
<div class="-mx-4 flex overflow-x-auto sm:mx-0">
<div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
@@ -19,9 +19,9 @@
</div>
</div>
<div id="features-panel-1" class="bg-white/5 space-y-16 p-2 lg:p-6 rounded-sm" aria-labelledby="features-tab-1" role="tabpanel" tabindex="0">
<div id="features-panel-1" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-1" role="tabpanel" tabindex="0">
<div class="mt-6 lg:mt-0">
<div class="">
<h3>Compute</h3>
<p class="mt-2 text-xl">A self-healing compute fabric designed for resilience, decentralization, and scale.
</p>
@@ -41,7 +41,7 @@
</div>
</div>
<div id="features-panel-2" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-2" role="tabpanel" tabindex="0">
<div class="mt-6 lg:mt-0">
<div class="">
<h3>Data</h3>
<p class="mt-2 text-xl">Private, distributed, and AI-native storage with user sovereignty at its core.
</p>
@@ -53,7 +53,7 @@
</div>
</div>
<div id="features-panel-3" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-3" role="tabpanel" tabindex="0">
<div class="mt-6 lg:mt-0">
<div class="">
<h3>Network</h3>
<p class="mt-2 text-xl"> A secure, peer-to-peer internet backbone, self-sustaining, censorship-resistant, and optimized for performance.
</p>