diff --git a/content/header/index.md b/content/header/index.md index 67194b90d..eb9d5740e 100644 --- a/content/header/index.md +++ b/content/header/index.md @@ -3,8 +3,8 @@ title: "Header" insert_anchor_links: "left" template: "partials/header.html" extra: - logoPathLight: "images/new_logo_tft_light.png" - logoPathDark: "images/new_logo_tft_dark.png" + logoPathLight: "images/logolight.png" + logoPathDark: "images/logodark.png" --- diff --git a/css/index.css b/css/index.css index 3ac2d4596..d07f9f869 100644 --- a/css/index.css +++ b/css/index.css @@ -22,6 +22,14 @@ body .semigray { color: #424242 !important; } +body .semigray2 { + color: #424242 !important; +} + +body .icon { + fill: #424242 !important; +} + /* Dark Mode */ body.dark-mode { background-color: #121212; @@ -29,9 +37,20 @@ body.dark-mode { } body.dark-mode .semigray { - color: #bbbbbb !important; + color: #e5e7eb !important; } +body.dark-mode .semigray2 { + color: #d1d5db !important; +} + +body.dark-mode .icon { + fill: #ffffff !important; +} + +.double_bg { + background-color: rgb(100 100 100 / 0.2); +} .dashboard:hover { diff --git a/static/images/new_logo_tft_dark.png b/static/images/logodark.png similarity index 100% rename from static/images/new_logo_tft_dark.png rename to static/images/logodark.png diff --git a/static/images/new_logo_tft_light.png b/static/images/logolight.png similarity index 100% rename from static/images/new_logo_tft_light.png rename to static/images/logolight.png diff --git a/static/js/custom.js b/static/js/custom.js index adbbbfcb9..8f0e34201 100644 --- a/static/js/custom.js +++ b/static/js/custom.js @@ -204,10 +204,11 @@ document.addEventListener('DOMContentLoaded', () => { if (savedTheme === 'dark') { document.body.classList.add('dark-mode'); toggleSwitch.checked = true; - siteLogo.src = siteLogo.getAttribute('data-dark'); + siteLogo.src = siteLogo.getAttribute('data-dark'); // Use dark mode logo } else { document.body.classList.remove('dark-mode'); - siteLogo.src = siteLogo.getAttribute('data-light'); + toggleSwitch.checked = false; + siteLogo.src = siteLogo.getAttribute('data-light'); // Use light mode logo } }); @@ -216,10 +217,11 @@ toggleSwitch.addEventListener('change', () => { if (toggleSwitch.checked) { document.body.classList.add('dark-mode'); localStorage.setItem('theme', 'dark'); - siteLogo.src = siteLogo.getAttribute('data-dark'); + siteLogo.src = siteLogo.getAttribute('data-light'); // Switch to dark mode logo } else { document.body.classList.remove('dark-mode'); localStorage.setItem('theme', 'light'); - siteLogo.src = siteLogo.getAttribute('data-light'); + siteLogo.src = siteLogo.getAttribute('data-dark'); // Switch to light mode logo } }); + diff --git a/tailwind.config.js b/tailwind.config.js index 1c659e7f2..c9d12668f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,7 @@ const colors = require('tailwindcss/colors') module.exports = { + darkMode: 'class', content: [ './templates/**/*.html' ], diff --git a/templates/partials/header.html b/templates/partials/header.html index 78b988edd..4199ffa0a 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -7,20 +7,15 @@
+ id="site-logo" + class="w-36 h-auto" + style="max-width: none;" + src="{{ get_url(path=section.extra.logoPathLight) }}" + data-light="{{ get_url(path=section.extra.logoPathLight) }}" + data-dark="{{ get_url(path=section.extra.logoPathDark) }}" + alt="ThreeFold Logo" /> - - - - -
+ + Join the Web4 Revolution diff --git a/templates/partials/home/cta.html b/templates/partials/home/cta.html index f058cc25f..3ce89d0c0 100644 --- a/templates/partials/home/cta.html +++ b/templates/partials/home/cta.html @@ -1,13 +1,13 @@
-
-

+
+

Build the
Internet of Tomorrow,
Today.

- + Take the Next Step - Learn more + Learn more

diff --git a/templates/partials/home/faq.html b/templates/partials/home/faq.html index 2f92742a7..6ee6dc068 100644 --- a/templates/partials/home/faq.html +++ b/templates/partials/home/faq.html @@ -16,7 +16,7 @@
-

Frequently Asked Questions

+

Frequently Asked Questions

@@ -31,8 +31,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-01" > - Is this a separate new Internet? - + Is this a separate new Internet? + @@ -46,7 +46,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet.

@@ -63,8 +63,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-02" > - Why do we need a new Internet? - + Why do we need a new Internet? + @@ -78,7 +78,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

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.

@@ -94,8 +94,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-04" > - You have 2 tokens, TFT and INCA, why? - + You have 2 tokens, TFT and INCA, why? + @@ -109,7 +109,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT.

We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge).

This means that we keep the community decision to have 4 billion tokens in total and to mint maximum 1 billion on Stellar. Our partners will start selling new ThreeFold Nodes mid December 2024 with a new reward scheme and ready to grow to millions of nodes.

@@ -126,8 +126,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-05" > - How can I participate? - + How can I participate? + @@ -141,7 +141,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

You can participate by becoming a farmer, a user, a partner or by developing a web4 app. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications for Web4, and many more.

@@ -158,8 +158,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-06" > - What is Web4? - + What is Web4? + @@ -173,7 +173,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

Web4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm aimed at advancing planetary well-being while making sure everyone has equal chances. This Internet can be sovereign & decentralized, while being totally secure and private. This phase of the Internet can scale indefinitely, is green, self-healing, cost effective and ultra-reliable.

@@ -189,8 +189,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-07" > - How secure and private is my data? - + How secure and private is my data? + @@ -204,7 +204,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

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.

@@ -221,8 +221,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-07" > - What can I do with the Threefold Grid? - + What can I do with the Threefold Grid? + @@ -236,7 +236,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

ThreeFold grid can be used to host any web2, web3 and web4 (future) workload. For more details see our docs

@@ -254,8 +254,8 @@ :aria-expanded="expanded" aria-controls="faqs-text-07" > - Who should use the ThreeFold Grid ? - + Who should use the ThreeFold Grid ? + @@ -269,7 +269,7 @@ :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'" >
-

+

Individuals, businesses, and organizations who want to be sovereign 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.

diff --git a/templates/partials/home/farmers.html b/templates/partials/home/farmers.html index 7436fb4c3..4cae5257a 100644 --- a/templates/partials/home/farmers.html +++ b/templates/partials/home/farmers.html @@ -2,7 +2,7 @@

Powering the ThreeFold Grid Together

-

+

Regardless of technical expertise, anyone can now provide data, network, and cloud resources to where they’re needed most while earning rewards for their contributions. We call this process "farming”.

@@ -15,7 +15,7 @@ 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.

+

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

@@ -25,7 +25,7 @@ 2. OFFER CAPACITY
-

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

+

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

@@ -36,7 +36,7 @@ 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. +

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

@@ -45,7 +45,7 @@

- Become a Farmer + Become a Farmer
diff --git a/templates/partials/home/features.html b/templates/partials/home/features.html index 1c3643f3a..923354b26 100644 --- a/templates/partials/home/features.html +++ b/templates/partials/home/features.html @@ -1,34 +1,34 @@
-

ThreeFold is the Infrastructure Layer of Web4 +

ThreeFold is the Infrastructure Layer of Web4

-

ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).

-

ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: Data, Cloud, and Network.

- Discover How It Works +

ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).

+

ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: Data, Cloud, and Network.

+ Discover How It Works
-
Unbreakable Data
+
Unbreakable Data
-
Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level.
-
Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.
+
Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level.
+
Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.
-
Autonomous Cloud
+
Autonomous Cloud
-
Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware.
-
Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
+
Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware.
+
Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
-
Unbreakable Network
+
Unbreakable Network
-
End-to-end encrypted overlay network, always looking for the shortest possible path between participants.
-
Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
+
End-to-end encrypted overlay network, always looking for the shortest possible path between participants.
+
Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
diff --git a/templates/partials/home/grid_stats.html b/templates/partials/home/grid_stats.html index 878aba4af..7d33dda42 100644 --- a/templates/partials/home/grid_stats.html +++ b/templates/partials/home/grid_stats.html @@ -4,8 +4,8 @@

A Global Community

-

With ThreeFold, individuals, organizations, communities, countries, and network states have the potential to deploy their own sovereign infrastructure. Our proof of concept network with 56,000+ vCPUs has been operational for years.

-

Version 3.15 is live on Mainnet.

+

With ThreeFold, individuals, organizations, communities, countries, and network states have the potential to deploy their own sovereign infrastructure. Our proof of concept network with 56,000+ vCPUs has been operational for years.

+

Version 3.15 is live on Mainnet.

@@ -43,7 +43,7 @@
-

As we together roll out Web4 we might need millions of nodes.
This will establish a truly decentralized and resilient infrastructure.

+

As we together roll out Web4 we might need millions of nodes.
This will establish a truly decentralized and resilient infrastructure.

diff --git a/templates/partials/home/web4.html b/templates/partials/home/web4.html index 29f9dcce1..2446331c9 100644 --- a/templates/partials/home/web4.html +++ b/templates/partials/home/web4.html @@ -2,12 +2,12 @@
-

WEB4

+

WEB4


-

The Next Evolution of the Internet

-

Web4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.

-

Blockchain was the first step to Web3.

-

ThreeFold is the next step to Web4.

+

The Next Evolution of the Internet

+

Web4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.

+

Blockchain was the first step to Web3.

+

ThreeFold is the next step to Web4.

- Take the Next Step - Learn more + Take the Next Step + Learn more
diff --git a/templates/static/images/new_logo_tft_dark.png b/templates/static/images/new_logo_tft_dark.png new file mode 100644 index 000000000..e8268afd8 Binary files /dev/null and b/templates/static/images/new_logo_tft_dark.png differ diff --git a/templates/static/images/new_logo_tft_light.png b/templates/static/images/new_logo_tft_light.png new file mode 100644 index 000000000..b07c72c6e Binary files /dev/null and b/templates/static/images/new_logo_tft_light.png differ