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

improve visabilty

Browse Source
This commit is contained in:
Ehab Hassan
2025-04-02 16:59:46 +02:00
parent 8909d951d0
commit ee6f29fde8
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/partials/home/use_cases.html
View File

@@ -15,61 +15,59 @@
<img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/tft_logo.png" alt=""> <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/tft_logo.png" alt="">
<dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg font-semibold text-white"> <dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg font-semibold text-white">
ThreeFold Cloud ThreeFold Cloud
</dt>
</dt> <dt class="text-lg font-normal text-white">Open-Source Cloud</<dt>
<dt class="text-lg font-semibold text-white">Open-Source Cloud</<dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p> <p class="flex-auto leading-normal font-light text-gray-200 text-md">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p>
<p class="mt-6"> <p class="mt-6">
</p> </p>
<p class="text-lg font-normal text-white mb-2">Lern More</p> {# <p class="text-lg font-normal text-white mb-2">Lern More</p> #}
<ul class="flex justify-center fade-in"> <ul class="flex justify-center fade-in">
<li class="mr-8"><a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" class="text-white hover:text-gray-300" target="_blank">Dashboard</a></li> <li class="mr-2"><a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" 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" target="_blank">Dashboard</a></li>
<li><a href="https://manual.grid.tf/" class="text-white hover:text-gray-300" target="_blank">Manual</a></li> <li><a href="https://manual.grid.tf/" 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" target="_blank">Manual</a></li>
</ul> </ul>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/mycelium_logo.png" alt=""> <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/mycelium_logo.png" alt="">
<dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg rounded-2xl font-semibold text-white"> <dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg rounded-2xl font-semibold text-white">
Mycelium Mycelium
</dt> </dt>
<dt class="text-lg font-semibold text-white">Unbreakable Network</dt> <dt class="text-lg font-normal text-white">Unbreakable Network</dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.</p> <p class="flex-auto leading-normal font-light text-gray-200 text-md">An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.</p>
<p class="mt-6"> <p class="mt-6">
</p> </p>
<p class="text-lg font-normal text-white mb-2">Lern More</p> {# <p class="text-lg font-normal text-white mb-2">Lern More</p> #}
<ul class="flex justify-center fade-in"> <ul class="flex justify-center fade-in">
<li class="mr-8"><a href="https://mycelium.threefold.io" class="text-white hover:text-gray-300" target="_blank">Website</a></li> <li class="mr-2"><a href="https://mycelium.threefold.io" 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" target="_blank">Website</a></li>
<li><a href="https://threefold.info/mycelium/docs/" class="text-white hover:text-gray-300" target="_blank">Docs</a></li> <li><a href="https://threefold.info/mycelium/docs/" 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" target="_blank">Docs</a></li>
</ul> </ul>
</dd> </dd>
</div> </div>
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
<img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/aibox_logo.png" alt=""> <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/aibox_logo.png" alt="">
<dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg rounded-2xl font-semibold text-white"> <dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg rounded-2xl font-semibold text-white">
AIBOX AIBOX
</dt> </dt>
<dt class="text-lg font-semibold text-white">Decentralized AI</dt> <dt class="text-lg font-normal text-white">Decentralized AI</dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">A decentralized AI solution in a physical form factor. The product enables personal AI computing capabilities directly in homes and offices, eliminating dependency on centralized data centers. <p class="flex-auto leading-normal font-light text-gray-200 text-md">A decentralized AI solution in a physical form factor. The product enables personal AI computing capabilities directly in homes and offices, eliminating dependency on centralized data centers.
</p> </p>
<p class="mt-6"> <p class="mt-6">
</p> </p>
<p class="text-lg font-normal text-white mb-2">Lern More</p> {# <p class="text-lg font-normal text-white mb-2">Lern More</p> #}
<ul class="flex justify-center fade-in"> <ul class="flex justify-center fade-in">
<li class="mr-8"><a href="https://aibox.threefold.io" class="text-white hover:text-gray-300" target="_blank">Website</a></li> <li class="mr-2"><a href="https://aibox.threefold.io" 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" target="_blank">Website</a></li>
<li><a href="https://threefold.info/aibox/docs/" class="text-white hover:text-gray-300" target="_blank">Docs</a></li> <li><a href="https://threefold.info/aibox/docs/" 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" target="_blank">Docs</a></li>
</ul> </ul>
</dd> </dd>
</div> </div>