From 7b4c8d9ffdba5d887895d03843a2f8cb4c82ee2f Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Mon, 2 Jun 2025 12:25:41 +0300 Subject: [PATCH] finished all home --- content/home/index.md | 140 +++++++++++++++++---- css/index.css | 2 +- templates/shortcodes/accordion.html | 41 ++++++ templates/shortcodes/center_text.html | 84 +++++++++++-- templates/shortcodes/cta.html | 18 ++- templates/shortcodes/farm_steps.html | 2 +- templates/shortcodes/farmers.html | 85 ------------- templates/shortcodes/grid_stats.html | 4 +- templates/shortcodes/hero_text_center.html | 4 +- templates/shortcodes/left_text.html | 8 +- templates/shortcodes/right_content.html | 2 + templates/shortcodes/self_healing.html | 55 -------- 12 files changed, 253 insertions(+), 192 deletions(-) create mode 100644 templates/shortcodes/accordion.html delete mode 100644 templates/shortcodes/farmers.html delete mode 100644 templates/shortcodes/self_healing.html diff --git a/content/home/index.md b/content/home/index.md index 974ccb866..f49e75377 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -9,7 +9,6 @@ extra: - {{ hero_text_center( title="Built for Everyone by Everyone, Everywhere", subtitle="Unleashing the Power of Decentralized Networks", @@ -49,9 +48,11 @@ extra:
+ {{ right_content( subtitle ="COMPUTE", - header="Bare Metal Operating System", + header="Bare Metal", + sub_header="Operating System", description1="Zero OS, an efficient and secure operating system, runs directly on the hardware – enabling an autonomous cloud.", description2="Can run any Web2, Web3, or AI workload at the edge of the Internet, with more scalability and reliability." ) }} @@ -77,7 +78,7 @@ extra: - + {{ grid_stats( title_1="Powered by", @@ -98,9 +99,9 @@ extra: {{ 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="" + description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities.", + button_text_1="", + button_link_1="" ) }} @@ -142,17 +143,13 @@ extra: button_link_2="https://threefold.info/aibox/docs/" ) }} -
- - -
@@ -160,9 +157,8 @@ extra: {{ left_text( title="How it works", description_1="At the base, nodes form the physical foundation—distributed computers that provide processing power, storage, and networking capabilities. These nodes work together to create a global, community-powered infrastructure.", - description_2="Regardless of technical expertise, anyone can deploy nodes from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process 'farming.'", - button_text="", - button_link="" + description_2="Regardless of technical expertise, anyone can deploy nodes from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process 'farming.'" + ) }} @@ -185,27 +181,125 @@ extra: description="The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud." ) }} -
- -
- Become a Farmer -
- +
+ Become a Farmer +
+ + -{{ self_healing() }} +
+ +{{ center_text( + title="A Self-Healing Internet Infrastructure", + subtitle="Scalable globally, Green, Unbreakable & Secure", + description_1="", + image_src ="/images/selfhealing.png", + image_alt="selfhealin", + button_text_1="", + button_link_1="" + +) }} + +
+ + + -{{ web4() }} +
- +# More Resilient, More Powerful,
More Diverse With You -{{ cta() }} +{{ center_text( + title="", + description_1="Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries.", + description_2="By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people.", + button_text_1="Join ThreeFold", + button_link_1="/action", + button_text_2="", + button_link_2="" + +) }} + +
+ + + + + + +
+ +## Frequently Asked Questions + +
+ +{{ accordion( + id_accordion="accordion1" + question="Is this a separate new Internet?", + description="No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet." +) }} + +{{ accordion( + id_accordion="accordion2" + question="Why do we need a new Internet?", + description="The Internet used to be a peer to peer network, but has become fragile and too centralized. There are so many problems with the current Internet, such as authenticity, privacy, security, and sustainability that we believe a fundamental new approach is needed." +) }} + +{{ accordion( + id_accordion="accordion3" + question="How can I participate?", + description="You can participate by becoming a farmer, a user, a partner or by developing apps. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications, and many more." +) }} + +{{ accordion( + id_accordion="accordion4" + question="How can I get V4 nodes?", + description="Our partners are selling V4 nodes with a new reward scheme and ready to grow to millions of nodes." +) }} + +{{ accordion( + id_accordion="accordion5" + question="What can I do with the ThreeFold Grid?", + description="ThreeFold grid can be used to host any web2, web3 and future workload. For more details see our docs." +) }} + +{{ accordion( + id_accordion="accordion6" + question="How secure and private is my data?", + description="ThreeFold is designed to be secure and private by default. We use end-to-end encryption to protect your data and ensure that only you have access to your data." + ) + }} + +{{ accordion( + id_accordion="accordion7" + question="Who should use the ThreeFold Grid ?", + description="Individuals, businesses, and organizations who want to be autonomous and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We are building a channel of solution providers and integrators who want to build on top of ThreeFold." + ) + }} + +
+ + + + + + +{{ cta( + title_1="Build the", + title_2="Internet of Tomorrow,", + title_3="Today", + button_text_1="Take the Next Step", + button_link_1="/signup", + button_text_2="Learn More", + button_link_2="/action" +) }} diff --git a/css/index.css b/css/index.css index 526e0768d..a67bf9f24 100644 --- a/css/index.css +++ b/css/index.css @@ -287,7 +287,7 @@ a img:hover { } p { - @apply text-lg text-gray-200 font-light; + @apply text-pretty lg:text-xl text-lg font-light text-gray-200; font-family: "Inter", sans-serif !important; } diff --git a/templates/shortcodes/accordion.html b/templates/shortcodes/accordion.html new file mode 100644 index 000000000..0f1ac2cf1 --- /dev/null +++ b/templates/shortcodes/accordion.html @@ -0,0 +1,41 @@ +
+ + +
+
+ {% if description %} +

{{ description }}

+ {% endif %} +
+
+
+ + + + + + + + + + + + + + + + + + + diff --git a/templates/shortcodes/center_text.html b/templates/shortcodes/center_text.html index 7abb0f748..fc2bbc329 100644 --- a/templates/shortcodes/center_text.html +++ b/templates/shortcodes/center_text.html @@ -1,16 +1,76 @@ -{% 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="") %} +{% set title = title | default(value="") %} +{% set subtitle = subtitle | default(value="") %} +{% set image_src = image_src | default(value="") %} +{% set image_alt = image_alt | default(value="") %} +{% set description_1 = description_1 | default(value="") %} +{% set description_2 = description_2 | 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="") %} -
+
-

{{ title}}

-

- {{ description }} -

- {% if button_link %} - {{ button_text }} +

{{ title }}

+ {% if subtitle %} +

{{ subtitle }}

+ {% endif %} -
\ No newline at end of file +

+ {{ description_1 }} +

+ +

+ {{ description_2 }} +

+ + {% if image_src %} + + {% endif %} +
+ {% if button_link_1 %} + {{ button_text_1 }} + {% endif %} + + {% if button_link_2 %} + {{ button_text_2 }} + {% endif %} +
+
+ + + \ No newline at end of file diff --git a/templates/shortcodes/cta.html b/templates/shortcodes/cta.html index e965e604a..dc27559f3 100644 --- a/templates/shortcodes/cta.html +++ b/templates/shortcodes/cta.html @@ -1,13 +1,21 @@ +{% set title_1 = title_1 | default(value="Built") %} +{% set title_2 = title_2 | default(value="") %} +{% set title_3 = title_3 | 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="") %} +
-

- Build the
Internet of Tomorrow,
Today +

+ {{ title_1 }}
{{ title_2 }}
{{ title_3 }}

- - Take the Next Step + + {{ button_text_1 }} - Learn more + {{ button_text_2 }}
diff --git a/templates/shortcodes/farm_steps.html b/templates/shortcodes/farm_steps.html index 46ca05240..31c086e0c 100644 --- a/templates/shortcodes/farm_steps.html +++ b/templates/shortcodes/farm_steps.html @@ -10,7 +10,7 @@ -
+
{{ image_alt }}
{{ title }} diff --git a/templates/shortcodes/farmers.html b/templates/shortcodes/farmers.html deleted file mode 100644 index 086a32bd6..000000000 --- a/templates/shortcodes/farmers.html +++ /dev/null @@ -1,85 +0,0 @@ -
-
-
-

How it works

-

- At the base, nodes form the physical foundation—distributed computers that provide processing power, storage, and networking capabilities. These nodes work together to create a global, community-powered infrastructure. -

-

- Regardless of technical expertise, anyone can deploy nodes from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process “farming.” -

-
-
-
-
-
-
-
- 1. HOST A NODE -
-
-

All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes a ThreeFold Node.

-

-

-
-
-
-
- 2. OFFER CAPACITY -
-
-

The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud.

-

- -

-
-
-
-
- 3. EARN REWARDS -
-
-

After your node is set up and verified, you’ll be rewarded for the capacity that you provide to the ThreeFold Grid. -

-

- -

-
-
-
-
- Become a Farmer -
-
- -
-
- - - diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html index 0e43b66c1..22aacc76f 100644 --- a/templates/shortcodes/grid_stats.html +++ b/templates/shortcodes/grid_stats.html @@ -14,8 +14,8 @@

{{ title_1 }}
{{ title_2 }}

-

{{ description_1 }}

-

{{ description_2 }}

+

{{ description_1 }}

+

{{ description_2 }}

diff --git a/templates/shortcodes/hero_text_center.html b/templates/shortcodes/hero_text_center.html index 8fbe3d45b..e4dde7bce 100644 --- a/templates/shortcodes/hero_text_center.html +++ b/templates/shortcodes/hero_text_center.html @@ -15,11 +15,11 @@

{{ title }}

-

{{ description }}

+

{{ description }}


-
+
{% if button1_link %} {{ button1_text }} diff --git a/templates/shortcodes/left_text.html b/templates/shortcodes/left_text.html index e879bd0b6..c894599c0 100644 --- a/templates/shortcodes/left_text.html +++ b/templates/shortcodes/left_text.html @@ -4,16 +4,12 @@ {% set button_text = button_text | default(value="") %} {% set button_link = button_link | default(value="") %} - - - -

{{ title }}

-

{{ description_1 }}

+

{{ description_1 }}

-

{{ description_2 }}

+

{{ description_2 }}

{% if button_link %} diff --git a/templates/shortcodes/right_content.html b/templates/shortcodes/right_content.html index c80e17045..bee71dfc5 100644 --- a/templates/shortcodes/right_content.html +++ b/templates/shortcodes/right_content.html @@ -1,5 +1,6 @@ {% set subtitle = subtitle | default(value="") %} {% set header = header | default(value="") %} +{% set sub_header = sub_header | default(value="") %} {% set description1 = description1 | default(value="") %} {% set description2 = description2 | default(value="") %} @@ -7,6 +8,7 @@
{{ subtitle }}
{{ header }}
+
{{ sub_header }}
{{ description1 }}
diff --git a/templates/shortcodes/self_healing.html b/templates/shortcodes/self_healing.html deleted file mode 100644 index 617346390..000000000 --- a/templates/shortcodes/self_healing.html +++ /dev/null @@ -1,55 +0,0 @@ -
-
-
-
-

A Self-Healing Internet Infrastructure

-
-

Scalable globally, Green, Unbreakable & Secure

- - - - {#
- Be Part of Web4 -
#} - -
-
-
-
- - - - \ No newline at end of file