diff --git a/content/build/index.md b/content/build/index.md index 4d5aa872f..501b794b5 100644 --- a/content/build/index.md +++ b/content/build/index.md @@ -15,9 +15,9 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on
- + + {% end %} diff --git a/content/farm/index.md b/content/farm/index.md index d34cf2a18..6e8c9c3f6 100644 --- a/content/farm/index.md +++ b/content/farm/index.md @@ -15,9 +15,9 @@ Become a ThreeFold Farmer. Provide Internet capacity to the people around you, a
- + - + {% end %} diff --git a/content/home/build_home.png b/content/home/build_home.png new file mode 100644 index 000000000..ba3815e9e Binary files /dev/null and b/content/home/build_home.png differ diff --git a/content/home/community_home.png b/content/home/community_home.png new file mode 100644 index 000000000..5115b2de9 Binary files /dev/null and b/content/home/community_home.png differ diff --git a/content/home/farm_home.png b/content/home/farm_home.png new file mode 100644 index 000000000..cb00cdf03 Binary files /dev/null and b/content/home/farm_home.png differ diff --git a/content/home/index.md b/content/home/index.md index a151a915d..7308f17d8 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -9,68 +9,117 @@ extra: imgPath: images/threefold_globe.png --- - -{% row(style="center margin narrow") %} +{% row(style="center") %} +
+
![Image](black_threefold_header.png#mx-auto#medium)
-## Planet & People-First **Internet.** +## The (Re)Birth of **the Internet.** -We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up. +ThreeFold is a peer-to-peer open-source Internet platform that connects users directly with
local Internet capacity provided by farmers. No intermediaries such as centralized servers.
- - - + + + + {% end %} - {% grid_stats() %} -### The ThreeFold Grid v3.6 +### The ThreeFold Grid v3.7 ## **Live and Operational** {% end %} - -{% row(style="center margin") %} +{% row(style="center narrow") %} -### Expand Our New Internet
**and Earn TFT** +## Together **We Build.** Start **Your Journey.** -By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT. +The future is about decentralization, participation, and working together to achieve our goals. As a decentralized movement, we encourage the community to get involved. This new Internet can only succeed if we find ways to collaborate where we together pull this Internet concept forward. Below, please find some of the ways you can join us in building a better Internet. + +{% end %} + +
+ +{% row(style="center narrow") %} + +### Farm Local Internet Capacity **and Earn TFT** + +
+ +![Image](farm_home.png#mx-auto) + +
+ +By connecting hardware at your home or office – or anywhere you'd like – you provide Internet capacity
for the people around you and earn a new digital currency, TFT. + +
+ + + +{% end %}
-![Image](become_farmer_new.jpg#mx-auto) +{% row(style="center narrow") %} -||| - -### Decentralize Your
**Data and Workloads** - -The community has already started using ThreeFold for its autonomous, decentralization and privacy features. - - - +### Build On Top of a **Decentralized Infrastructure**
-![Image](network_new.jpg#mx-auto) +![Image](build_home.png#mx-auto) + +
+ +True digital sovereignty for open-source builders. The ThreeFold Grid provides limitless possibilities,
and brings a playground of industry-compatible easy-to-deploy solutions for developers. + +
+ + + + + + +{% end %} + +
+ +{% row(style="center narrow") %} + +### Join the **Community.** Spread **the Word.** + +
+ +![Image](community_home.png#mx-auto) + +
+ +If you believe what we believe, then believe us, there is room for you in this movement. Join the community. Ask questions.
Bring suggestions – this is *our* project. Tell a friend. Tell many friends! Together we build. + +
+ + + + + {% end %} @@ -104,11 +153,13 @@ We are truly proud to be trusted by some of the biggest names in the industry. {% end %} +
+
-{% row(style="center mtop") %} +{% row(style="center") %} ## **In the News** @@ -154,4 +205,4 @@ We are truly proud to be trusted by some of the biggest names in the industry. [![grit_daily](grit_daily.png#mx-auto)](https://gritdaily.com/belarus-governments-control-internet/) -{% end %} +{% end %} \ No newline at end of file diff --git a/content/home/test.png b/content/home/test.png new file mode 100644 index 000000000..3d9f190d5 Binary files /dev/null and b/content/home/test.png differ diff --git a/static/css/index.css b/static/css/index.css index 73d06c5b9..abe65056c 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1945,6 +1945,11 @@ details[open] > summary::after { margin-right: -2rem !important; } +.my-6{ + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + .mt-10{ margin-top: 2.5rem !important; } @@ -2346,6 +2351,10 @@ details[open] > summary::after { flex-direction: column !important; } +.flex-col-reverse{ + flex-direction: column-reverse !important; +} + .flex-wrap{ flex-wrap: wrap !important; } @@ -2655,6 +2664,14 @@ details[open] > summary::after { padding: 1.5rem !important; } +.p-12{ + padding: 3rem !important; +} + +.p-1{ + padding: 0.25rem !important; +} + .py-10{ padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; @@ -2818,6 +2835,14 @@ details[open] > summary::after { padding-bottom: 0.5rem !important; } +.pl-0{ + padding-left: 0px !important; +} + +.pt-10{ + padding-top: 2.5rem !important; +} + .text-left{ text-align: left !important; } @@ -2906,6 +2931,10 @@ details[open] > summary::after { text-transform: uppercase !important; } +.lowercase{ + text-transform: lowercase !important; +} + .capitalize{ text-transform: capitalize !important; } @@ -3279,6 +3308,13 @@ button a{ color: rgb(0 0 0 / var(--tw-text-opacity)); } +.long-text a{ + padding-left: 2rem; + padding-right: 2rem; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + a { border-width: 0px; } @@ -3860,8 +3896,8 @@ header #menu button a{ padding-bottom: 2rem !important; } - .sm\:pt-16{ - padding-top: 4rem !important; + .sm\:pt-10{ + padding-top: 2.5rem !important; } .sm\:pb-16{ @@ -3919,6 +3955,11 @@ header #menu button a{ margin-right: -4rem !important; } + .md\:mx-2{ + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + } + .md\:mt-0{ margin-top: 0px !important; } @@ -4075,11 +4116,6 @@ header #menu button a{ margin-right: 1rem !important; } - .lg\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - .lg\:mx-10{ margin-left: 2.5rem !important; margin-right: 2.5rem !important; @@ -4090,9 +4126,9 @@ header #menu button a{ margin-right: -5rem !important; } - .lg\:my-40{ - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .lg\:mx-28{ + margin-left: 7rem !important; + margin-right: 7rem !important; } .lg\:mx-auto{ @@ -4105,11 +4141,6 @@ header #menu button a{ margin-right: -3rem !important; } - .lg\:my-32{ - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - .lg\:mt-0{ margin-top: 0px !important; } @@ -4276,6 +4307,10 @@ header #menu button a{ padding: 5rem !important; } + .lg\:p-4{ + padding: 1rem !important; + } + .lg\:py-5{ padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; @@ -4311,9 +4346,9 @@ header #menu button a{ padding-right: 1.25rem !important; } - .lg\:py-20{ - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .lg\:py-24{ + padding-top: 6rem !important; + padding-bottom: 6rem !important; } .lg\:px-16{ @@ -4348,12 +4383,24 @@ header #menu button a{ padding-top: 1rem !important; } + .lg\:pb-10{ + padding-bottom: 2.5rem !important; + } + + .lg\:pt-28{ + padding-top: 7rem !important; + } + .lg\:pb-28{ padding-bottom: 7rem !important; } - .lg\:pb-10{ - padding-bottom: 2.5rem !important; + .lg\:pb-24{ + padding-bottom: 6rem !important; + } + + .lg\:pb-0{ + padding-bottom: 0px !important; } .lg\:text-5xl{ @@ -4364,6 +4411,10 @@ header #menu button a{ font-size: 4rem !important; } + .lg\:text-xl{ + font-size: 1.25rem !important; + } + .lg\:backdrop-blur{ --tw-backdrop-blur: blur(8px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; @@ -4381,9 +4432,9 @@ header #menu button a{ margin-right: 5rem !important; } - .xl\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; + .xl\:mx-10{ + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } .xl\:mx-0{ diff --git a/templates/partials/header.html b/templates/partials/header.html index e58b202b2..ec3f42203 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -104,7 +104,7 @@
- +