diff --git a/content/header/index.md b/content/header/index.md index 29274bbd5..05fc606bd 100644 --- a/content/header/index.md +++ b/content/header/index.md @@ -11,6 +11,7 @@ extra: - [Deploy]("/deploy") - [Host]("/host") - [Utilization]("/utilization") +- [TFT]("/tft") - [News]("/newsroom") - [Blog]("/blog") - [People]("/people") diff --git a/content/tft/application.png b/content/tft/application.png new file mode 100644 index 000000000..9b9d26d59 Binary files /dev/null and b/content/tft/application.png differ diff --git a/content/tft/arrow_right.png b/content/tft/arrow_right.png new file mode 100644 index 000000000..440a18977 Binary files /dev/null and b/content/tft/arrow_right.png differ diff --git a/content/tft/arrow_right2.png b/content/tft/arrow_right2.png new file mode 100644 index 000000000..7a44d3fb6 Binary files /dev/null and b/content/tft/arrow_right2.png differ diff --git a/content/tft/capacity_2.png b/content/tft/capacity_2.png new file mode 100644 index 000000000..95939f408 Binary files /dev/null and b/content/tft/capacity_2.png differ diff --git a/content/tft/farming_process.png b/content/tft/farming_process.png new file mode 100644 index 000000000..e722d64a8 Binary files /dev/null and b/content/tft/farming_process.png differ diff --git a/content/tft/index.md b/content/tft/index.md new file mode 100644 index 000000000..295375d00 --- /dev/null +++ b/content/tft/index.md @@ -0,0 +1,211 @@ +--- +title: "TFT" +description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used +template: "page.html" +insert_anchor_links: "left" +extra: + author: Your name here + imgPath: tfy/tft_header.png +--- + + +
+ +{% row(style="header") %} + +

All Transactions Use One Token: TFT

+ +#### No Intermediaries + +
+ +Whether you are hosting the cloud or deploying solutions on the Grid you will earn or use TFT. + + +
+ + + + +||| + +![Image](tft_header.png#mx-auto) + +{% end %} + +
+ + + + + + +
+ +
+ + +{% row( style="mtop semiNarrow") %} + +### **EARN TFT** + +## **The Farming Process** + +#### Host The Cloud And Become A ThreeFold Farmer. + +{% end %} + +
+ +{% row( style="center semiNarrow") %} + +![Image](step1.png#mx-auto) + +
+ +**Set up and connect a node to the ThreeFold Grid.** + +||| + +
+ +![Image](arrow_right2.png#mx-auto) + +
+ +||| + +![Image](step2.png#mx-auto) + +
+ +**Your node and its capacity is verified by the ThreeFold blockchain.** + +||| + +
+ +![Image](arrow_right2.png#mx-auto) + +
+ +||| + +![Image](step3.png#mx-auto) + +
+ +**Earn TFT for the uptime and capacity you provide to the Grid.** + +{% end %} + +
+ +{% row( style="mbottom center semiNarrow") %} + + + +{% end %} + +
+ +
+ + + + + + +
+ +{% row( style="mtop semiNarrow") %} + +### **USE TFT** + +## **The Utilization Process** + +#### Access ThreeFold Grid Capacity and Build + +{% end %} + +
+ +{% row( style="center narrow") %} + +![Image](step3.png#mx-auto) + +
+ +**Users pay utilization fees (using TFT) to use compute, storage and network capacity.** + +||| + +
+ +![Image](arrow_right2.png#mx-auto) + +
+ +||| + +![Image](capacity_2.png#mx-auto) + +
+ +**They can then use this capacity to build or deploy on top of the ThreeFold Grid.** + + +{% end %} + +
+ +{% row( style="mbottom center semiNarrow") %} + + + +{% end %} + +
+ + + + + + + \ No newline at end of file diff --git a/content/tft/step1.png b/content/tft/step1.png new file mode 100644 index 000000000..095f3ba85 Binary files /dev/null and b/content/tft/step1.png differ diff --git a/content/tft/step2.png b/content/tft/step2.png new file mode 100644 index 000000000..d95073d77 Binary files /dev/null and b/content/tft/step2.png differ diff --git a/content/tft/step3.png b/content/tft/step3.png new file mode 100644 index 000000000..fc75197cd Binary files /dev/null and b/content/tft/step3.png differ diff --git a/content/tft/tft_header.png b/content/tft/tft_header.png new file mode 100644 index 000000000..059a31c34 Binary files /dev/null and b/content/tft/tft_header.png differ diff --git a/css/index.css b/css/index.css index beb758ea0..ad9618421 100644 --- a/css/index.css +++ b/css/index.css @@ -8,9 +8,7 @@ @import "tailwindcss/components"; @import "admonition.css"; @import "tailwindcss/utilities"; -@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); +@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Custom CSS for header partial */ .backdrop-blur { @@ -93,9 +91,7 @@ a img:hover{ width:200px } -h1 { - line-height: 3rem; -} + .blue{ color:#2E83FF } @@ -154,10 +150,12 @@ h1 { h1 { @apply text-4xl lg:text-6xl font-normal; color: #2b2b2b; + font-family: "Lato", sans-serif !important; } h2 { @apply text-3xl lg:text-4xl my-4 font-normal leading-none; color: #2b2b2b; + font-family: "Lato", sans-serif !important; } h2 strong { @apply font-semibold; @@ -165,22 +163,27 @@ h1 { h3 { @apply text-2xl lg:text-3xl my-4 font-extralight; color: #2b2b2b; + font-family: "Lato", sans-serif !important; } h3 strong { @apply font-normal; } h4 { @apply text-xl lg:text-2xl font-normal; + font-family: "Lato", sans-serif !important; } h5 { @apply text-lg my-1 tracking-normal font-semibold; + font-family: "Lato", sans-serif !important; } h6 { @apply text-md not-italic font-normal my-1; + font-family: "Lato", sans-serif !important; } p { @apply text-lg; color: #3d3d3d; + font-family: "Lato", sans-serif !important; } blockquote { @apply border-l-4 border-gray-400 mx-2 my-2 p-2; @@ -226,20 +229,20 @@ h1 { .article h2{ font-size: 2.25rem; - font-family: Lato,sans-serif!important; + font-family: "Lato", sans-serif; line-height: 1.5; font-weight: 700; color:#333; } .article h1{ - font-family: Lato,sans-serif!important; + font-family: "Lato", sans-serif; } } .article p{ font-size: 1.125rem; - font-family: Lato,sans-serif!important; + font-family: "Lato", sans-serif; line-height: 1.7; color:#333 } @@ -256,7 +259,7 @@ h1 { font-size: 1rem; } .main-title { - font-family: Lato,sans-serif!important; + font-family: "Lato", sans-serif; } @@ -288,7 +291,7 @@ a { } header { - font-family: "Work Sans"; + font-family: "Lato", sans-serif; } .nav_btn { @@ -432,15 +435,15 @@ header { } .my-test{ - font-family: "Work Sans", sans-serif !important; + font-family: "Lato", sans-serif; } .post-content-text .my-test { - font-family: "Work Sans", sans-serif !important; + font-family: "Lato", sans-serif; line-height: 1.7; } .post-content-text h2 { - font-family: Lato,sans-serif!important; + font-family: "Lato", sans-serif; line-height: 1.5; font-size: 2.25rem; font-weight: 700; @@ -473,6 +476,12 @@ header { .banner h2 svg { font-size: 30px; } + .arrow img{ + -moz-transform:rotate(90deg); + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform: rotate(90deg); + } } @media (max-width: 480px) { diff --git a/static/images/arrow_right.png b/static/images/arrow_right.png new file mode 100644 index 000000000..440a18977 Binary files /dev/null and b/static/images/arrow_right.png differ diff --git a/templates/_default/base.html b/templates/_default/base.html index b51872dea..ac9766787 100644 --- a/templates/_default/base.html +++ b/templates/_default/base.html @@ -45,7 +45,7 @@
{% block content %}{% endblock %}
-
+
{% include "partials/footer.html" %}
diff --git a/templates/partials/footer.html b/templates/partials/footer.html index 72298f4f4..18302481d 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -8,9 +8,9 @@ -
+