ourworld_web/www_tf_demo
20
0
Fork 0
Code Pull Requests 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 ### 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 %} {% end %}
@ -27,7 +27,7 @@ Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infra
{% row(style="center") %} {% 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. 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 ### DECENTRALIZE YOUR <br> **DATA AND WORKLOADS**
### DATA AND WORKLOADS
Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features. 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. 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") %} {% row(style="center") %}
## POWERED BY A ## POWERED BY A <br> **DECENTRALIZED OS**
## 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. 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") %} {% 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. 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 %} {% end %}
{% grid_stats() %}
### THE THREEFOLD GRID
## **NOW OPERATIONAL**
{% end %}
{% row(style="center") %}
## **THE TEAM**
{% end %}
{% row() %} {% row() %}
## Register & choose a path ## Register & choose a path
@ -110,40 +120,14 @@ Then, choose the first step in your journey.
{% end %} {% end %}
{% row() %} {% row(style="center") %}
![Image](/images/landing_img4.png#small) ## **IN THE NEWS**
## Build {% end %}
<br> {% row(style="center") %}
Build decentralized apps on a developer-friendly ## **IN THE NEWS**
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.
{% end %} {% end %}

30
content/footer/_index.md
View File

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

24
content/header/_index.md
View File

@ -12,11 +12,11 @@ extra:
{% menu() %} {% menu() %}
#### PURPOSE ##### PURPOSE
{% button() %} {% button() %}
##### [The Internot](/apage) ###### [The Internot](/apage)
Whats wrong with the [internet](/apage) Whats wrong with the [internet](/apage)
@ -24,7 +24,7 @@ Whats wrong with the [internet](/apage)
{% button() %} {% button() %}
##### Our Internet ###### Our Internet
Vision for the new internet Vision for the new internet
@ -32,11 +32,11 @@ Vision for the new internet
||| |||
#### ECOSYSTEM ##### ECOSYSTEM
{% button() %} {% button() %}
##### OurWorld DAO ###### OurWorld DAO
Be a part of governance Be a part of governance
@ -44,7 +44,7 @@ Be a part of governance
{% button() %} {% button() %}
##### Communities ###### Communities
Explore communities in OurWorld Explore communities in OurWorld
@ -52,7 +52,7 @@ Explore communities in OurWorld
{% button() %} {% button() %}
##### DAOs ###### DAOs
Decentralized autonomous organizations Decentralized autonomous organizations
@ -60,11 +60,11 @@ Decentralized autonomous organizations
||| |||
#### APPLICATIONS ##### APPLICATIONS
{% button() %} {% button() %}
##### DAPPs ###### DAPPs
Decentralized applications Decentralized applications
@ -72,7 +72,7 @@ Decentralized applications
{% button() %} {% button() %}
##### Projects ###### Projects
Projects in OurWorld Projects in OurWorld
@ -80,11 +80,11 @@ Projects in OurWorld
||| |||
#### FEATURED ##### FEATURED
{% button() %} {% button() %}
##### OurWorld is Live ###### OurWorld is Live
Be a part of the new internet 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 { .bg-semi-white {
@ -46,25 +46,31 @@ img[src*="#large"] {
@layer components { @layer components {
h1 { h1 {
@apply text-3xl lg:text-5xl font-light; @apply text-3xl lg:text-7xl font-normal;
} }
h2 { 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 { 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 { h4 {
@apply text-md my-1 tracking-widest text-zinc-500 font-semibold; @apply text-sm lg:text-2xl font-normal;
} }
h5 { h5 {
@apply text-md not-italic font-normal my-1; @apply text-md my-1 tracking-widest text-zinc-500 font-semibold;
} }
h6 { h6 {
@apply text-sm lg:text-base font-normal; @apply text-md not-italic font-normal my-1;
} }
p { p {
@apply text-xs; @apply text-lg;
} }
blockquote { blockquote {
@apply border-l-4 border-gray-400 mx-2 my-2 p-2; @apply border-l-4 border-gray-400 mx-2 my-2 p-2;
@ -93,10 +99,6 @@ button a {
color: black; color: black;
} }
p {
font-size: 15px;
}
a { a {
border: none; border: none;
} }

5
css/layout.css
View File

@ -149,11 +149,6 @@ h2,
@apply text-4xl; @apply text-4xl;
} }
h3,
.h3 {
@apply text-3xl italic;
}
h4, h4,
.h4 { .h4 {
@apply text-2xl; @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>