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"
insert_anchor_links: "left"
---
<!-- section 1 -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% 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") %}
<br>
<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>
{% end %}
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- section 2 -->
{% 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 %}
<br>
<br>
<!-- section 3 -->
{% row(style="reverse") %}
{% row(style="margin reverse") %}
## 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 %}
<!-- section 4 -->
<br>
<br>
{% 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 %}
<br>
<br>
<!-- section 5 -->
{% 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 %}
<br>
<br>
<!-- section 6 -->
{% row(style="reverse") %}
{% row(style="margin reverse") %}
## A Decentralized **Internet Economy**

19
content/home/index.md
View File

@@ -12,10 +12,8 @@ extra:
<!-- section 1 (header) -->
{% row(style="center narrow") %}
{% row(style="center margin narrow") %}
<br/>
<br/>
![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") %}
<br>
<button>[Build](/cloud)</button>
|||
<button>[Get TFT](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy)</button>
|||
<button>[TF Chat](https://t.me/threefold)</button>
{% end %}
<!-- section 2 (Map) -->
@@ -113,13 +104,11 @@ We are truly proud to be trusted by some of the biggest names in the industry.
{% end %}
<br>
<br>
<!-- section 7 (IN THE NEWS) -->
{% row(style="center") %}
{% row(style="center mtop") %}
## **In the News**

39
content/mission/index.md
View File

@@ -6,45 +6,23 @@ insert_anchor_links: "left"
<!-- section 1 (header) -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% row(style="center narrow") %}
{% row(style="center margin narrow") %}
## 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.
{% end %}
{% row(style="center narrow") %}
<br>
<button>[Collective Dream](/blog/tf-grid-peoples-internet/)</button>
|||
<button>[Planet & People First](/blog/planet-first-people-first/)</button>
|||
<button>[Mission & Goals](https://mission.threefold.me)</button>
{% end %}
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- 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") %}
## 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.
@@ -79,7 +57,7 @@ Create, store and share in full control of where your data resides and who can a
<!-- 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)
@@ -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.
<br>
![Image](100_mission.png#meduim)
![Image](100_mission.png#meduim#mx-auto)
<br>
<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) -->
{% row(style="center between") %}
{% row(style="center margin between") %}
## 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="bg-white h-1/3 sm:h-2/3"></div>
</div>

4
templates/shortcodes/grid_stats.html
View File

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

18
templates/shortcodes/row.html
View File

@@ -42,7 +42,7 @@ Parameters:
<!-- Splits body to columns -->
{% 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-->
{% 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:
<!-- makes row with margins -->
{% 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='"') %}

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">
The Team
</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
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>