ourworld_web/www_ourworld_tf_archive
Archived
20
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

font updated and progess in home page

Browse Source
This commit is contained in:
timurgordon 2022-03-23 15:36:21 +03:00
parent c7abe17090
commit 58ddb75060
7 changed files with 171 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
content/_index.md
View File

@ -15,7 +15,7 @@ extra:
### 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.
#### Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infrastructure for an open source P2P Internet owned by humanity.
{% end %}
@ -27,7 +27,7 @@ Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infra
{% row(style="center") %}
### EXPAND THE PEOPLE’S INTERNET <br> AND EARN TFT
### EXPAND THE PEOPLE’S INTERNET <br> **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.
@ -37,9 +37,7 @@ By connecting hardware at your home or office, support the growth of a decentral
|||
### DECENTRALIZE YOUR
### DATA AND WORKLOADS
### DECENTRALIZE YOUR <br> **DATA AND WORKLOADS**
Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features.
@ -55,7 +53,7 @@ Companies and developers have already started using ThreeFold for it’s autonom
|||
## BUILT BY <br> THE PEOPLE <br> FOR HUMANITY
## BUILT BY <br> THE PEOPLE <br> **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.
@ -65,9 +63,7 @@ The People’s Internet is formed by independent people from all around the worl
{% row(style="center") %}
## POWERED BY A
## DECENTRALIZED OS
## POWERED BY A <br> **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.
@ -81,7 +77,7 @@ Zero-OS is a stateless and lightweight operating system designed to host anythin
{% row(style="center moderate") %}
## OUR GREATEST STRENGTH <br> COMES FROM OUR PARTNERS
## OUR GREATEST STRENGTH <br> **COMES FROM OUR PARTNERS**
We are truly proud to be trusted by some of the biggest names in the industry.
@ -91,6 +87,20 @@ We are truly proud to be trusted by some of the biggest names in the industry.
{% end %}
{% grid_stats() %}
### THE THREEFOLD GRID
## **NOW OPERATIONAL**
{% end %}
{% row(style="center") %}
## **THE TEAM**
{% end %}
{% row() %}
## Register & choose a path
@ -110,40 +120,14 @@ Then, choose the first step in your journey.
{% end %}
{% row() %}
{% row(style="center") %}
![Image](/images/landing_img4.png#small)
## Build
<br>
Build decentralized apps on a developer-friendly
platform that features low fees, high speeds, and
infinite scalability.
|||
![Image](/images/landing_img5.png#small)
## Grow
<br>
Startup or grow up on a platform that sets you
up for success. Investors, partners, and users
are waiting.
|||
![Image](/images/landing_img6.png#small)
## Belong
<br>
When you find your purpose, you find your people.
Pick a wallet, create an account, and start
contributing with OurWorld today.
## **IN THE NEWS**
{% end %}
{% row(style="center") %}
## **IN THE NEWS**
{% end %}

30
content/footer/_index.md
View File

@ -10,48 +10,48 @@ extra:
{% row(style="lean") %}
#### Purpose
##### Purpose
<br>
##### [The Internot]("/")
###### [The Internot]("/")
##### [Internet for all]("/")
###### [Internet for all]("/")
##### [The Internot]("/")
###### [The Internot]("/")
|||
#### Ecosystem
##### Ecosystem
<br>
##### [OurWorld DAO]("/")
###### [OurWorld DAO]("/")
##### [Communities]("/")
###### [Communities]("/")
##### [DAO's]("/")
###### [DAO's]("/")
|||
#### Applications
##### Applications
<br>
##### [DAPPs]("/")
###### [DAPPs]("/")
##### [Projects]("/")
###### [Projects]("/")
|||
#### Join
##### Join
<br>
##### [People]("/")
###### [People]("/")
##### [Ideators]("/")
###### [Ideators]("/")
##### [Developers]("/")
###### [Developers]("/")
{% end %}

24
content/header/_index.md
View File

@ -12,11 +12,11 @@ extra:
{% menu() %}
#### PURPOSE
##### PURPOSE
{% button() %}
##### [The Internot](/apage)
###### [The Internot](/apage)
Whats wrong with the [internet](/apage)
@ -24,7 +24,7 @@ Whats wrong with the [internet](/apage)
{% button() %}
##### Our Internet
###### Our Internet
Vision for the new internet
@ -32,11 +32,11 @@ Vision for the new internet
|||
#### ECOSYSTEM
##### ECOSYSTEM
{% button() %}
##### OurWorld DAO
###### OurWorld DAO
Be a part of governance
@ -44,7 +44,7 @@ Be a part of governance
{% button() %}
##### Communities
###### Communities
Explore communities in OurWorld
@ -52,7 +52,7 @@ Explore communities in OurWorld
{% button() %}
##### DAOs
###### DAOs
Decentralized autonomous organizations
@ -60,11 +60,11 @@ Decentralized autonomous organizations
|||
#### APPLICATIONS
##### APPLICATIONS
{% button() %}
##### DAPPs
###### DAPPs
Decentralized applications
@ -72,7 +72,7 @@ Decentralized applications
{% button() %}
##### Projects
###### Projects
Projects in OurWorld
@ -80,11 +80,11 @@ Projects in OurWorld
|||
#### FEATURED
##### FEATURED
{% button() %}
##### OurWorld is Live
###### OurWorld is Live
Be a part of the new internet

26
css/index.css
View File

@ -17,7 +17,7 @@
}
* {
font-family: "Work Sans";
font-family: "Work Sans", sans-serif;
}
.bg-semi-white {
@ -46,25 +46,31 @@ img[src*="#large"] {
@layer components {
h1 {
@apply text-3xl lg:text-5xl font-light;
@apply text-3xl lg:text-7xl font-normal;
}
h2 {
@apply text-2xl lg:text-4xl my-2 font-light;
@apply text-3xl lg:text-6xl my-4 font-light leading-none;
}
h2 strong {
@apply font-medium;
}
h3 {
@apply text-xl lg:text-2xl font-normal;
@apply text-xl lg:text-4xl my-4 font-extralight leading-none;
}
h3 strong {
@apply font-semibold;
}
h4 {
@apply text-md my-1 tracking-widest text-zinc-500 font-semibold;
@apply text-sm lg:text-2xl font-normal;
}
h5 {
@apply text-md not-italic font-normal my-1;
@apply text-md my-1 tracking-widest text-zinc-500 font-semibold;
}
h6 {
@apply text-sm lg:text-base font-normal;
@apply text-md not-italic font-normal my-1;
}
p {
@apply text-xs;
@apply text-lg;
}
blockquote {
@apply border-l-4 border-gray-400 mx-2 my-2 p-2;
@ -93,10 +99,6 @@ button a {
color: black;
}
p {
font-size: 15px;
}
a {
border: none;
}

5
css/layout.css
View File

@ -149,11 +149,6 @@ h2,
@apply text-4xl;
}
h3,
.h3 {
@apply text-3xl italic;
}
h4,
.h4 {
@apply text-2xl;

BIN
static/images/grid_map.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

102
templates/shortcodes/grid_stats.html Normal file
View File

@ -0,0 +1,102 @@
{% set styles = "background-image: url('images/grid_map.png');" %}
{% set data = load_data(url="https://explorer.threefold.io/api/stats", required=false, format="json") %}
{% set capacity = data.hru + data.sru / 1000 %}
{% set nodes = data.onlinenodes %}
{% set countries = data.countries %}
{% set cores = data.cru %}
<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">
<div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
{{body | markdown | safe }}
<div class="my-10 grid lg:grid-cols-3 lg:gap-8">
<div class="..."></div>
<!-- capacity -->
<div class="leading-none font-extrabold text-5xl">
{{ capacity / 1000000 | round(precision=2) }}PB
<span class="block text-3xl uppercase">capacity</span>
</div>
<div class="..."></div>
<!-- Nodes -->
<div class="
mx-auto
rounded-full
h-32
w-32
lg:h-60 lg:w-60
inline-flex
items-center
justify-center
bg-green
my-4
">
<div class="leading-none font-extrabold md:text-6xl">
{{ nodes }}
<span class="block md:text-2xl uppercase">nodes</span>
</div>
</div>
<div class="hidden md:block"></div>
<!-- countries -->
<div class="
mx-auto
rounded-full
h-32
w-32
lg:h-60 lg:w-60
inline-flex
items-center
justify-center
bg-pink
">
<div class="leading-none font-extrabold md:text-6xl">
{{ countries }}
<span class="block md:text-2xl uppercase">countries</span>
</div>
</div>
</div>
<div class="..."></div>
<!-- cores -->
<div class="leading-none font-extrabold text-5xl">
{{ cores | num_format }}
<span class="block text-2xl uppercase">cores</span>
</div>
</div>
</div>
<div class="my-4 mx-auto text-center">
<a href="/" target="_blank" class="
inline-block
bg-white
lg:text-lg
learn-button
hover:bg-gray-400
px-12
py-1
mr-5
border-2
shadow
border-black
">button</a>
</div>
</section>
<style>
dd {
display: inline-block;
margin: auto;
border-radius: 50%;
line-height: 100px;
}
.bg-green {
background-color: #70dfc9;
}
.bg-pink {
background-color: #ea1ff7;
}
</style>