ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mobile response vol1

Browse Source
This commit is contained in:
Ehab Hassan
2022-10-05 12:44:10 +02:00
parent 7b41dc1d30
commit e5c10086fe
7 changed files with 46 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
content/grid/index.md
View File

@@ -3,16 +3,9 @@ title: "Grid"
template: "page.html" template: "page.html"
insert_anchor_links: "left" insert_anchor_links: "left"
--- ---
<!-- section 1 -->
<br> {% row(style="center margin narrow") %}
<br>
<br>
<br>
<br>
<br>
<br>
{% row(style="center narrow") %}
## Internet **Evolution.** ## 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. 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 %} <br>
{% row(style="center narrow") %}
<button>[Discover the Grid](https://library.threefold.me/info/threefold#/tfgrid/threefold__grid_intro)</button> <button>[Discover the Grid](https://library.threefold.me/info/threefold#/tfgrid/threefold__grid_intro)</button>
|||
<button>[The Magic of the Tech](https://library.threefold.me/info/threefold#/technology/threefold__technology)</button> <button>[The Magic of the Tech](https://library.threefold.me/info/threefold#/technology/threefold__technology)</button>
{% end %} {% end %}
<br> <!-- section 2 -->
<br>
<br>
<br>
<br>
<br>
<br>
{% row() %} {% row(style="margin") %}
![Image](grid_people.jpg) ![Image](grid_people.jpg)
@@ -55,10 +37,9 @@ Any current or future technology, including blockchain, metaverses and web 3.0,
{% end %} {% end %}
<br> <!-- section 3 -->
<br>
{% row(style="reverse") %} {% row(style="margin reverse") %}
## Scaled by the People <br> **to the Edge** ## Scaled by the People <br> **to the Edge**
@@ -72,11 +53,9 @@ The ThreeFold Grid is formed by Farmers, independent people who connect 3Nodes (
{% end %} {% end %}
<!-- section 4 -->
<br> {% row(style="margin") %}
<br>
{% row() %}
![Image](grid_new_internet.jpg) ![Image](grid_new_internet.jpg)
@@ -89,11 +68,10 @@ All our code is made open source to energize open collaboration and promote univ
{% end %} {% end %}
<br> <!-- section 5 -->
<br>
{% row(style="center narrow") %} {% row(style="center margin narrow") %}
![Image](zero_os.png#medium) ![Image](zero_os.png#medium)
@@ -106,10 +84,9 @@ A decentralized autonomous operating system designed to dedicate hardware capaci
{% end %} {% end %}
<br> <!-- section 6 -->
<br>
{% row(style="reverse") %} {% row(style="margin reverse") %}
## A Decentralized **Internet Economy** ## A Decentralized **Internet Economy**

19
content/home/index.md
View File

@@ -12,10 +12,8 @@ extra:
<!-- section 1 (header) --> <!-- section 1 (header) -->
{% row(style="center narrow") %} {% row(style="center margin narrow") %}
<br/>
<br/>
![Image](black_threefold_header.png#mx-auto#medium) ![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. We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up.
{% end %} <br>
{% row(style="center narrow") %}
<button>[Build](/cloud)</button> <button>[Build](/cloud)</button>
|||
<button>[Get TFT](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy)</button> <button>[Get TFT](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy)</button>
|||
<button>[TF Chat](https://t.me/threefold)</button> <button>[TF Chat](https://t.me/threefold)</button>
{% end %} {% end %}
<!-- section 2 (Map) --> <!-- section 2 (Map) -->
@@ -113,13 +104,11 @@ We are truly proud to be trusted by some of the biggest names in the industry.
{% end %} {% end %}
<br>
<br>
<!-- section 7 (IN THE NEWS) --> <!-- section 7 (IN THE NEWS) -->
{% row(style="center") %} {% row(style="center mtop") %}
## **In the News** ## **In the News**

39
content/mission/index.md
View File

@@ -6,45 +6,23 @@ insert_anchor_links: "left"
<!-- section 1 (header) --> <!-- section 1 (header) -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% row(style="center narrow") %} {% row(style="center margin narrow") %}
## Our **Mission** ## Our **Mission**
<br>
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. 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 %} <br>
{% row(style="center narrow") %}
<button>[Collective Dream](/blog/tf-grid-peoples-internet/)</button> <button>[Collective Dream](/blog/tf-grid-peoples-internet/)</button>
|||
<button>[Planet & People First](/blog/planet-first-people-first/)</button> <button>[Planet & People First](/blog/planet-first-people-first/)</button>
|||
<button>[Mission & Goals](https://mission.threefold.me)</button> <button>[Mission & Goals](https://mission.threefold.me)</button>
{% end %} {% end %}
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- section 2 (INTERCONNECTED) --> <!-- section 2 (INTERCONNECTED) -->
@@ -65,7 +43,7 @@ Internet access is a human right and it can change everything for the lives of p
{% row(style="margin reverse") %} {% row(style="margin reverse") %}
## Empowering People **To Be Sovereign** ## Empowering People <br> **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. 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
<!-- section 4 (OUR ACTIONS) --> <!-- section 4 (OUR ACTIONS) -->
{% row(gradient="linear-gradient(90deg,#70dfc9,#ea1ff7)" style="margin") %} {% row(style="margin" gradient="linear-gradient(90deg,#70dfc9,#ea1ff7)" ) %}
![Image](node_mission.png#medium) ![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** ## 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. 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 %} {% end %}
@@ -102,7 +81,9 @@ Together, we build a better Internet for the planet, and for all of us.
<br> <br>
![Image](100_mission.png#meduim) ![Image](100_mission.png#meduim#mx-auto)
<br>
<button>[Join Us](/community)</button> <button>[Join Us](/community)</button>
@@ -112,7 +93,7 @@ Together, we build a better Internet for the planet, and for all of us.
<!-- section 6 (GETTING STARTED) --> <!-- section 6 (GETTING STARTED) -->
{% row(style="center between") %} {% row(style="center margin between") %}
## We've Come A Long Way <br> **And We're Just Getting Started** ## We've Come A Long Way <br> **And We're Just Getting Started**

2
templates/shortcodes/featured_stories.html
View File

@@ -1,4 +1,4 @@
<div class="relative pt-16 px-4 sm:px-6 lg:py-28 lg:pb-28 lg:px-8"> <div class="relative px-4 sm:px-6 py-12 lg:py-28 lg:px-8">
<div class="absolute inset-0"> <div class="absolute inset-0">
<div class="bg-white h-1/3 sm:h-2/3"></div> <div class="bg-white h-1/3 sm:h-2/3"></div>
</div> </div>

4
templates/shortcodes/grid_stats.html
View File

@@ -8,8 +8,8 @@
{% endif %} {% endif %}
{% if data %} {% if data %}
<section class="px-2 h-auto bg-center bg-cover bg-no-repeat" style="{{styles}}"> <section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
<div class="flex flex-wrap lg:p-12 text-center -mx-auto"> <div class="flex flex-wrap text-center -mx-auto">
<div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto"> <div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
{{body | markdown | safe }} {{body | markdown | safe }}

18
templates/shortcodes/row.html
View File

@@ -42,7 +42,7 @@ Parameters:
<!-- Splits body to columns --> <!-- Splits body to columns -->
{% set columns = body | safe | markdown | split(pat="|||") %} {% 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"%}
<!-- aligns columns depending on col number--> <!-- aligns columns depending on col number-->
{% if 2 < columns | length %} {% if 2 < columns | length %}
@@ -51,7 +51,7 @@ Parameters:
{% set row_class = row_class ~ " lg:items-center" %} {% set row_class = row_class ~ " lg:items-center" %}
{% endif %} {% 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 = '' %} {% set row_id = '' %}
{% if id %} {% if id %}
@@ -78,7 +78,17 @@ Parameters:
<!-- makes row with margins --> <!-- makes row with margins -->
{% if "margin" in style %} {% 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" %} {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %} {% endif %}
@@ -116,7 +126,7 @@ Parameters:
{% endif %} {% endif %}
{% if gradient %} {% if gradient %}
{% set styles = "background: " ~ gradient ~ "; background-size: cover" %} {% 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 %} {% endif %}
{% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %} {% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %}

4
templates/shortcodes/team_sec.html
View File

@@ -1,8 +1,8 @@
<div class="lg:my-32 flex flex-col mt-5 p-auto lg:px-20"> <div class="lg:py-24 flex flex-col my-6 p-auto lg:px-20">
<h2 class="flex py-2 mx-auto font-normal lg:text-6xl"> <h2 class="flex py-2 mx-auto font-normal lg:text-6xl">
The Team The Team
</h2> </h2>
<div class="lg:max-w-4xl text-xl text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has <div class="lg:max-w-4xl lg:text-xl text-lg text-center mb-8 mx-auto leading-relaxed">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 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 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.</div> digital workloads via smart contract, removing all forms of centralization from global IT systems.</div>