From e5c10086fec9bbf09a22aa9ae53f0b75e8daa24d Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Wed, 5 Oct 2022 12:44:10 +0200 Subject: [PATCH] fix mobile response vol1 --- content/grid/index.md | 49 ++++++---------------- content/home/index.md | 19 ++------- content/mission/index.md | 39 +++++------------ templates/shortcodes/featured_stories.html | 2 +- templates/shortcodes/grid_stats.html | 4 +- templates/shortcodes/row.html | 18 ++++++-- templates/shortcodes/team_sec.html | 4 +- 7 files changed, 46 insertions(+), 89 deletions(-) diff --git a/content/grid/index.md b/content/grid/index.md index 617af82bd..0e693892b 100644 --- a/content/grid/index.md +++ b/content/grid/index.md @@ -3,16 +3,9 @@ title: "Grid" template: "page.html" insert_anchor_links: "left" --- + -
-
-
-
-
-
-
- -{% row(style="center narrow") %} +{% row(style="center margin narrow") %} ## Internet **Evolution.** @@ -20,27 +13,16 @@ insert_anchor_links: "left" 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="center narrow") %} +
- -||| - {% end %} -
-
-
-
-
-
-
+ -{% row() %} +{% row(style="margin") %} ![Image](grid_people.jpg) @@ -55,10 +37,9 @@ Any current or future technology, including blockchain, metaverses and web 3.0, {% end %} -
-
+ -{% row(style="reverse") %} +{% row(style="margin reverse") %} ## Scaled by the People
**to the Edge** @@ -72,11 +53,9 @@ The ThreeFold Grid is formed by Farmers, independent people who connect 3Nodes ( {% end %} + -
-
- -{% row() %} +{% row(style="margin") %} ![Image](grid_new_internet.jpg) @@ -89,11 +68,10 @@ All our code is made open source to energize open collaboration and promote univ {% end %} -
-
+ -{% row(style="center narrow") %} +{% row(style="center margin narrow") %} ![Image](zero_os.png#medium) @@ -106,10 +84,9 @@ A decentralized autonomous operating system designed to dedicate hardware capaci {% end %} -
-
+ -{% row(style="reverse") %} +{% row(style="margin reverse") %} ## A Decentralized **Internet Economy** diff --git a/content/home/index.md b/content/home/index.md index 5b23e9640..a151a915d 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -12,10 +12,8 @@ extra: -{% row(style="center narrow") %} +{% row(style="center margin narrow") %} -
-
![Image](black_threefold_header.png#mx-auto#medium) @@ -25,22 +23,15 @@ extra: We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up. -{% end %} - -{% row(style="center narrow") %} +
- -||| - - -||| - {% end %} + @@ -113,13 +104,11 @@ We are truly proud to be trusted by some of the biggest names in the industry. {% end %} -
-
-{% row(style="center") %} +{% row(style="center mtop") %} ## **In the News** diff --git a/content/mission/index.md b/content/mission/index.md index 28b397379..51daf58b7 100644 --- a/content/mission/index.md +++ b/content/mission/index.md @@ -6,45 +6,23 @@ insert_anchor_links: "left" -
-
-
-
-
-
-
-{% row(style="center narrow") %} +{% row(style="center margin narrow") %} ## Our **Mission** -
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 %} -
-
-
-
-
-
-
@@ -65,7 +43,7 @@ Internet access is a human right and it can change everything for the lives of p {% row(style="margin reverse") %} -## 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. @@ -79,7 +57,7 @@ Create, store and share in full control of where your data resides and who can a -{% row(gradient="linear-gradient(90deg,#70dfc9,#ea1ff7)" style="margin") %} +{% row(style="margin" gradient="linear-gradient(90deg,#70dfc9,#ea1ff7)" ) %} ![Image](node_mission.png#medium) @@ -88,6 +66,7 @@ Create, store and share in full control of where your data resides and who can a ## 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 %} @@ -102,7 +81,9 @@ Together, we build a better Internet for the planet, and for all of us.
-![Image](100_mission.png#meduim) +![Image](100_mission.png#meduim#mx-auto) + +
@@ -112,7 +93,7 @@ Together, we build a better Internet for the planet, and for all of us. -{% row(style="center between") %} +{% row(style="center margin between") %} ## We've Come A Long Way
**And We're Just Getting Started** diff --git a/templates/shortcodes/featured_stories.html b/templates/shortcodes/featured_stories.html index 222279bd1..aae4489a4 100644 --- a/templates/shortcodes/featured_stories.html +++ b/templates/shortcodes/featured_stories.html @@ -1,4 +1,4 @@ -
+
diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html index 59c3fb95e..cb622ba93 100644 --- a/templates/shortcodes/grid_stats.html +++ b/templates/shortcodes/grid_stats.html @@ -8,8 +8,8 @@ {% endif %} {% if data %} -
-
+
+
{{body | markdown | safe }} diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html index b1a6f9058..c5063834b 100644 --- a/templates/shortcodes/row.html +++ b/templates/shortcodes/row.html @@ -42,7 +42,7 @@ Parameters: {% set columns = body | safe | markdown | split(pat="|||") %} -{% set row_class = "relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%} +{% set row_class = "relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%} {% if 2 < columns | length %} @@ -51,7 +51,7 @@ Parameters: {% set row_class = row_class ~ " lg:items-center" %} {% endif %} -{% set col_class = "flex-1 mb-8 md:mb-0 md:mx-8" %} +{% set col_class = "flex-1 mb-6 md:mb-0 md:mx-8" %} {% set row_id = '' %} {% if id %} @@ -78,7 +78,17 @@ Parameters: {% if "margin" in style %} - {% set row_class = row_class ~ " lg:py-28 sm:p-12 md:p-16 lg:p-20" %} + {% set row_class = row_class ~ " lg:py-28 py-10" %} + {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} + {% endif %} + + {% if "mtop" in style %} + {% set row_class = row_class ~ " lg:pt-28 pt-10" %} + {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} + {% endif %} + + {% if "mbottom" in style %} + {% set row_class = row_class ~ " lg:pb-28" %} {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %} {% endif %} @@ -116,7 +126,7 @@ Parameters: {% endif %} {% if gradient %} {% set styles = "background: " ~ gradient ~ "; background-size: cover" %} - {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %} + {% set row_class = row_class ~ " w-auto -mx-4 sm:-mx-12 md:-mx-16 lg:-mx-20" %} {% endif %} {% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %} diff --git a/templates/shortcodes/team_sec.html b/templates/shortcodes/team_sec.html index 5d97130df..5a049a19c 100644 --- a/templates/shortcodes/team_sec.html +++ b/templates/shortcodes/team_sec.html @@ -1,8 +1,8 @@ -
+

The Team

-
Spread across the world, our team has +
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 vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s digital workloads via smart contract, removing all forms of centralization from global IT systems.