From 553de768a022a6c4d5bcfae6d27c0d5b885b8925 Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Sun, 1 Jun 2025 15:59:54 +0300 Subject: [PATCH] update home section 4 --- content/home/index.md | 60 +++++++++++++++++- css/index.css | 9 +-- templates/shortcodes/center_text.html | 16 +++++ templates/shortcodes/use_cases.html | 91 ++++++--------------------- 4 files changed, 97 insertions(+), 79 deletions(-) create mode 100644 templates/shortcodes/center_text.html diff --git a/content/home/index.md b/content/home/index.md index d5a95745a..abf4c82c8 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -38,7 +38,7 @@ extra: button_text="Discover How It Works", button_link="/what" -) }} + ) }}
@@ -94,7 +94,63 @@ extra: -{{ use_cases() }} +
+ +{{ center_text( + title="Anything That Runs on Linux Can Run on ThreeFold", + description="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities.", + button_text="", + button_link="" + +) }} + +
+
+ +{{ use_cases( + image_src="/images/tft_logo.png", + image_alt="ThreeFold Cloud", + title="ThreeFold Cloud", + description="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.", + subtitle ="Open-Source Cloud", + button_text_1="Dashboard", + button_link_1="https://dashboard.grid.tf/#/tf-grid/node-statistics/", + button_text_2="Manual", + button_link_2="https://manual.grid.tf/" +) }} + +{{ use_cases( + image_src="/images/mycelium_logo.png", + image_alt="Mycelium", + title="Mycelium", + description="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.", + button_text_1="Website", + button_link_1="https://mycelium.threefold.io/", + button_text_2="Docs", + button_link_2="https://threefold.info/mycelium/docs/" +) }} + +{{ use_cases( + image_src="/images/aibox_logo.png", + image_alt="AIBOX", + title="AIBOX", + description="A decentralized AI solution that enables anyone to run, train, and use AI models locally, keeping their data private while sharing unused computing power with the network—eliminating the need for centralized data centers.", + subtitle ="Decentralized AI", + button_text_1="Website", + button_link_1="https://aibox.threefold.io/", + button_text_2="Docs", + button_link_2="https://threefold.info/aibox/docs/" +) }} + + +
+
+ +
+
+ + + diff --git a/css/index.css b/css/index.css index cee9b5b27..526e0768d 100644 --- a/css/index.css +++ b/css/index.css @@ -244,13 +244,13 @@ a img:hover { @layer components { h1 { - @apply text-4xl lg:text-6xl font-normal; + @apply text-4xl lg:text-6xl font-normal text-white; color: #ffffff; font-family: "Inter", sans-serif !important; } h2 { - @apply text-3xl lg:text-4xl my-4 font-normal leading-none; + @apply lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize; color: #ffffff; font-family: "Inter", sans-serif !important; } @@ -578,10 +578,7 @@ header { } @media (min-width: 1024px) { - h2 { - font-size: 3.5rem; - } - + } @media (max-width: 1024px) { diff --git a/templates/shortcodes/center_text.html b/templates/shortcodes/center_text.html new file mode 100644 index 000000000..cb716807a --- /dev/null +++ b/templates/shortcodes/center_text.html @@ -0,0 +1,16 @@ +{% set title = title | default(value="Built") %} +{% set description = description | default(value="") %} +{% set button_text = button_text | default(value="") %} +{% set button_link = button_link | default(value="") %} + + +
+
+

{{ title}}

+

+ {{ description }} +

+ {% if button %} + {{ button_text }} + {% endif %} +
\ No newline at end of file diff --git a/templates/shortcodes/use_cases.html b/templates/shortcodes/use_cases.html index 623b378d2..8f01486bc 100644 --- a/templates/shortcodes/use_cases.html +++ b/templates/shortcodes/use_cases.html @@ -1,82 +1,31 @@ -
-
-
-

Anything That Runs on Linux Can Run - on ThreeFold

-

- The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities. -

-
-
-
-
-
+{% set image_src = image_src | default(value="") %} +{% set image_alt = image_alt | default(value="") %} +{% set title = title | default(value="") %} +{% set subtitle = subtitle | default(value="") %} +{% set description = description | default(value="") %} +{% set button_text_1 = button_text_1 | default(value="") %} +{% set button_link_1 = button_link_1 | default(value="") %} +{% set button_text_2 = button_text_2 | default(value="") %} +{% set button_link_2 = button_link_2 | default(value="") %} + + +
- - - + {{ image_alt }}
- ThreeFold Cloud + {{ title }}
-
Open-Source Cloud
+
{{ subtitle }}
-

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.

-

-

- - {#

Lern More

#} - - +

{{ description }}

+
+ {{ button_text_1 }} + {{ button_text_2 }} +
-
- -
- Mycelium -
-
Unbreakable Network
-
-

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.

-

- -

- {#

Lern More

#} - -
-
-
- -
- AIBOX -
-
Decentralized AI
-
-

A decentralized AI solution that enables anyone to run, train, and use AI models locally, keeping their data private while sharing unused computing power with the network—eliminating the need for centralized data centers. -

-

- -

- {#

Lern More

#} - -
-
-
-
- -
-
-