TFT page

config.toml

@@ -2,7 +2,7 @@
 base_url = "https://ourworld.tf"
 # Change this to your own URL! Please note this variable **must** be uncommented.
 
-title = "Our World"
+title = "ThreeFold"
 description="Our global digital backbone"
 
 # When set to "true", a feed is automatically generated.

content/header/_index.md

@@ -96,4 +96,5 @@ Be a part of the new internet
 - [Mission]("/mission")
 - [Grid]("/grid")
 - [Farm]("/farm")
+- [TFT]("/tft")
 - [Blog]("/blog")

content/tft/_index.md

@@ -0,0 +1,236 @@
+---
+title: "TFT"
+template: "section.html"
+insert_anchor_links: "left"
+---
+
+
+
+<!-- section 1 (be the Internet) -->
+
+{% row(style="center narrow") %}
+
+![Image](/images/tft_header.png#medium)
+
+
+
+## **DECENTRALIZING THE INTERNET ECONOMY**
+
+
+The People’s Internet creates an entirely new decentralized Internet economy that allows anyone to join the world’s fastest growing market – the Internet.
+
+<div class="relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-2 lg:py-2 lg:items-center text-center mx-auto justify-center">
+<a class="center" href="https://coinmarketcap.com/currencies/threefold/" rel="some text" target="_blank"> 
+ <img class="logo_size mx-auto" src="/images/cointelegraph_logo.png" alt ="cointelegraph">
+ 
+ </a>
+
+ <a class="center" href="https://www.coingecko.com/en/coins/threefold-token" rel="some text" target="_blank"><img class="logo_size mx-auto" src="images/coin_logo.png">
+ </a>
+ </div>
+
+
+
+{% end %}
+
+
+
+<br>
+
+<br>
+
+
+
+<!-- section 2 (Meeting Emerging Demand) -->
+
+{% row(style="center narrow") %}
+
+## **Meeting Emerging Demand**
+
+
+Data has become the most valuable commodity on earth, the Internet infrastructure is experiencing significant growth. While the current centralized model is facing limitations, ThreeFold can scale to the edge to service the emerging demand.
+
+{% end %}
+
+{% row(style="center") %}
+
+![Image](/images/tft_125zb.png#medium)
+
+<br>
+
+125 zetabytes of storage capacity needs to be
+created to meet demand for data in the upcoming years.
+That is a number with 21 zeroes!
+
+|||
+
+|      |  |
+| ----------- | ----------- |
+| ![Image](/images/tft_800.png#tft_img) | $800 billion of revenue is expected for the cloud market by 2025 |
+| ![Image](/images/tft_70b.png#tft_img) | Over seventy billion new devices are expected to be online by 2025 |
+| ![Image](/images/tft_1b.png#tft_img) | Over one billion people are still expected to get digital access by 2025|
+
+
+
+{% end %}
+
+
+<br>
+
+<br>
+
+
+
+<!-- section 3 (world of farmers) -->
+
+{% row(style="center between") %}
+
+
+## **THE MISSING LAYERS**
+
+
+While many projects have created bits and pieces of what a decentralized Internet would look like, ThreeFold is decentralizing the entire Internet model. The blockchain world is missing this decentralized foundational layer. ThreeFold provides the peer-to-peer Internet infrastructure to interconnect the entire blockchain and web3 space.
+
+<br>
+<br>
+
+![Image](/images/tft_table.png#mx-auto)
+
+<button>[How ThreeFold Compares With The Industry ](https://threefold.io/blog/post/quest_decentralize_internet/)</button>
+
+
+{% end %}
+
+<br>
+<br>
+
+<!-- section 4 (THE CURRENCY) -->
+
+{% row() %}
+
+![Image](/images/tft_currency.png#medium)
+
+|||
+
+## **THE CURRENCY OF THE DECENTRALIZED INTERNET**
+
+TFT is a utility token that allows people to hold current and future Internet capacity on the ThreeFold Grid. It incentivizes an open ecosystem where anyone can connect and utilize Internet capacity without any intermediaries.
+
+<button>[Learn About TFT](https://library.threefold.me/info/threefold/#/tokens/tokens_home.md)</button>
+
+{% end %}
+
+
+<!-- section 5 (OPEN NETWORK) -->
+
+{% row(style="center narrow") %}
+
+
+## **OPEN NETWORK**
+
+3Nodes provide Internet capacity for millions of people using ThreeFold’s Planetary Network, and you earn TFT for doing so. And because of a unique operating system, called Zero-OS, once turned on your 3Node runs by itself.
+
+{% end %}
+
+{% row(style="center") %}
+
+<!-- | Proof-Of-Capacity     |  |Proof-Of-Utilization  |
+| ----------- | ----------- | ----------- |
+| People earn TFT as monthly income for connecting Internet capacity to the ThreeFold Grid. | ![Image](/images/tft_network.png) | People buy TFT to store data and run applications privately on a peer-to-peer Internet infrastructure.  -->
+
+
+### Proof-Of-Capacity
+
+People earn TFT as monthly income for connecting Internet capacity to the ThreeFold Grid.
+
+|||
+
+![Image](/images/tft_network.png)
+
+
+|||
+
+### Proof-Of-Utilization
+
+People buy TFT to store data and run applications privately on a peer-to-peer Internet infrastructure.
+
+{% end %}
+
+<br>
+<br>
+
+<!-- section 6 (OPEN NETWORK) -->
+
+
+{% row() %}
+
+## **LOYALTY REWARDS**
+
+The ThreeFold blockchain automatically scans wallets and provides up-to 60% discounts on the utilization of the ThreeFold Grid. The more TFT you hold across time, the higher the discounts.
+
+
+
+|||
+
+![Image](/images/tft_loyalty.jpg)
+
+{% end %}
+
+
+<br>
+<br>
+
+<!-- section 7 (OPEN NETWORK) -->
+
+
+{% row() %}
+
+![Image](/images/tft_utility.jpg)
+
+|||
+
+## **A REAL UTILITY TOKEN**
+
+TFT is minted only when new Internet capacity is added to the ThreeFold Grid. A limited supply of 4 Billion TFT has been set to ensure the value keeps steady for the years to come with rising demand for a decentralized Internet.
+
+
+{% end %}
+
+
+<br>
+<br>
+
+<!-- section 8 (BURN AND FARM) -->
+
+
+{% row() %}
+
+## **BURN AND FARM EQUILIBRIUM**
+
+Burning permanently removes TFT from the circulating supply when the ThreeFold Grid gets used. It ensures a positive impact on pricing while ensuring rewards for all current and future nodes.
+
+
+
+|||
+
+![Image](/images/tft_burn.jpg)
+
+{% end %}
+
+
+<br>
+<br>
+
+
+<!-- section 10 (partners) -->
+
+{% row(style="center moderate") %}
+
+## **BELIEVERS IN TFT**
+
+
+![Image](/images/ourpartners.png)
+
+<button>[Check All Partners](/learn-more)</button>
+
+{% end %}

css/index.css

@@ -34,7 +34,7 @@ img[src*="#small"] {
 }
 
 img[src*="#medium"] {
-  width: 500px;
+  width: 400px;
   margin: auto;
 }
 
@@ -48,6 +48,15 @@ img[src*="#large"] {
   margin: auto;
 }
 
+img[src*="#tft_img"] {
+  width: 150px;
+  margin: 8px;
+}
+
+.logo_size{
+  width:200px
+}
+
 @layer components {
   h1 {
     @apply text-3xl lg:text-7xl font-normal;

templates/shortcodes/row.html

@@ -34,6 +34,13 @@ Parameters:
         {% set col_class = "flex-1 m-4 lg:m-0" %}
     {% endif %}
 
+     <!-- makes row semi-full screen width, strips margins -->
+     {% if "between" in style %}
+     {% set row_class = row_class ~ " lg:max-w-6xl" %}
+ {% elif "moderate" in style %}
+     {% set row_class = row_class ~ " lg:m-20" %}
+ {% endif %}
+
         <!-- makes row full screen width, strips margins -->
     {% if "narrow" in style %}
         {% set row_class = row_class ~ " lg:max-w-3xl" %}