diff --git a/content/_index.md b/content/_index.md index 6e0596027..28dfe6488 100644 --- a/content/_index.md +++ b/content/_index.md @@ -14,127 +14,101 @@ extra: {% row(style="center narrow") %} -## WELCOME TO THE
**PEOPLE’S INTERNET** +
+
-### Join the peer-to-peer revolution - -Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infrastructure for an open source P2P Internet owned by humanity. +![Image](images/black_threefold_header.png#mx-auto#medium) +
+ +## Planet & People-First **Internet.** + +We are a global, decentralized, open-source movement of believers in a better world who choose to act. Together we are building an equal, safe, private, and regenerative Internet. + {% end %} -{% row(style="lean") %} +{% row(style="center narrow") %} -![Image](images/threefold_img.jpg#mx-auto) + + +||| + + + +||| + + + +||| + + {% end %} + + + +{% grid_stats() %} +### The ThreeFold Grid + +## **Live and Operational** + +{% end %} {% row(style="center margin") %} -### EXPAND THE PEOPLE’S INTERNET **AND EARN TFT** +### Expand Our New Internet
**and Earn TFT** By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT. - + + + +
![Image](images/become_farmer_new.jpg#mx-auto) ||| -### DECENTRALIZE YOUR **DATA AND WORKLOADS** +### Decentralize Your
**Data and Workloads** +The community has already started using ThreeFold for its autonomous, decentralization and privacy features. + + -Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features. - - - - +
![Image](images/network_new.jpg#mx-auto) {% end %} + +{% featured_stories() %} - - -{% row(style="center margin") %} - -![Image](images/p4p_new.png#medium) - -||| - -## BUILT BY
THE PEOPLE
**FOR HUMANITY** - -The People’s Internet is formed by independent people from all around the world who connect Internet capacity to a new Planetary Network. Together they form a collective that brings a new paradigm – an open-source peer-to-peer Internet owned by humanity. - - +## Featured Stories {% end %} - - - - -{% row(style="center margin") %} - -## POWERED BY A
**DECENTRALIZED OS** - -Zero-OS is a stateless and lightweight operating system designed to host anything that runs on Linux in a decentralized way. Once installed, Zero-OS locks the hardware and dedicates its capacity to the People’s Internet via the ThreeFold Blockchain. - - - -||| - -![Image](images/zero_os.jpg#large) - -{% end %} - - -
- -
- - - - - - -{% grid_stats() %} -### THE THREEFOLD GRID - -## **NOW OPERATIONAL** - -{% end %} - - -
- -
- - {% team_sec() %} -## **THE TEAM** +## **The Team** {% end %} - - - {% row(style="center margin") %} -## OUR GREATEST STRENGTH
**COMES FROM OUR PARTNERS** +## Believers and Collaborators
**In a Better Internet** We are truly proud to be trusted by some of the biggest names in the industry. @@ -144,17 +118,15 @@ We are truly proud to be trusted by some of the biggest names in the industry. {% end %} -

- {% row(style="center") %} -## **IN THE NEWS** +## **In the News** {% end %} @@ -185,6 +157,7 @@ We are truly proud to be trusted by some of the biggest names in the industry. [![tga_daily](images/tga_daily.png#mx-auto)](https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/) {% end %} + {% row(style="center between") %} [![cointelegraph](images/cointelegraph.png#mx-auto)](https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp) @@ -198,16 +171,3 @@ We are truly proud to be trusted by some of the biggest names in the industry. [![grit_daily](images/grit_daily.png#mx-auto)](https://gritdaily.com/belarus-governments-control-internet/) {% end %} - -
- -
- - - - -{% featured_stories() %} - -## FEATURED STORIES - -{% end %} diff --git a/content/cloud/index.md b/content/cloud/index.md index c7245a8e6..be58bdf8e 100644 --- a/content/cloud/index.md +++ b/content/cloud/index.md @@ -4,26 +4,53 @@ template: "page.html" insert_anchor_links: "left" --- +
+
+
+
+
+
+
+ {% row(style="center narrow") %} -## THE NEXT GENERATION OF **CLOUD COMPUTING** +## The Next Generation of
**Cloud Computing** -Deploy any workload with unprecedented security, scalability, and efficiency, on a fully comprehensive peer-to-peer digital infrastructure. Discover a cloud like no other. +Deploy any workload with unprecedented security, scalability, and efficiency, on a fully comprehensive peer-to-peer digital infrastructure. Discover a cloud like no other. {% end %} -{% cloud_header() %} +{% row(style="center narrow") %} -## THE NEXT GENERATION OF **CLOUD COMPUTING** + + +||| + + + +||| + + + +||| + + - -{% end %} - -{% row(style="center moderate") %} - -## **DESIGNED FOR DEMANDING**
**WORKLOADS** +## Designed for
**Demanding Workloads** {% end %} @@ -126,12 +128,12 @@ A decentralized autonomous OS designed to dedicate hardware capacity to the Peop

-#### **EDGE CAPACITY** +#### **Edge Capacity**

-Achieve low latencies and bandwidth efficiency by reserving capacity locally. +Achieve low latencies and bandwidth efficiency by reserving capacity locally. ||| @@ -140,7 +142,7 @@ Achieve low latencies and bandwidth efficiency by reserving capacity locally.

-#### **SECURE** +#### **Secure**

@@ -154,7 +156,7 @@ Open-source system built from the ground-up for a fully transparent and auditabl

-#### **SCALABLE** +#### **Scalable**

@@ -168,7 +170,7 @@ An autonomous infrastructure that grows naturally with demand, where and when it

-#### **EFFICIENT** +#### **Efficient**

@@ -185,16 +187,6 @@ A carefully designed collection of lightweight components that minimize overhead {% cloud_stats() %} -## **A GLOBAL EDGE INFRASTRUCTURE** - -{% end %} -
-
- -{% row(gradient="linear-gradient(351deg, #8f8f8f, #8c8c8c)" style="center margin text-white") %} - -## **TAKE THREEFOLD**
**CLOUD ON A TEST DRIVE** - - +## A Global **Edge Infrastructure** {% end %} diff --git a/content/community/index.md b/content/community/index.md index 58a6d528a..f1510fee7 100644 --- a/content/community/index.md +++ b/content/community/index.md @@ -10,7 +10,7 @@ insert_anchor_links: "left" {% row(style="center narrow") %} -## WELCOME INTO
**THE FOLD** +## Welcome Into
**The Fold** We're a 100% open-source and community-driven project that builds the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold and there are many ways to get involved. @@ -79,7 +79,7 @@ We're a 100% open-source and community-driven project that builds the critical i ||| -[![yahoo_news](linkedin.png)](https://ae.linkedin.com/company/threefold-foundatiooon) +[![yahoo_news](linkedin.png)](https://ae.linkedin.com/company/threefold-foundation) {% end %} @@ -87,30 +87,15 @@ We're a 100% open-source and community-driven project that builds the critical i
- - -{% row(style="center between margin") %} - -## EXPAND THE PEOPLE'S
**INTERNET** - -Join the movement by connecting a node at your home or office. All you need is compatible hardware, electricity and network bandwidth to take part in the decentralization of the global Internet. - - - -{% end %} - -
-
- {% row(bgColor="#f2f2f2" style="narrow margin") %} -## JOIN THE THREEFOLD
**DEVELOPER COMMUNITY** +## Join the ThreeFold
**Developer Community** From testing our latest releases to joining our development teams or applying for a ThreeFold Foundation grant – there are many ways to engage with ThreeFold’s technology. - + ||| @@ -118,33 +103,11 @@ From testing our latest releases to joining our development teams or applying fo {% end %} -
-
- - - -{% row() %} - -![Image](community_pathefinder.jpg) - -||| - -## BECOME A THREEFOLD
**PATHFINDER** - -Join the growing community of ThreeFold’s most passionate supporters. Bring your dreams to the table and help expand the people's Internet to new frontiers. - - - -{% end %} - -
-
- {% row(style="center between margin") %} -## FREQUENTLY ASKED
**QUESTIONS** +## Frequently Asked
**Questions** Check out the FAQs or ask a question on the ThreeFold Forum. diff --git a/content/community/linkedin.png b/content/community/linkedin.png index bf46e0181..c07d112b8 100644 Binary files a/content/community/linkedin.png and b/content/community/linkedin.png differ diff --git a/content/developer/index.md b/content/developer/index.md index e7d43ee6c..b9436fde0 100644 --- a/content/developer/index.md +++ b/content/developer/index.md @@ -9,7 +9,7 @@ template: "page.html" {% row(style="center margin") %} -## **THREEFOLD
DEVELOPER
RESOURCES** +## ThreeFold
**Developer**
**Resources** A builder’s manual for ThreeFold. Built
by visionaries, for visionaries. @@ -21,43 +21,20 @@ A builder’s manual for ThreeFold. Built
by visionaries, for visionaries. {% end %} - - - - -{% row(bgColor="#f2f2f2" style="narrow margin") %} - -![Image](developer_testing.png) - -||| - -## APPLY FOR
**TESTING GRANTS** - -We have different use cases for you to take ThreeFold’s technology on a test drive. From zero to hero –- are you ready for the challenge? - -
- - - -{% end %} - -
-
- {% dev_resourses() %} -## WHERE WOULD YOU LIKE TO START? +## Where Would You Like to Start -## **NOW OPERATIONAL** +## Now Operational** {% end %} {% row(bgColor="#f2f2f2" style="center between margin") %} -## OUR
**DEVELOPER RESOURCES** +## Our
**Developer Resources** ThreeFold is here to build the open-source Internet and Cloud infrastructure. The documentation helps you
build on ThreeFold by introducing you to some foundational concepts as well as our development stacks.
Inspired by the open-source movement, everything at ThreeFold is open to be audited, extended and improved.
If you have any feedback, please reach out with a GitHub issue or on our telegram. @@ -80,7 +57,7 @@ Inspired by the open-source movement, everything at ThreeFold is open to be audi ||| -## JOIN US IN MAKING
**THREEFOLD BETTER** +## Join Us In Making
**ThreeFold Better** All our docs are the results of community efforts. Create a pull request if you see mistakes, room for improvement, or new opportunities to help the ThreeFold community. @@ -97,7 +74,7 @@ All our docs are the results of community efforts. Create a pull request if you {% row(style="center between" id="table_link") %} -## EXPLORE THE
**DOCUMENTATION** +## Explore the
**Documentation** {% end %} @@ -122,13 +99,11 @@ All our docs are the results of community efforts. Create a pull request if you [Charge your wallet](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy) -[How billing works](https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__grid3_billing) + -[Deploy workloads](https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_getstarted_home) +[Deploy workloads](https://library.threefold.me/info/manual/#/getstarted/manual__tfgrid3_getstarted) -[Infrastructure as Code](https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_iac_home) - -[Create a Farm](https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__create_farm) +[Create a Farm](https://library.threefold.me/info/manual/#/manual__create_farm) ||| diff --git a/content/farm/index.md b/content/farm/index.md index 66acea7aa..ec0afaf6d 100644 --- a/content/farm/index.md +++ b/content/farm/index.md @@ -4,33 +4,58 @@ template: "page.html" insert_anchor_links: "left" --- +
+
+
+
+
+

-{% row(style="margin") %} +{% row(style="center narrow") %} -![Image](farm_header.jpg) +## Be the **Internet** -||| - -# BE THE
INTERNET - - -The People’s Internet is powered by an entirely new incentive model made possible by the ThreeFold Blockchain. - - - +Become an Internet Farmer. Expand the ThreeFold Grid and earn for it. {% end %} +{% row(style="center narrow") %} + + +||| + + + +||| + + + +||| + + - - -{% end %} - @@ -77,7 +95,7 @@ Every month, you earn TFT for keeping the 3Node connected to the network. {% row(style="center margin") %} -## JOIN **A WORLD OF FARMERS** +## Join **a World of Farmers** ### We are growing fast @@ -85,70 +103,29 @@ Every month, you earn TFT for keeping the 3Node connected to the network. ![Image](farm_map.png#mx-auto) - +
+ +
+ + {% end %} - - - - -{% row(style="margin") %} - -# HELLO
TITAN - -
- -The Titan was designed to fit in any home or office. It's compact, optimized for performance, and comes plug-and-farm. Just connect the Titan to electricity and network to start earning. Yes, it's that simple! - - - - -||| - -![Image](farm_titan.jpg) - -{% end %} - - - - -{% row(bgColor="#f2f2f2" style="narrow margin") %} - -![Image](farm_do_it.png) - - -||| - -## DO IT
**YOURSELF** - -ThreeFold’s operating system, Zero-OS, can run on any Intel or AMD hardware. From building your own 3Node to using refurbished hardware, define your ideal configurations and start farming today. - -
- - - - -{% end %} - -
-
- {% row(style="center narrow") %} -## How to earn **TFT** +## How to earn **TFT** Farmers earn TFT according to the amount of Internet capacity their 3Nodes connect to the ThreeFold Grid. The Internet capacity is verified by the ThreeFold Blockchain on an ongoing basis using the “Proof-of-Capacity” algorithm.
-#### PROOF OF CAPACITY +#### Proof of Capacity -### THE FARMING PROCESS +### The Farming Process {% end %} @@ -177,7 +154,7 @@ Farmers earn the TFT after meeting the minimum uptime as proof-of-capacity. {% row(style="center between margin") %} -## THE **VALUE OF TFT** +## The **Value of TFT** The ThreeFold Grid is the only Internet infrastructure that can scale to the far edges of our world and meet the insatiable demands of emerging IT workloads. The more the ThreeFold Grid is used, the more TFT are “burnt” to reduce the total circulating supply.. @@ -185,5 +162,11 @@ The ThreeFold Grid is the only Internet infrastructure that can scale to the far ![Image](farm_value_tft.jpg#large) +
+ + + + + {% end %} diff --git a/content/farmfaq/q1/index.md b/content/farmfaq/q1/index.md index ff8793054..2275f2af2 100644 --- a/content/farmfaq/q1/index.md +++ b/content/farmfaq/q1/index.md @@ -7,7 +7,7 @@ Farming is connecting a 3Node (server-type hardware) in your home or office, tha

-3Nodes are powered by ThreeFold’s open source operating system Zero-OS, and can host the data and workloads of thousands of people. When providing Internet capacity to the People's Internet, you are rewarded with TFT. And thanks to our proof-of-capacity model, your 3Node does all the heavy lifting for you. +3Nodes are powered by ThreeFold’s open source operating system Zero-OS, and can host the data and workloads of thousands of people. When providing Internet capacity to the ThreeFold Grid, you are rewarded with TFT. And thanks to our proof-of-capacity model, your 3Node does all the heavy lifting for you.

diff --git a/content/footer/_index.md b/content/footer/_index.md index 0a16a55b5..7f407167e 100644 --- a/content/footer/_index.md +++ b/content/footer/_index.md @@ -4,37 +4,27 @@ description: "" insert_anchor_links: "left" template: "partials/footer.html" extra: - logoPath: "images/tft_log.svg" - socialLinks: { Facebook: "https://www.facebook.com/threefold.io", Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" } + logoPath: "images/black_threefold.png" + socialLinks: { Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" } --- {% row(style="lean") %} -##### THREEFOLD
UNIVERSE - -
- -###### [ThreeFold Token](/tft) - -###### [ThreeFold Cloud](https://library.threefold.me/info/manual/#/manual__manual3_home_new) - -###### [Grid Explorer](https://explorer.threefold.io/all) - -###### [Alliance](https://consciousinternet.org/) - -||| - ##### PARTICIPATE
-###### [Start Farming](/farm) +###### [Talk to ThreeFolders](https://t.me/threefold) ###### [Buy the Token](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy) -###### [Use the Cloud](https://library.threefold.me/info/threefold/#/cloud/threefold__cloud_home) +###### [Start Farming](/farm) -###### [Testing Community](https://t.me/joinchat/BwOvOxxgK59GmRoZ2_sM0w) +###### [Farming Community](https://t.me/threefoldfarmers) + +###### [Use the Grid](https://dashboard.grid.tf/) + +###### [Testing Community](https://t.me/threefoldtesting) ||| diff --git a/content/grid/index.md b/content/grid/index.md index 602111316..0f37ae401 100644 --- a/content/grid/index.md +++ b/content/grid/index.md @@ -5,24 +5,53 @@ insert_anchor_links: "left" ---
- +
+
+
+
+
+
{% row(style="center narrow") %} -## **INTER-CONNECTING HUMANITY** +## Internet **Evolution.**
-Expand the ThreeFold Grid – an open source peer-to-peer Internet infrastructure powered by the ThreeFold Blockchain and owned by humanity. - - - +The Internet was meant to be a peer-to-peer infrastructure with us in the center of our data and digital lives. Inspired by the past, we're building an Internet how "the" Internet was originally intended. {% end %} -{% row(style="lean") %} +{% row(style="center narrow") %} -![Image](gride_header.png#mx-auto) + + +||| + + + +{% end %} + +
+
+
+
+
+
+
+ +{% row() %} + +![Image](grid_people.jpg) + +||| + +## The Layer-0 for **Decentralization** + +Any current or future technology, including blockchain, metaverses and web 3.0, can be hosted natively on the ThreeFold Grid via smart contracts with minimum migration. The grid is compatible with most open source tools and protocols. + + + {% end %} @@ -31,9 +60,9 @@ Expand the ThreeFold Grid – an open source peer-to-peer Internet infrastructur {% row() %} -## SCALED BY PEOPLE
TO THE EDGE +## Scaled by the People
**to the Edge** -The People’s Internet is formed by Farmers, independent people that connect 3Nodes to the ThreeFold Grid anywhere electricity and network is present. Together, they form a globally distributed Internet infrastructure and earn income in the form of TFT. +The ThreeFold Grid is formed by Farmers, independent people who connect 3Nodes (decentralized Internet capacity) anywhere electricity and network are present. Together, they form a globally distributed Internet infrastructure and earn income in the form of TFT. @@ -49,34 +78,14 @@ The People’s Internet is formed by Farmers, independent people that connect 3N {% row() %} -![Image](grid_people.jpg) +![Image](grid_new_internet.jpg) ||| -## THE LAYER-0 FOR DECENTRALIZATION - -Any current or future technology, including blockchain, metaverses and web 3.0, can be hosted natively on the ThreeFold Grid via smart contracts with minimum migration, as the infrastructure is compatible with most open source tools and protocols. - - - - -{% end %} - - -
-
- -{% row() %} - -## A NEW INTERNET BLUEPRINT +## A New **Internet Blueprint** All our code is made open source to energize open collaboration and promote universal access to a peer-to-peer Internet owned by all of us. More than just an Internet infrastructure, the ThreeFold Grid holds the potential to decentralize everything. - -||| - -![Image](grid_new_internet.jpg) - {% end %} @@ -88,13 +97,12 @@ All our code is made open source to energize open collaboration and promote univ ![Image](zero_os.png#medium) -## **INTRODUCING ZERO-OS** +## A Revolutionary
**Operating System** -A decentralized autonomous OS designed to dedicate hardware capacity to the People’s Internet via the ThreeFold Blockchain. Zero-OS can be booted on most modern computers to host anything that runs on Linux in a decentralized way. +A decentralized autonomous operating system designed to dedicate hardware capacity to the People’s Internet via the ThreeFold Blockchain. Zero-OS can be booted on most modern computers to host anything that runs on Linux in a decentralized way. - - + {% end %} @@ -103,11 +111,12 @@ A decentralized autonomous OS designed to dedicate hardware capacity to the Peop {% row() %} -## A DECENTRALIZED INTERNET ECONOMY +## A Decentralized **Internet Economy** TFT is the official medium of exchange for Internet capacity on the ThreeFold Grid. The utility token allows users to reserve Internet capacity via the ThreeFold Blockchain and rewards farmers for their contribution to the network. - + + ||| diff --git a/content/header/index.md b/content/header/index.md index f8d41a03a..3573030fa 100644 --- a/content/header/index.md +++ b/content/header/index.md @@ -3,7 +3,7 @@ title: "Header" insert_anchor_links: "left" template: "partials/header.html" extra: - logoPath: "images/tft_log.svg" + logoPath: "images/black_threefold.png" button_Path: "/images/gettft_white.png" --- @@ -19,9 +19,9 @@ extra: @@ -29,24 +29,9 @@ Explore Our Partners - -{% end %} -- Community - -{% row() %} - - +Explore Our Partners ||| @@ -62,7 +47,7 @@ Welcome To The Fold + @@ -109,27 +100,39 @@ Explorer The Blogs [Newsroom](/newsroom)
-Check Last Updates +Check the Latest Updates -||| - -#### SUPPORT AND HELP - +||| + +#### Support & Help + + + + diff --git a/content/mission/index.md b/content/mission/index.md index a419a83ac..42012d4b0 100644 --- a/content/mission/index.md +++ b/content/mission/index.md @@ -6,25 +6,45 @@ insert_anchor_links: "left" -{% row(style="center") %} +
+
+
+
+
+
+
+ +{% row(style="center narrow") %} + +## Our **Mission**
-# OUR MISSION - -
- -To build an open-source peer-to-peer Internet infrastructure that removes all forms of centralization from the global IT systems. - - - -||| - -![Image](mission_header.png) +To build an open-source peer-to-peer Internet infrastructure that removes all forms of centralization from the global IT systems. Anything we do needs to improve the planet's situation and benefit the people around us. {% end %} +{% row(style="center narrow") %} + + +||| + + + +||| + + + +{% end %} + +
+
+
+
+
+
+
@@ -34,9 +54,9 @@ To build an open-source peer-to-peer Internet infrastructure that removes all fo ||| -## SUPPORTING AN INTERCONNECTED WORLD +## Supporting an **Interconnected World** -Internet access is a human right and it can change everything for the lives of people as an infinite source of tools and information. Our technology was designed to scale the People’s Internet anywhere electricity and bandwidth are present. +Internet access is a human right and it can change everything for the lives of people as an infinite source of tools and information. Our technology was designed to scale ThreeFold anywhere electricity and bandwidth are present. {% end %} @@ -45,7 +65,7 @@ Internet access is a human right and it can change everything for the lives of p {% row(style="margin") %} -## EMPOWERING PEOPLE TO BE SOVEREIGN +## Empowering People **To Be Sovereign** Create, store and share in full control of where your data resides and who can access it. By combining peer-to-peer, blockchain and autonomous technologies, the People’s Internet provides 100% data ownership and privacy. @@ -65,7 +85,7 @@ Create, store and share in full control of where your data resides and who can a ||| -## OUR VALUES DEFINE OUR ACTIONS +## Our Values Define **Our Actions** The ThreeFold Law states that any good you do will return to you threefold in this lifetime. By making our technology actionable, we energize a collective approach towards a single mission – empowering humanity while regenerating our planet. {% end %} @@ -76,15 +96,15 @@ The ThreeFold Law states that any good you do will return to you threefold in th {% row(style="center between margin") %} -## **JOIN THE FOLD** +## **Join **The Fold**** -Together, we build the People’s Internet. Our Internet. +Together, we build a better Internet for the planet, and for all of us.
![Image](100_mission.png#meduim) - + {% end %} @@ -94,7 +114,7 @@ Together, we build the People’s Internet. Our Internet. {% row(style="center between") %} -## WE’VE COME A LONG WAY,
**AND WE’RE JUST GETTING STARTED** +## We've Come A Long Way
**And We're Just Getting Started** After setting world records in Internet storage and cloud automation technologies throughout the past 20 years, some of our co-founders decided to start from scratch and build a new Internet infrastructure that is universally open source and peer-to-peer. @@ -104,7 +124,7 @@ After setting world records in Internet storage and cloud automation technologie
-And we’re aiming for new heights. The People’s Internet will turn into a DAO in 2022, inviting developers and enterprises from all around the world to collaborate on the decentralization of everything that is digital, and beyond. +And we’re aiming for new heights. ThreeFold is turning into a DAO in 2022, inviting developers and enterprises from all around the world to collaborate on the decentralization of everything that is digital, and beyond. {% end %} @@ -115,12 +135,12 @@ And we’re aiming for new heights. The People’s Internet will turn into a DAO {% row(bgColor="#70dfc9" style="center narrow margin") %} -## **START THE INTERNET
REVOLUTION** +## Join the Internet
**(R)evolution** -Connect, share and collaborate with our open community to expand the horizons of the People’s Internet.
Bring your ideas and let’s co-create together! +Connect, share and collaborate with our open community to expand ThreeFold's horizons.
Bring your ideas and let’s co-create together!
- + {% end %} diff --git a/content/tft/index.md b/content/tft/index.md index 67261fff8..2cddde5dc 100644 --- a/content/tft/index.md +++ b/content/tft/index.md @@ -5,19 +5,29 @@ page_template: "tft_header.html" insert_anchor_links: "left" --- +
+
+
+
+
+
+
-{% row(style="center between margin") %} +{% row(style="center narrow") %} -![Image](tft_header.png#medium) +## Decentralizing
**the Internet Economy** +ThreeFold creates an entirely new decentralized Internet economy that allows anyone to join the world’s fastest growing market – the Internet. +{% end %} -## **DECENTRALIZING
THE INTERNET ECONOMY** +{% row(style="center narrow") %} - -The People’s Internet creates an entirely new decentralized Internet economy that allows anyone to join the world’s fastest growing market – the Internet. + + + {% end %} @@ -34,10 +44,13 @@ The People’s Internet creates an entirely new decentralized Internet economy t {% row(style="center ") %} -## **MEETING EMERGING DEMAND** +
+
+ +## Meeting **Emerging Demand** -Data has become the most valuable commodity on earth, the Internet infrastructure is experiencing significant growth. While the current centralized model is facing limitations, ThreeFold can scale to the edge to service the emerging demand. +Data has become the most valuable commodity on earth, the Internet infrastructure is experiencing significant growth.
While the current centralized model is facing limitations, ThreeFold can scale to the edge to service the emerging demand. {% end %} @@ -75,7 +88,7 @@ That is a number with 21 zeroes! {% row(style="center between margin") %} -## **THE MISSING LAYERS** +## The **Missing Layer** While many projects have created bits and pieces of what a decentralized Internet would look like, ThreeFold is decentralizing the entire Internet model. The blockchain world is missing this decentralized foundational layer. ThreeFold provides the peer-to-peer Internet infrastructure to interconnect the entire blockchain and web3 space. @@ -99,7 +112,7 @@ While many projects have created bits and pieces of what a decentralized Interne ||| -## **THE CURRENCY OF THE DECENTRALIZED INTERNET** +## The Currency of the **Decentralized Internet** TFT is a utility token that allows people to hold current and future Internet capacity on the ThreeFold Grid. It incentivizes an open ecosystem where anyone can connect and utilize Internet capacity without any intermediaries. @@ -119,7 +132,7 @@ TFT is a utility token that allows people to hold current and future Internet ca {% row(style="center narrow") %} -## **OPEN NETWORK** +## Open **Network** 3Nodes provide Internet capacity for millions of people using ThreeFold’s Planetary Network, and you earn TFT for doing so. And because of a unique operating system, called Zero-OS, once turned on your 3Node runs by itself. @@ -155,7 +168,7 @@ People buy TFT to store data and run applications privately on a peer-to-peer In {% row(style="margin") %} -## **LOYALTY REWARDS** +## Loyalty **Rewards** The ThreeFold blockchain automatically scans wallets and provides up-to 60% discounts on the utilization of the ThreeFold Grid. The more TFT you hold across time, the higher the discounts. @@ -178,7 +191,7 @@ The ThreeFold blockchain automatically scans wallets and provides up-to 60% disc ||| -## **A REAL UTILITY TOKEN** +## A Real **Utility Token** TFT is minted only when new Internet capacity is added to the ThreeFold Grid. A limited supply of 4 Billion TFT has been set to ensure the value keeps steady for the years to come with rising demand for a decentralized Internet. @@ -191,7 +204,7 @@ TFT is minted only when new Internet capacity is added to the ThreeFold Grid. A {% row(style="margin") %} -## **BURN AND FARM EQUILIBRIUM** +## Burn and Farm **Equilibrium** Burning permanently removes TFT from the circulating supply when the ThreeFold Grid gets used. It ensures a positive impact on pricing while ensuring rewards for all current and future nodes. @@ -209,7 +222,7 @@ Burning permanently removes TFT from the circulating supply when the ThreeFold G {% row(style="center") %} -## **JOIN THE PEOPLE'S INTERNET** +## Join the **Movement** Get TFT today and participate in the realization of a truly decentralized world. @@ -217,7 +230,7 @@ Get TFT today and participate in the realization of a truly decentralized world. {% tft_links() %} -## **DECENTRALIZING
THE INTERNET ECONOMY** +## **Decentralizing
the Internet Economy** {% end %} @@ -241,7 +254,7 @@ Get TFT today and participate in the realization of a truly decentralized world. {% row(style="center") %} -## **BELIEVERS IN TFT** +## **Believers in TFT** ![Image](ourpartners.png#mx-auto) diff --git a/content/tft/stellar_logo.png b/content/tft/stellar_logo.png new file mode 100644 index 000000000..10d2e849c Binary files /dev/null and b/content/tft/stellar_logo.png differ diff --git a/static/css/index.css b/static/css/index.css index 2698983bf..e69de29bb 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,4350 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); - -/*! purgecss start ignore */ - -/* @import "nav.css"; */ - -code.language-html, -code.language-css, -code.language-md, -code.language-cmd, -code.language-bash, -code.language-text, -code.language-js, -span.o, -span.nx { - color: rgb(255, 255, 255); - line-height: 1.4; -} - -span.c { - color: hsl(120, 100%, 20%); -} - -span.p, -span.s1, -span.s2, -span.nt { - color: hsl(40, 100%, 30%); -} - -span.gs, -span.gh, -span.ge { - color: hsl(208, 100%, 50%); -} - -span.gs { - font-weight: bold; -} - -span.ge { - font-style: italic; -} - -pre, -code{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -code { - background-color: hsl(0, 0%, 98%); - border-radius: 3px; - color: hsl(120, 100%, 20%); - font-size: 85%; -} - -pre { - margin: 0; - padding: 1rem; - overflow: scroll; -} - -pre code { - background-color: transparent; - color: inherit; - font-size: 100%; - padding: 0; -} - -.highlight { - background-color: transparent; - border-radius: 3px; - margin: 0 0 0.5rem; - padding: 0; - & pre { - margin-bottom: 0; - overflow-x: auto; - } - & .lineno { - color: hsla(0, 0%, 67%, 0.72); - display: inline-block; - /* Ensures the null space also isn't selectable */ - padding: 0 0.75rem 0 0.25rem; - /* Make sure numbers aren't selectable */ - } -} - -/* TODO: dark theme for future -@media (prefers-color-scheme: dark) { - code { - color: #fff; - background: hsl(200, 63%, 15%); - } -} -*/ - -/*! purgecss end ignore */ - -/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -main{ - padding-top: 0px; -} - -article p{ - font-size: 1.125rem; -} - -/* -html, body { - @apply dark:bg-black; - -body { - @apply font-serif dark:text-gray-200; -} -*/ - -p { - /* for handling Markdown-created

and

  • */ - font-size: 1.125rem; -} - -pre, -code { - font-feature-settings: normal; -} - -.navWhite, -.navWhite:visited{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.navWhite:focus, -.navWhite:active{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-blue-light{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-blue-dark { - /* for dark mode - @apply text-blue-200; - */ -} - -.text-shadow-titles { - text-shadow: 4px 4px 2px #000; -} - -.gradient-titles{ - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); - --tw-gradient-from: #0000aa; - --tw-gradient-to: rgb(0 0 170 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - --tw-gradient-to: #000000; -} - -.ctr{ - text-align: center; -} - -.legal{ - font-size: .75rem; -} - -nav h4 a:hover{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -nav h4 a, -nav h4 a:focus, -nav h4 a:active{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a h2{ - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a{ - font-weight: 600; - --tw-text-opacity: 1; - color: rgb(0 0 187 / var(--tw-text-opacity)); -} - -a:focus, -a:hover{ - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -a:active{ - --tw-border-opacity: 1; - border-color: rgb(0 0 255 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(0 0 136 / var(--tw-text-opacity)); -} - -h5 a{ - font-weight: 400; - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -/* -a:hover { - @apply dark:text-blue-300; -} -*/ - -sup a, -a.previous, -a.next, -.footnote-return{ - border-bottom-width: 0px; -} - -#nav-toggle:checked + #navMenu{ - display: block; -} - -a.navborderless{ - border-bottom-width: 0px; -} - -/* -.dateInfo { - @apply text-gray-700 dark:text-gray-400; -} -*/ - -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - line-height: 1.25; - letter-spacing: -0.025em; -} - -h1, -.h1{ - margin-bottom: 1rem; - font-size: 2.25rem; - font-weight: 800; -} - -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-weight: 700; -} - -h2, -.h2{ - font-size: 2.25rem; -} - -h4, -.h4{ - font-size: 1.5rem; -} - -h5{ - font-style: normal; -} - -h5, -.h5, -h6, -.h6{ - font-size: 1.125rem; -} - -.height-hero { - height: 45vh; - max-height: 45vh; - overflow: hidden; -} - -.height-post { - height: 35vh; - max-height: 35vh; -} - -.imgCover{ - height: 100%; - width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; -} - -.background-hero-image-div{ - position: relative; - width: 100%; - overflow: hidden; - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - /* Have to allow for mobile browsers' own "chrome"; can't go by Inspector simulations of smaller breakpoints */ - height: 80vh; - max-height: 80vh; -} - -.background-hero-title-block-fit{ - position: absolute; - bottom: 0px; - display: block; - width: 100%; - background-image: linear-gradient(to top, var(--tw-gradient-stops)); - --tw-gradient-from: #000000; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 1.5rem; -} - -.background-hero-title-text { - text-shadow: 4px 4px 2px #000; -} - -@media screen and (min-width: 768px) { - .background-hero-title-block-fit{ - padding-left: 3rem; - padding-right: 3rem; - } - - .background-hero-image-div { - height: 85vh; - max-height: 85vh; - } -} - -@media screen and (min-width: 1024px) { - .background-hero-title-block-fit{ - padding-left: 4rem; - padding-right: 4rem; - } - - .background-hero-image-div { - height: 95vh; - max-height: 95vh; - } -} - -.text-nowrap, -.text-nobrk{ - white-space: nowrap; -} - -article h1, -article h2, -article h3, -article h4{ - margin-top: 2rem; - margin-bottom: 1.5rem; - letter-spacing: -0.025em; -} - -article p{ - font-size: 1.125rem; - line-height: 1.625; -} - -article img.containedImage { - min-width: 100%; - max-width: 100%; - height: auto; - width: 100%; -} - -@media screen and (min-width: 768px) { - .height-hero { - height: 70vh; - max-height: 70vh; - } - - .height-post { - height: 40vh; - max-height: 40vh; - } - - article p{ - font-size: 1.25rem; - line-height: 1.625; - } -} - -@media screen and (min-width: 1920px) { - article p{ - font-size: 1.5rem; - line-height: 1.625; - } -} - -/* -.yellowBox { - @apply font-sans bg-yellow-200 border border-gray-900 border-solid mx-auto my-2 w-full px-6 py-2 dark:bg-gray-800 dark:border-gray-500; -} -*/ - -.yellowbox p{ - margin: 0px; - width: 100%; - padding: 0.5rem; -} - -ul, -ol{ - padding-left: 2rem; -} - -ul{ - list-style-type: disc; -} - -ol{ - list-style-type: decimal; -} - -.twitter-tweet{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; -} - -table.leagues{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; - width: 91.666667%; - border-collapse: collapse; - border-width: 0px; -} - -table.leagues td.col{ - width: 50%; -} - -@media (min-width: 900px) { - table.leagues{ - width: 60%; - } - - table.noborders{ - width: 91.666667%; - } -} - -table.noborders{ - margin-left: auto; - margin-right: auto; - margin-top: 1.5rem; - margin-bottom: 1rem; - width: 100%; - border-collapse: collapse; - border-width: 0px; -} - -table.noborders td{ - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-right: 0px; - padding-left: 0.5rem; - text-align: left; - vertical-align: middle; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - /* text-align: left !important; */ -} - -table.noborders td img{ - margin: 0px; - display: inline-block; - vertical-align: middle; -} - -table.noborders tr{ - --tw-bg-opacity: 1; - background-color: rgb(187 238 255 / var(--tw-bg-opacity)); -} - -table.noborders tr:nth-child(even){ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -table.noborders thead tr{ - --tw-bg-opacity: 1; - background-color: rgb(0 0 170 / var(--tw-bg-opacity)); -} - -table.noborders thead td{ - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -table.noborders td.td70 { - width: 70%; -} - -table.noborders td.td70 img{ - display: block; - height: auto; - width: 50%; - max-width: 50%; -} - -table.noborders td.td30 { - width: 30%; -} - -/* -blockquote { - @apply px-6 text-gray-700 dark:text-gray-400; -} -*/ - -/* start, footnotes */ - -.footnote-definition, -.footnote-reference{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.footnote-reference { - font-size: 0.65em; - top: -0.5em; -} - -.footnote-sim { - font-size: 0.65em; - color: #0000ff; - @media (prefers-color-scheme: dark) { - color: #00aaff; - } -} - -.footnotes { - & ol { - -webkit-padding-start: 1.5rem; - padding-inline-start: 1.5rem; - } - & ol li { - margin-bottom: 0.5rem; - font-size: $pokey; - } - & li p { - font-size: 100%; - line-height: 1.4; - } - & .footnote-backref { - font-size: 75%; - } -} - -a.footnote-return { - font-size: 50%; -} - -article > .footnote-definition { - border-top: 1px solid black; - padding-top: 1em; - margin-top: 1em; -} - -article > .footnote-definition ~ .footnote-definition { - border-top: 0; - padding-top: 0; - margin-top: 0; -} - -.footnote-definition-label { - top: -0.4em; - font-size: 0.65em; -} - -.footnote-definition-label + p { - font-size: 75%; - margin-top: -1.75em; - margin-left: 1em; - line-height: 1.35; -} - -.footnote-definition-label::after { - content: "."; -} - -/* == end, footnotes */ - -.aspect-16x9 { - padding-bottom: 56.25%; -} - -/* -hr { - @apply border-solid border-gray-900 dark:border-gray-100; -} -*/ - -footer{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.lazypicturecaption{ - margin-top: 0.5rem; - padding: 0px; - text-align: center; - font-size: .875rem; - line-height: 1.375; -} - -.home-colOne p{ - margin-bottom: 1rem; - line-height: 2rem; -} - -.home-colOne img{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.container-comments { - margin: 0 auto; - font-size: 85%; - width: 85%; - max-width: 720px !important; - margin-bottom: 0; -} - -@media screen and (min-width: 900px) { - .container-comments { - width: 40%; - } -} - -.container{ - width: 100%; -} - -@media (min-width: 640px){ - .container{ - max-width: 640px; - } -} - -@media (min-width: 768px){ - .container{ - max-width: 768px; - } -} - -@media (min-width: 1024px){ - .container{ - max-width: 1024px; - } -} - -@media (min-width: 1280px){ - .container{ - max-width: 1280px; - } -} - -@media (min-width: 1450px){ - .container{ - max-width: 1450px; - } -} - -h1{ - font-size: 1.875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h1{ - font-size: 5rem; - } -} - -h2{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.875rem; - font-weight: 300; - line-height: 1; -} - -@media (min-width: 1024px){ - h2{ - font-size: 4rem; - } -} - -h2 strong{ - font-weight: 500; -} - -h3{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.25rem; - font-weight: 200; - line-height: 1; -} - -@media (min-width: 1024px){ - h3{ - font-size: 2.25rem; - } -} - -h3 strong{ - font-weight: 600; -} - -h4{ - font-size: .875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h4{ - font-size: 1.5rem; - } -} - -h5{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 600; - letter-spacing: 0.1em; - --tw-text-opacity: 1; - color: rgb(113 113 122 / var(--tw-text-opacity)); -} - -h6{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 400; - font-style: normal; -} - -p{ - font-size: 1.125rem; -} - -blockquote{ - margin-left: 0.5rem; - margin-right: 0.5rem; - margin-top: 0.5rem; - margin-bottom: 0.5rem; - border-left-width: 4px; - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); - padding: 0.5rem; -} - -li{ - font-size: 1rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - li{ - font-size: 1rem; - } -} - -li li{ - font-size: .875rem; - font-weight: 300; -} - -@media (min-width: 1024px){ - li li{ - font-size: .875rem; - } -} - -button{ - margin-top: 0.75rem; - margin-bottom: 0.75rem; - display: inline-block; - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - padding-left: 3rem; - padding-right: 3rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - text-transform: capitalize; - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -@media (min-width: 1024px){ - button{ - margin-right: 1.25rem; - font-size: 1.125rem; - } -} - -.my-header h4{ - color:#9f9f9f; -} - -.article h2{ - font-size: 2.25rem; - font-family: Lato,sans-serif!important; - line-height: 1.5; - font-weight: 700; - color:#333; -} - -.article h1{ - font-family: Lato,sans-serif!important; -} - -:root { - --md-admonition-icon--note: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--abstract: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--info: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--tip: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--success: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--question: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--warning: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--failure: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--danger: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--bug: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--example: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--quote: url("data:image/svg+xml;charset=utf-8,"); - --md-details-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E"); -} - -:is(.admonition) { - display: flow-root; - margin: 1.5625em 0; - padding: 0 1.2rem; - color: var(--fg); - page-break-inside: avoid; - background-color: var(--bg); - border: 0 solid black; - border-inline-start-width: 0.4rem; - border-radius: 0.2rem; - box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05), 0 0 0.1rem rgba(0, 0, 0, 0.1); -} - -.admonition p { - display: block; - -webkit-margin-before: 1em; - margin-block-start: 1em; - -webkit-margin-after: 1em; - margin-block-end: 1em; - -webkit-margin-start: 0px; - margin-inline-start: 0px; - -webkit-margin-end: 0px; - margin-inline-end: 0px; - font-size: 0.8rem; -} - -@media print { - :is(.admonition) { - box-shadow: none; - } -} - -:is(.admonition) > * { - box-sizing: border-box; -} - -:is(.admonition) :is(.admonition) { - margin-top: 1em; - margin-bottom: 1em; -} - -:is(.admonition) > .tabbed-set:only-child { - margin-top: 0; -} - -html :is(.admonition) > :last-child { - margin-bottom: 1.2rem; -} - -:is(.admonition-title, summary) { - position: relative; - margin-block: 0; - margin-inline: -1.6rem -1.2rem; - padding-block: 0.8rem; - padding-inline: 4rem 1.2rem; - font-weight: 700; - background-color: rgba(68, 138, 255, 0.1); - border: 0 solid #448aff; - border-inline-start-width: 0.4rem; - border-start-start-radius: 0.2rem; - display: flex; -} - -:is(.admonition-title, summary) > p { - margin: 0; -} - -html :is(.admonition-title, summary):last-child { - margin-bottom: 0; -} - -:is(.admonition-title, summary)::before { - position: absolute; - top: 0.625em; - inset-inline-start: 1.2rem; - width: 1.4rem; - height: 1.4rem; - background-color: #448aff; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-size: contain; - content: ""; -} - -:is(.admonition):is(.note) { - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary) { - background-color: rgba(68, 138, 255, 0.1); - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary)::before { - background-color: #448aff; - mask-image: var(--md-admonition-icon--note); - -webkit-mask-image: var(--md-admonition-icon--note); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.abstract, .summary, .tldr) { - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary) { - background-color: rgba(0, 176, 255, 0.1); - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary)::before { - background-color: #00b0ff; - mask-image: var(--md-admonition-icon--abstract); - -webkit-mask-image: var(--md-admonition-icon--abstract); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.info, .todo) { - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary) { - background-color: rgba(0, 184, 212, 0.1); - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary)::before { - background-color: #00b8d4; - mask-image: var(--md-admonition-icon--info); - -webkit-mask-image: var(--md-admonition-icon--info); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.tip, .hint, .important) { - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary) { - background-color: rgba(0, 191, 165, 0.1); - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary)::before { - background-color: #00bfa5; - mask-image: var(--md-admonition-icon--tip); - -webkit-mask-image: var(--md-admonition-icon--tip); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.success, .check, .done) { - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary) { - background-color: rgba(0, 200, 83, 0.1); - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary)::before { - background-color: #00c853; - mask-image: var(--md-admonition-icon--success); - -webkit-mask-image: var(--md-admonition-icon--success); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.question, .help, .faq) { - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary) { - background-color: rgba(100, 221, 23, 0.1); - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary)::before { - background-color: #64dd17; - mask-image: var(--md-admonition-icon--question); - -webkit-mask-image: var(--md-admonition-icon--question); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.warning, .caution, .attention) { - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary) { - background-color: rgba(255, 145, 0, 0.1); - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary)::before { - background-color: #ff9100; - mask-image: var(--md-admonition-icon--warning); - -webkit-mask-image: var(--md-admonition-icon--warning); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.failure, .fail, .missing) { - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary) { - background-color: rgba(255, 82, 82, 0.1); - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary)::before { - background-color: #ff5252; - mask-image: var(--md-admonition-icon--failure); - -webkit-mask-image: var(--md-admonition-icon--failure); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.danger, .error) { - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary) { - background-color: rgba(255, 23, 68, 0.1); - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary)::before { - background-color: #ff1744; - mask-image: var(--md-admonition-icon--danger); - -webkit-mask-image: var(--md-admonition-icon--danger); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.bug) { - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary) { - background-color: rgba(245, 0, 87, 0.1); - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary)::before { - background-color: #f50057; - mask-image: var(--md-admonition-icon--bug); - -webkit-mask-image: var(--md-admonition-icon--bug); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.example) { - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary) { - background-color: rgba(124, 77, 255, 0.1); - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary)::before { - background-color: #7c4dff; - mask-image: var(--md-admonition-icon--example); - -webkit-mask-image: var(--md-admonition-icon--example); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.quote, .cite) { - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary) { - background-color: rgba(158, 158, 158, 0.1); - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary)::before { - background-color: #9e9e9e; - mask-image: var(--md-admonition-icon--quote); - -webkit-mask-image: var(--md-admonition-icon--quote); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -.navy :is(.admonition) { - background-color: var(--sidebar-bg); -} - -.ayu :is(.admonition), -.coal :is(.admonition) { - background-color: var(--theme-hover); -} - -.rust :is(.admonition) { - background-color: var(--sidebar-bg); - color: var(--sidebar-fg); -} - -:is(.admonition-title) { - font-feature-settings: "kern", "liga"; - font-weight: 600; - font-size: 0.84rem; - border: none; - padding: 10px 50px; -} - -:is(summary)::after { - top: 0.625em; - width: 1.4rem; - height: 1.4rem; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-size: contain; - content: ""; - background-color: black; - mask-image: var(--md-details-icon); - -webkit-mask-image: var(--md-details-icon); - mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-repeat: no-repeat; - position: absolute; - transform: rotate(-90deg); - transition: transform 0.25s; - right: 0.4rem; -} - -details[open] > summary::after { - transform: rotate(0deg); -} - -.sr-only{ - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; -} - -.static{ - position: static !important; -} - -.fixed{ - position: fixed !important; -} - -.absolute{ - position: absolute !important; -} - -.relative{ - position: relative !important; -} - -.inset-0{ - top: 0px !important; - right: 0px !important; - bottom: 0px !important; - left: 0px !important; -} - -.inset-x-0{ - left: 0px !important; - right: 0px !important; -} - -.left-0{ - left: 0px !important; -} - -.top-0{ - top: 0px !important; -} - -.z-50{ - z-index: 50 !important; -} - -.z-30{ - z-index: 30 !important; -} - -.z-20{ - z-index: 20 !important; -} - -.z-10{ - z-index: 10 !important; -} - -.order-2{ - order: 2 !important; -} - -.order-1{ - order: 1 !important; -} - -.col-span-3{ - grid-column: span 3 / span 3 !important; -} - -.m-0{ - margin: 0px !important; -} - -.m-2{ - margin: 0.5rem !important; -} - -.m-4{ - margin: 1rem !important; -} - -.mx-auto{ - margin-left: auto !important; - margin-right: auto !important; -} - -.mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; -} - -.my-2{ - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; -} - -.my-0{ - margin-top: 0px !important; - margin-bottom: 0px !important; -} - -.my-8{ - margin-top: 2rem !important; - margin-bottom: 2rem !important; -} - -.my-4{ - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-10{ - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; -} - -.mx-1{ - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; -} - -.my-1{ - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-5{ - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; -} - -.mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; -} - -.-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; -} - -.-my-2{ - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; -} - -.mt-10{ - margin-top: 2.5rem !important; -} - -.mt-0{ - margin-top: 0px !important; -} - -.mb-3{ - margin-bottom: 0.75rem !important; -} - -.mb-8{ - margin-bottom: 2rem !important; -} - -.mr-2{ - margin-right: 0.5rem !important; -} - -.mt-5{ - margin-top: 1.25rem !important; -} - -.mt-6{ - margin-top: 1.5rem !important; -} - -.mb-4{ - margin-bottom: 1rem !important; -} - -.mb-10{ - margin-bottom: 2.5rem !important; -} - -.ml-auto{ - margin-left: auto !important; -} - -.mb-0{ - margin-bottom: 0px !important; -} - -.mt-12{ - margin-top: 3rem !important; -} - -.mt-2{ - margin-top: 0.5rem !important; -} - -.mb-16{ - margin-bottom: 4rem !important; -} - -.ml-4{ - margin-left: 1rem !important; -} - -.mr-5{ - margin-right: 1.25rem !important; -} - -.mt-3{ - margin-top: 0.75rem !important; -} - -.mt-1{ - margin-top: 0.25rem !important; -} - -.ml-5{ - margin-left: 1.25rem !important; -} - -.mb-12{ - margin-bottom: 3rem !important; -} - -.mr-8{ - margin-right: 2rem !important; -} - -.mb-6{ - margin-bottom: 1.5rem !important; -} - -.mt-16{ - margin-top: 4rem !important; -} - -.mt-8{ - margin-top: 2rem !important; -} - -.mb-5{ - margin-bottom: 1.25rem !important; -} - -.ml-8{ - margin-left: 2rem !important; -} - -.ml-1{ - margin-left: 0.25rem !important; -} - -.-mr-2{ - margin-right: -0.5rem !important; -} - -.mr-4{ - margin-right: 1rem !important; -} - -.-mt-16{ - margin-top: -4rem !important; -} - -.ml-10{ - margin-left: 2.5rem !important; -} - -.block{ - display: block !important; -} - -.inline-block{ - display: inline-block !important; -} - -.inline{ - display: inline !important; -} - -.flex{ - display: flex !important; -} - -.inline-flex{ - display: inline-flex !important; -} - -.grid{ - display: grid !important; -} - -.hidden{ - display: none !important; -} - -.h-8{ - height: 2rem !important; -} - -.h-10{ - height: 2.5rem !important; -} - -.h-32{ - height: 8rem !important; -} - -.h-12{ - height: 3rem !important; -} - -.h-full{ - height: 100% !important; -} - -.h-16{ - height: 4rem !important; -} - -.h-4{ - height: 1rem !important; -} - -.h-auto{ - height: auto !important; -} - -.h-6{ - height: 1.5rem !important; -} - -.h-5{ - height: 1.25rem !important; -} - -.h-screen{ - height: 100vh !important; -} - -.h-48{ - height: 12rem !important; -} - -.h-1\/2{ - height: 50% !important; -} - -.h-1\/3{ - height: 33.333333% !important; -} - -.max-h-80{ - max-height: 20rem !important; -} - -.max-h-screen{ - max-height: 100vh !important; -} - -.min-h-screen{ - min-height: 100vh !important; -} - -.w-8{ - width: 2rem !important; -} - -.w-full{ - width: 100% !important; -} - -.w-72{ - width: 18rem !important; -} - -.w-10{ - width: 2.5rem !important; -} - -.w-32{ - width: 8rem !important; -} - -.w-48{ - width: 12rem !important; -} - -.w-3\/4{ - width: 75% !important; -} - -.w-4\/6{ - width: 66.666667% !important; -} - -.w-2\/6{ - width: 33.333333% !important; -} - -.w-12{ - width: 3rem !important; -} - -.w-64{ - width: 16rem !important; -} - -.w-7\/12{ - width: 58.333333% !important; -} - -.w-4{ - width: 1rem !important; -} - -.w-20{ - width: 5rem !important; -} - -.w-screen{ - width: 100vw !important; -} - -.w-6{ - width: 1.5rem !important; -} - -.w-5{ - width: 1.25rem !important; -} - -.w-auto{ - width: auto !important; -} - -.max-w-lg{ - max-width: 32rem !important; -} - -.max-w-full{ - max-width: 100% !important; -} - -.max-w-screen-2xl{ - max-width: 1450px !important; -} - -.max-w-4xl{ - max-width: 56rem !important; -} - -.max-w-7xl{ - max-width: 80rem !important; -} - -.max-w-screen-xl{ - max-width: 1280px !important; -} - -.max-w-xs{ - max-width: 20rem !important; -} - -.flex-1{ - flex: 1 1 0% !important; -} - -.flex-shrink-0{ - flex-shrink: 0 !important; -} - -.origin-top-right{ - transform-origin: top right !important; -} - -.-translate-y-1{ - --tw-translate-y: -0.25rem !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-translate-y-0{ - --tw-translate-y: -0px !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.rotate-180{ - --tw-rotate: 180deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-rotate-90{ - --tw-rotate: -90deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-95{ - --tw-scale-x: .95 !important; - --tw-scale-y: .95 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-100{ - --tw-scale-x: 1 !important; - --tw-scale-y: 1 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.transform{ - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.cursor-pointer{ - cursor: pointer !important; -} - -.list-none{ - list-style-type: none !important; -} - -.grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; -} - -.grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; -} - -.flex-row{ - flex-direction: row !important; -} - -.flex-col{ - flex-direction: column !important; -} - -.flex-wrap{ - flex-wrap: wrap !important; -} - -.flex-nowrap{ - flex-wrap: nowrap !important; -} - -.items-start{ - align-items: flex-start !important; -} - -.items-center{ - align-items: center !important; -} - -.items-baseline{ - align-items: baseline !important; -} - -.justify-center{ - justify-content: center !important; -} - -.justify-between{ - justify-content: space-between !important; -} - -.justify-around{ - justify-content: space-around !important; -} - -.gap-5{ - gap: 1.25rem !important; -} - -.gap-6{ - gap: 1.5rem !important; -} - -.gap-4{ - gap: 1rem !important; -} - -.space-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-1 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; -} - -.space-x-10 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; -} - -.divide-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important; -} - -.divide-y > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; -} - -.divide-gray-50 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(249 250 251 / var(--tw-divide-opacity)) !important; -} - -.divide-gray-200 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important; -} - -.overflow-hidden{ - overflow: hidden !important; -} - -.overflow-visible{ - overflow: visible !important; -} - -.overflow-y-auto{ - overflow-y: auto !important; -} - -.overflow-x-hidden{ - overflow-x: hidden !important; -} - -.overflow-x-scroll{ - overflow-x: scroll !important; -} - -.text-ellipsis{ - text-overflow: ellipsis !important; -} - -.rounded-full{ - border-radius: 9999px !important; -} - -.rounded{ - border-radius: 0.25rem !important; -} - -.rounded-lg{ - border-radius: 0.5rem !important; -} - -.rounded-md{ - border-radius: 0.375rem !important; -} - -.rounded-none{ - border-radius: 0px !important; -} - -.rounded-l-md{ - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -.rounded-r-md{ - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -.border-2{ - border-width: 2px !important; -} - -.border{ - border-width: 1px !important; -} - -.border-4{ - border-width: 4px !important; -} - -.border-0{ - border-width: 0px !important; -} - -.border-b{ - border-bottom-width: 1px !important; -} - -.border-r-0{ - border-right-width: 0px !important; -} - -.border-t{ - border-top-width: 1px !important; -} - -.border-t-2{ - border-top-width: 2px !important; -} - -.border-dashed{ - border-style: dashed !important; -} - -.border-white{ - --tw-border-opacity: 1 !important; - border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; -} - -.border-gray-600{ - --tw-border-opacity: 1 !important; - border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; -} - -.border-gray-400{ - --tw-border-opacity: 1 !important; - border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important; -} - -.border-transparent{ - border-color: transparent !important; -} - -.border-black{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; -} - -.border-gray-300{ - --tw-border-opacity: 1 !important; - border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; -} - -.border-gray-200{ - --tw-border-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; -} - -.bg-gray-200{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.bg-transparent{ - background-color: transparent !important; -} - -.bg-white{ - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-50{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-100{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-300{ - --tw-bg-opacity: 1 !important; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; -} - -.bg-cover{ - background-size: cover !important; -} - -.bg-center{ - background-position: center !important; -} - -.bg-no-repeat{ - background-repeat: no-repeat !important; -} - -.object-cover{ - -o-object-fit: cover !important; - object-fit: cover !important; -} - -.p-4{ - padding: 1rem !important; -} - -.p-8{ - padding: 2rem !important; -} - -.p-3{ - padding: 0.75rem !important; -} - -.p-2{ - padding: 0.5rem !important; -} - -.p-6{ - padding: 1.5rem !important; -} - -.py-10{ - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; -} - -.py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; -} - -.px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; -} - -.px-0{ - padding-left: 0px !important; - padding-right: 0px !important; -} - -.py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; -} - -.py-1{ - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-5{ - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; -} - -.px-3{ - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; -} - -.px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-3{ - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} - -.px-2{ - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.py-4{ - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; -} - -.pl-3{ - padding-left: 0.75rem !important; -} - -.pt-24{ - padding-top: 6rem !important; -} - -.pt-16{ - padding-top: 4rem !important; -} - -.pt-8{ - padding-top: 2rem !important; -} - -.pt-4{ - padding-top: 1rem !important; -} - -.pb-10{ - padding-bottom: 2.5rem !important; -} - -.pb-0{ - padding-bottom: 0px !important; -} - -.pt-6{ - padding-top: 1.5rem !important; -} - -.pt-12{ - padding-top: 3rem !important; -} - -.pr-20{ - padding-right: 5rem !important; -} - -.pl-20{ - padding-left: 5rem !important; -} - -.pt-5{ - padding-top: 1.25rem !important; -} - -.pb-6{ - padding-bottom: 1.5rem !important; -} - -.pl-1{ - padding-left: 0.25rem !important; -} - -.pt-1{ - padding-top: 0.25rem !important; -} - -.pt-2{ - padding-top: 0.5rem !important; -} - -.pb-4{ - padding-bottom: 1rem !important; -} - -.pb-12{ - padding-bottom: 3rem !important; -} - -.pl-12{ - padding-left: 3rem !important; -} - -.pb-2{ - padding-bottom: 0.5rem !important; -} - -.text-left{ - text-align: left !important; -} - -.text-center{ - text-align: center !important; -} - -.text-right{ - text-align: right !important; -} - -.font-serif{ - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; -} - -.text-2xl{ - font-size: 1.5rem !important; -} - -.text-xs{ - font-size: .75rem !important; -} - -.text-sm{ - font-size: .875rem !important; -} - -.text-5xl{ - font-size: 3rem !important; -} - -.text-xl{ - font-size: 1.25rem !important; -} - -.text-4xl{ - font-size: 2.25rem !important; -} - -.text-lg{ - font-size: 1.125rem !important; -} - -.text-base{ - font-size: 1rem !important; -} - -.text-3xl{ - font-size: 1.875rem !important; -} - -.text-md{ - font-size: 1.05rem !important; -} - -.font-medium{ - font-weight: 500 !important; -} - -.font-black{ - font-weight: 900 !important; -} - -.font-normal{ - font-weight: 400 !important; -} - -.font-light{ - font-weight: 300 !important; -} - -.font-semibold{ - font-weight: 600 !important; -} - -.font-extrabold{ - font-weight: 800 !important; -} - -.font-bold{ - font-weight: 700 !important; -} - -.uppercase{ - text-transform: uppercase !important; -} - -.capitalize{ - text-transform: capitalize !important; -} - -.not-italic{ - font-style: normal !important; -} - -.leading-none{ - line-height: 1 !important; -} - -.leading-8{ - line-height: 2rem !important; -} - -.leading-snug{ - line-height: 1.375 !important; -} - -.leading-6{ - line-height: 1.5rem !important; -} - -.leading-4{ - line-height: 1rem !important; -} - -.leading-3{ - line-height: .75rem !important; -} - -.leading-7{ - line-height: 1.75rem !important; -} - -.leading-5{ - line-height: 1.25rem !important; -} - -.leading-tight{ - line-height: 1.25 !important; -} - -.leading-relaxed{ - line-height: 1.625 !important; -} - -.tracking-tight{ - letter-spacing: -0.025em !important; -} - -.tracking-wide{ - letter-spacing: 0.025em !important; -} - -.text-gray-700{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.text-gray-600{ - --tw-text-opacity: 1 !important; - color: rgb(75 85 99 / var(--tw-text-opacity)) !important; -} - -.text-gray-800{ - --tw-text-opacity: 1 !important; - color: rgb(31 41 55 / var(--tw-text-opacity)) !important; -} - -.text-gray-900{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.text-black{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.text-gray-400{ - --tw-text-opacity: 1 !important; - color: rgb(156 163 175 / var(--tw-text-opacity)) !important; -} - -.text-gray-500{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.text-gray-300{ - --tw-text-opacity: 1 !important; - color: rgb(209 213 219 / var(--tw-text-opacity)) !important; -} - -.text-white{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-700{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.text-blue-500{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-400{ - --tw-text-opacity: 1 !important; - color: rgb(0 51 255 / var(--tw-text-opacity)) !important; -} - -.opacity-0{ - opacity: 0 !important; -} - -.opacity-100{ - opacity: 1 !important; -} - -.shadow{ - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-sm{ - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.\!shadow-none{ - --tw-shadow: 0 0 #0000 !important; - --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-md{ - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.grayscale{ - --tw-grayscale: grayscale(100%) !important; - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.filter{ - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.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; - 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; -} - -.transition-all{ - transition-property: all !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-transform{ - transition-property: transform !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition{ - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-shadow{ - transition-property: box-shadow !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.duration-200{ - transition-duration: 200ms !important; -} - -.duration-100{ - transition-duration: 100ms !important; -} - -.duration-75{ - transition-duration: 75ms !important; -} - -.duration-150{ - transition-duration: 150ms !important; -} - -.duration-500{ - transition-duration: 500ms !important; -} - -.duration-300{ - transition-duration: 300ms !important; -} - -.ease-out{ - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; -} - -.ease-in{ - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; -} - -.ease-in-out{ - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -/* Custom CSS for header partial */ - -.backdrop-blur { - -webkit-backdrop-filter: blur(40px); -} - -* { - font-family: "Lato", sans-serif; -} - -.bg-semi-white { - background-color: rgba(255, 255, 255, 0.75); -} - -/* Custom css allowing image styling in markdown */ - -img[src*="#mx-auto"] { - margin: auto; -} - -img[src*="#small"] { - width: 68px; -} - -img[src*="#medium"] { - width: 400px; - margin: auto; -} - -img[src*="#logo"] { - max-width: min(250px, 100%); - margin: auto; -} - -img[src*="#large"] { - width: 1000px; - margin: auto; -} - -img[src*="#tft_img"] { - width: 150px; - margin: 8px; -} - -img[src*="#absolute"] { - position: absolute; - left: 0; - top: 0; -} - -.footer-cust a{ - color: #999; -} - -.footer-cust a:hover { - color: rgb(65, 65, 65); -} - -.footer-cust h6{ - margin-bottom: 15px; -} - -.logo_size{ - width:200px -} - -h1 { - line-height: 4rem; -} - -.article p{ - font-size: 1.125rem; - font-family: Lato,sans-serif!important; - line-height: 1.7; - color:#333 -} - -.post-content-text a, .article a{ - color: #4ec48f; -} - -.post-content-text a:hover, .article a:hover{ - color: #2e9969; -} - -.article li{ - font-size: 1.125rem; -} - -.main-title { - font-family: Lato,sans-serif!important; -} - -button:hover :is(:where(a)) { - color: #5e5e5e; -} - -button :is(:where(p)) { - color: #3d3b39; - font-weight: 400; -} - -button a { - color: black; -} - -a { - border-width: 0px; -} - -header { - font-family: "Work Sans"; -} - -.nav_btn { - margin: 0 !important; - padding: 0 !important; - border: none !important; - box-shadow: none !important; -} - -.quicklinks { - box-sizing: border-box; - align-items: center; - width: auto; - margin: 0 auto; - border-radius: 10px; - margin-top: 30px; - flex-wrap: wrap; - margin-bottom: 20px; -} - -.quicklinks img { - height: auto; - max-width: 200px; - display: inline-block; - padding: 10px; - filter: grayscale(100%); - position: relative; - transition: all 0.2s ease; - opacity: 0.5; -} - -.quicklinks img:hover { - opacity: 1; - transition: all 0.2s ease; - filter: grayscale(0%); -} - -.banner { - width: 100%; - margin: 0; - padding: 120px 0; - text-align: center; - position: relative; - display: block; - color: #fff !important; - letter-spacing: 0.5px; - overflow: hidden; - background: #00838d; - transition: 1.5s; -} - -.header { - height: auto; - background: none; - padding: 200px 0; -} - -.banner h2, -.header h1 { - margin: auto; - color: #fff; - position: relative; - transition: 0.3s; - z-index: 1; - white-space: nowrap; -} - -.header h1 { - color: #000; - transition: none; -} - -.banner h2 svg { - font-size: 40px; - margin-left: 15px; - position: absolute; - top: 55%; - transform: translateY(-50%) scale(0.5); - opacity: 0; - transition: 0.3s; -} - -.banner .back { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-position: center; - background-size: cover; - filter: grayscale(1) contrast(1.4); - opacity: 0.25; - transition: 1.5s; -} - -.header .back { - filter: none; - opacity: 1; - background-position: center; - background-size: cover; - background-repeat: no-repeat; -} - -.banner:hover { - background: #4b3a92; -} - -.header:hover { - background: none; -} - -.banner:hover h2 svg { - transform: translateY(-50%) scale(1); - opacity: 1; -} - -.banner:hover h2 { - padding-right: 40px; -} - -.header:hover h1 { - padding-right: 0; -} - -.banner:hover .back { - transform: scale(1.03); -} - -.header:hover .back { - transform: none; -} - -.my-test{ - font-family: "Work Sans", sans-serif !important; -} - -.post-content-text .my-test { - font-family: "Work Sans", sans-serif !important; - line-height: 1.7; -} - -.post-content-text h2 { - font-family: Lato,sans-serif!important; - line-height: 1.5; - font-size: 2.25rem; - font-weight: 700; -} - -.container-fluid { - width: 100%; - /* padding-right: 15px; - padding-left: 15px; */ - margin-right: auto; - margin-left: auto; -} - -.zola-anchor { - display: none; -} - -@media (min-width: 1024px){ - h2 { - font-size: 3.5rem; - } -} - -@media (max-width: 640px) { - .banner h2 { - font: 600 7vw/10vw; - } - - .header h1 { - font-size: 35px; - } - - .banner h2 svg { - font-size: 30px; - } -} - -@media (max-width: 480px) { - .banner, - .header { - padding: 80px 0; - } - - img[src*="#sm_none"] { - display: none; - } -} - -header #menu button{ - display: flex; - width: 100%; - flex-direction: column; - align-items: flex-start; - border-radius: 0.25rem; - border-width: 2px; - border-color: transparent; - padding: 0.5rem; - text-align: left; - line-height: 1.5rem; - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -header #menu button:hover{ - --tw-border-opacity: 1; - border-color: rgb(231 229 228 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)); -} - -header #menu button:first-child:hover{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.focus-within\:outline-none:focus-within{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus-within\:ring-2:focus-within{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus-within\:ring-offset-2:focus-within{ - --tw-ring-offset-width: 2px !important; -} - -.hover\:border-blue-500:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 255 / var(--tw-border-opacity)) !important; -} - -.hover\:border-stone-200:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(231 229 228 / var(--tw-border-opacity)) !important; -} - -.hover\:bg-gray-400:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-200:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-stone-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)) !important; -} - -.hover\:text-blue-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.hover\:text-black:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-900:hover{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-500:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.hover\:text-blue-300:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 136 255 / var(--tw-text-opacity)) !important; -} - -.hover\:\!text-gray-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.hover\:underline:hover{ - -webkit-text-decoration-line: underline !important; - text-decoration-line: underline !important; -} - -.hover\:shadow-xl:hover{ - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.hover\:first\:text-gray-500:first-child:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:bg-gray-200:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.focus\:bg-gray-100:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.focus\:text-gray-900:focus{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.focus\:text-gray-500:focus{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:outline-none:focus{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus\:ring-2:focus{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus\:ring-offset-2:focus{ - --tw-ring-offset-width: 2px !important; -} - -@media (prefers-color-scheme: dark){ - .dark\:bg-gray-700{ - --tw-bg-opacity: 1 !important; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; - } - - .dark\:bg-transparent{ - background-color: transparent !important; - } - - .dark\:text-gray-200{ - --tw-text-opacity: 1 !important; - color: rgb(229 231 235 / var(--tw-text-opacity)) !important; - } - - .dark\:hover\:bg-gray-600:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; - } - - .dark\:hover\:text-white:hover{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } - - .dark\:focus\:text-white:focus{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } -} - -@media (min-width: 640px){ - .sm\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .sm\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .sm\:-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - .sm\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .sm\:mt-0{ - margin-top: 0px !important; - } - - .sm\:mt-8{ - margin-top: 2rem !important; - } - - .sm\:flex{ - display: flex !important; - } - - .sm\:grid{ - display: grid !important; - } - - .sm\:h-10{ - height: 2.5rem !important; - } - - .sm\:h-2\/3{ - height: 66.666667% !important; - } - - .sm\:w-10{ - width: 2.5rem !important; - } - - .sm\:w-32{ - width: 8rem !important; - } - - .sm\:w-1\/2{ - width: 50% !important; - } - - .sm\:flex-1{ - flex: 1 1 0% !important; - } - - .sm\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .sm\:gap-6{ - gap: 1.5rem !important; - } - - .sm\:gap-10{ - gap: 2.5rem !important; - } - - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; - } - - .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; - } - - .sm\:overflow-hidden{ - overflow: hidden !important; - } - - .sm\:rounded-md{ - border-radius: 0.375rem !important; - } - - .sm\:border-0{ - border-width: 0px !important; - } - - .sm\:border-r{ - border-right-width: 1px !important; - } - - .sm\:border-l{ - border-left-width: 1px !important; - } - - .sm\:p-12{ - padding: 3rem !important; - } - - .sm\:p-6{ - padding: 1.5rem !important; - } - - .sm\:p-0{ - padding: 0px !important; - } - - .sm\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .sm\:px-0{ - padding-left: 0px !important; - padding-right: 0px !important; - } - - .sm\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .sm\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .sm\:py-6{ - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .sm\:px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; - } - - .sm\:pb-8{ - padding-bottom: 2rem !important; - } - - .sm\:pt-16{ - padding-top: 4rem !important; - } - - .sm\:pb-16{ - padding-bottom: 4rem !important; - } - - .sm\:text-3xl{ - font-size: 1.875rem !important; - } - - .sm\:text-sm{ - font-size: .875rem !important; - } - - .sm\:leading-10{ - line-height: 2.5rem !important; - } -} - -@media (min-width: 768px){ - .md\:order-2{ - order: 2 !important; - } - - .md\:order-last{ - order: 9999 !important; - } - - .md\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .md\:mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; - } - - .md\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .md\:mx-12{ - margin-left: 3rem !important; - margin-right: 3rem !important; - } - - .md\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .md\:-mx-16{ - margin-left: -4rem !important; - margin-right: -4rem !important; - } - - .md\:mt-0{ - margin-top: 0px !important; - } - - .md\:mb-10{ - margin-bottom: 2.5rem !important; - } - - .md\:-mt-1{ - margin-top: -0.25rem !important; - } - - .md\:mb-0{ - margin-bottom: 0px !important; - } - - .md\:block{ - display: block !important; - } - - .md\:inline-block{ - display: inline-block !important; - } - - .md\:inline{ - display: inline !important; - } - - .md\:grid{ - display: grid !important; - } - - .md\:w-5\/6{ - width: 83.333333% !important; - } - - .md\:w-1\/6{ - width: 16.666667% !important; - } - - .md\:w-full{ - width: 100% !important; - } - - .md\:w-2\/3{ - width: 66.666667% !important; - } - - .md\:w-auto{ - width: auto !important; - } - - .md\:w-48{ - width: 12rem !important; - } - - .md\:max-w-full{ - max-width: 100% !important; - } - - .md\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .md\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .md\:flex-row{ - flex-direction: row !important; - } - - .md\:gap-12{ - gap: 3rem !important; - } - - .md\:gap-8{ - gap: 2rem !important; - } - - .md\:p-16{ - padding: 4rem !important; - } - - .md\:p-8{ - padding: 2rem !important; - } - - .md\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .md\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .md\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .md\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .md\:pl-8{ - padding-left: 2rem !important; - } - - .md\:text-left{ - text-align: left !important; - } - - .md\:text-4xl{ - font-size: 2.25rem !important; - } - - .md\:text-6xl{ - font-size: 4rem !important; - } - - .md\:text-2xl{ - font-size: 1.5rem !important; - } -} - -@media (min-width: 1024px){ - .lg\:m-4{ - margin: 1rem !important; - } - - .lg\:m-0{ - margin: 0px !important; - } - - .lg\:m-20{ - margin: 5rem !important; - } - - .lg\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .lg\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !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; - } - - .lg\:-mx-20{ - margin-left: -5rem !important; - margin-right: -5rem !important; - } - - .lg\:my-40{ - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .lg\:mx-auto{ - margin-left: auto !important; - margin-right: auto !important; - } - - .lg\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .lg\:my-32{ - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .lg\:mb-8{ - margin-bottom: 2rem !important; - } - - .lg\:-mt-6{ - margin-top: -1.5rem !important; - } - - .lg\:mt-6{ - margin-top: 1.5rem !important; - } - - .lg\:mr-24{ - margin-right: 6rem !important; - } - - .lg\:mt-16{ - margin-top: 4rem !important; - } - - .lg\:ml-8{ - margin-left: 2rem !important; - } - - .lg\:mt-0{ - margin-top: 0px !important; - } - - .lg\:mr-8{ - margin-right: 2rem !important; - } - - .lg\:mr-16{ - margin-right: 4rem !important; - } - - .lg\:mt-4{ - margin-top: 1rem !important; - } - - .lg\:flex{ - display: flex !important; - } - - .lg\:hidden{ - display: none !important; - } - - .lg\:h-60{ - height: 15rem !important; - } - - .lg\:w-4\/6{ - width: 66.666667% !important; - } - - .lg\:w-5\/6{ - width: 83.333333% !important; - } - - .lg\:w-2\/3{ - width: 66.666667% !important; - } - - .lg\:w-full{ - width: 100% !important; - } - - .lg\:w-60{ - width: 15rem !important; - } - - .lg\:max-w-none{ - max-width: none !important; - } - - .lg\:max-w-5xl{ - max-width: 64rem !important; - } - - .lg\:max-w-sm{ - max-width: 24rem !important; - } - - .lg\:max-w-xl{ - max-width: 36rem !important; - } - - .lg\:max-w-4xl{ - max-width: 56rem !important; - } - - .lg\:max-w-6xl{ - max-width: 72rem !important; - } - - .lg\:max-w-3xl{ - max-width: 48rem !important; - } - - .lg\:flex-1{ - flex: 1 1 0% !important; - } - - .lg\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .lg\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .lg\:flex-row{ - flex-direction: row !important; - } - - .lg\:items-start{ - align-items: flex-start !important; - } - - .lg\:items-center{ - align-items: center !important; - } - - .lg\:justify-start{ - justify-content: flex-start !important; - } - - .lg\:justify-between{ - justify-content: space-between !important; - } - - .lg\:gap-8{ - gap: 2rem !important; - } - - .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(3rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:p-20{ - padding: 5rem !important; - } - - .lg\:p-12{ - padding: 3rem !important; - } - - .lg\:py-16{ - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .lg\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .lg\:px-20{ - padding-left: 5rem !important; - padding-right: 5rem !important; - } - - .lg\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .lg\:py-8{ - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .lg\:px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; - } - - .lg\:py-20{ - padding-top: 5rem !important; - padding-bottom: 5rem !important; - } - - .lg\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .lg\:py-28{ - padding-top: 7rem !important; - padding-bottom: 7rem !important; - } - - .lg\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .lg\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .lg\:pl-0{ - padding-left: 0px !important; - } - - .lg\:pt-6{ - padding-top: 1.5rem !important; - } - - .lg\:pt-4{ - padding-top: 1rem !important; - } - - .lg\:pb-28{ - padding-bottom: 7rem !important; - } - - .lg\:pb-10{ - padding-bottom: 2.5rem !important; - } - - .lg\:text-5xl{ - font-size: 3rem !important; - } - - .lg\:text-6xl{ - font-size: 4rem !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; - 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; - } -} - -@media (min-width: 1280px){ - .xl\:col-span-1{ - grid-column: span 1 / span 1 !important; - } - - .xl\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .xl\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .xl\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .xl\:-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; - } - - .xl\:mt-0{ - margin-top: 0px !important; - } - - .xl\:flex{ - display: flex !important; - } - - .xl\:max-w-sm{ - max-width: 24rem !important; - } - - .xl\:max-w-none{ - max-width: none !important; - } - - .xl\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .xl\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .xl\:flex-row{ - flex-direction: row !important; - } - - .xl\:gap-4{ - gap: 1rem !important; - } - - .xl\:py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .xl\: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; - 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; - } -} - -@media (min-width: 1450px){ - .\32xl\:mt-0{ - margin-top: 0px !important; - } -} \ No newline at end of file diff --git a/static/images/black_threefold.png b/static/images/black_threefold.png new file mode 100644 index 000000000..ae460965a Binary files /dev/null and b/static/images/black_threefold.png differ diff --git a/static/images/black_threefold_header.png b/static/images/black_threefold_header.png new file mode 100644 index 000000000..528b5d96a Binary files /dev/null and b/static/images/black_threefold_header.png differ diff --git a/static/images/internet_of_internets.png b/static/images/internet_of_internets.png new file mode 100644 index 000000000..086bbb284 Binary files /dev/null and b/static/images/internet_of_internets.png differ diff --git a/static/images/planet_first_people_first.png b/static/images/planet_first_people_first.png new file mode 100644 index 000000000..026cb69ee Binary files /dev/null and b/static/images/planet_first_people_first.png differ diff --git a/static/images/stellar_logo.png b/static/images/stellar_logo.png new file mode 100644 index 000000000..10d2e849c Binary files /dev/null and b/static/images/stellar_logo.png differ diff --git a/templates/partials/footer.html b/templates/partials/footer.html index 9ee49a7c1..1b6625df2 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -13,7 +13,7 @@
    - ThreeFold Logo + ThreeFold Logo

    {{section.description}}

    diff --git a/templates/partials/header.html b/templates/partials/header.html index fc46a2cb4..5c46a5c7f 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -7,7 +7,7 @@
    diff --git a/templates/shortcodes/featured_stories.html b/templates/shortcodes/featured_stories.html index 04f34d85b..43aff6c0e 100644 --- a/templates/shortcodes/featured_stories.html +++ b/templates/shortcodes/featured_stories.html @@ -8,27 +8,25 @@ lg:text-6xl leading-tight font-normal font-heading - uppercase + sm:leading-10 lg:pb-10 "> - Featured Stories + Dive Deeper
    - +
    - +

    - Into the Fold – The ThreeFold Movement + Planet first. People first.

    -
    It's not by mistake that you're here, - reading this post. You can feel that a global shift is happening. And you want to do - something about it.
    +
    Together with our community and partners, we're taking action and making productive choices for our planet and humanity.
    @@ -36,17 +34,15 @@
    - +
    - +

    - Building a New Internet From the Ground Up – Part 1: Introduction + Welcome to the Internet of Internets

    -
    The first episode in an approachable - series on the inner workings of the ThreeFold Grid. Explore our technology stack and - what makes ThreeFold special.
    +
    Together, we’re building our own future through the Internet of Internets – decentralized, open, inclusive, regenerative, and resilient.
    diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html index 01bd9cab8..8c19d65ce 100644 --- a/templates/shortcodes/grid_stats.html +++ b/templates/shortcodes/grid_stats.html @@ -69,7 +69,8 @@ {{ cores | num_format }} cores
    - + +
    diff --git a/templates/shortcodes/team_sec.html b/templates/shortcodes/team_sec.html index feba1d9c9..5d97130df 100644 --- a/templates/shortcodes/team_sec.html +++ b/templates/shortcodes/team_sec.html @@ -1,6 +1,6 @@
    -

    - THE TEAM +

    + The Team

    Spread across the world, our team has built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong diff --git a/templates/shortcodes/tft_links.html b/templates/shortcodes/tft_links.html index 6d2f1fd21..1756513e9 100644 --- a/templates/shortcodes/tft_links.html +++ b/templates/shortcodes/tft_links.html @@ -5,6 +5,12 @@ {% set link = page.permalink ~ "get_tft_button.png"%} gettft + + {% set link = page.permalink ~ "stellar_logo.png"%} + stellar +