From 1eee3fdf1d06a7a578faff031164af222ce8bc78 Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Thu, 19 Jun 2025 15:00:19 +0300 Subject: [PATCH] fix table --- content/blog/truly_sovereign_tech/index.md | 18 +++++++------ content/home/index.md | 20 +++++++++++--- css/index.css | 22 +++++++++++++++ ...ader_section.html => card_with_image.html} | 27 ++++++++++++------- 4 files changed, 66 insertions(+), 21 deletions(-) rename templates/shortcodes/{header_section.html => card_with_image.html} (51%) diff --git a/content/blog/truly_sovereign_tech/index.md b/content/blog/truly_sovereign_tech/index.md index fe1dd601f..c75da5b08 100644 --- a/content/blog/truly_sovereign_tech/index.md +++ b/content/blog/truly_sovereign_tech/index.md @@ -65,13 +65,14 @@ Instead of exposing bloated APIs or fully fledged orchestration platforms, Zero
-| **Primitive** | **Functionality** | -| ----- | ----- | -| VM | Stateless KVM-based virtual machines with declarative configuration | -| ZeroDB (ZDB) | A lightweight key-value store with optional encryption | -| Mycelium | Mesh-based overlay network with IPv6, E2E encryption, and NAT traversal | -| Network Setup | Create private networks, web gateways, public IP exposure | -| Filesystem | Encrypted, snapshot-based persistent volumes using ZFS | +| **Primitive** | **Functionality** | +|-------------------|------------------------------------------------------------------------------------| +| **VM** | Stateless KVM-based virtual machines with declarative configuration | +| **ZeroDB (ZDB)** | A lightweight key-value store with optional encryption | +| **Mycelium** | Mesh-based overlay network with IPv6, E2E encryption, and NAT traversal | +| **Network Setup** | Create private networks, web gateways, public IP exposure | +| **Filesystem** | Encrypted, snapshot-based persistent volumes using ZFS | +
@@ -187,4 +188,5 @@ Start building sovereignty today.
-**[Explore how Zero OS](https://github.com/threefoldtech/zos)** and the **[ThreeFold Grid](https://docs.threefold.io/docs/introduction)** can power your next step. \ No newline at end of file +**[Explore how Zero OS](https://github.com/threefoldtech/zos)** and the **[ThreeFold Grid](https://docs.threefold.io/docs/introduction)** can power your next step. + diff --git a/content/home/index.md b/content/home/index.md index d720b3c64..42d67b590 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -151,7 +151,19 @@ Starting this summer, farming is evolving. With the launch of the ThreeFold Mark ) }} -{{ header_section() }} +{{ card_with_image( + image_src="/images/tft_logo.png", + image_alt="TF logo", + title="ThreeFold Cloud", + subtitle="Open-Source 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.", + button_link="https://manual.grid.tf/", + button_text="Manual", + image_src_right="/images/app.png", + image_alt_right="App screenshot" + + +) }} @@ -250,7 +262,7 @@ Explore all the products that are driving this transformation. - +
@@ -272,7 +284,7 @@ Explore all the products that are driving this transformation. - +
@@ -334,7 +346,7 @@ Explore all the products that are driving this transformation. - + {{ cta( title_1="Building a", diff --git a/css/index.css b/css/index.css index 37f477463..cb6927158 100644 --- a/css/index.css +++ b/css/index.css @@ -131,6 +131,28 @@ a img:hover { } + + +table{ + @apply table-auto text-white border border-gray-700 text-left w-full; +} + +thead{ + @apply bg-gray-800 text-white; +} + +th{ + @apply border border-gray-600 px-4 py-2; +} + +tbody{ + @apply bg-black text-gray-100; +} + +td{ + @apply border border-gray-600 px-4 py-2; +} + .green:hover { background-color: #7ad993 !important; } diff --git a/templates/shortcodes/header_section.html b/templates/shortcodes/card_with_image.html similarity index 51% rename from templates/shortcodes/header_section.html rename to templates/shortcodes/card_with_image.html index b9901a771..242e75761 100644 --- a/templates/shortcodes/header_section.html +++ b/templates/shortcodes/card_with_image.html @@ -1,26 +1,35 @@ -
+{% set title = title | default(value="") %} +{% set image_src = image_src | default(value="") %} +{% set image_alt = image_alt | default(value="") %} +{% set description = description | default(value="") %} +{% set subtitle = subtitle | default(value="") %} +{% set button_link = button_link | default(value="") %} +{% set button_text = button_text | default(value="") %} +{% set image_src_right = image_src_right | default(value="") %} +{% set image_alt_right = image_alt_right | default(value="") %} + +
- TF logo -

ThreeFold Cloud

-
Open-Source Cloud
-

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.

+ {{ image_alt }} +

{{ title }}

+
{{ subtitle }}
+

{{ description }}

- Manual + {{ button_text }}
- App screenshot + {{ image_alt_right }}
-
-
+