From 3b3b8581c3bcfd6d1fac50241ebb00d0cf2225af Mon Sep 17 00:00:00 2001
From: Sam T <sam@samtaggart.com>
Date: Mon, 5 Sep 2022 10:04:53 +0200
Subject: [PATCH] Content changes

---
 content/_index.md        | 22 ++++++-------
 content/cloud/index.md   | 10 +++---
 content/footer/_index.md |  3 ++
 content/header/index.md  | 42 +++++++++++++++++++-----
 static/css/index.css     | 70 +++++++++++++++++++++++++++++++++++-----
 5 files changed, 113 insertions(+), 34 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index 830ba5464..e394d4a42 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -25,29 +25,25 @@ extra:
 
 ## Planet & People-First **Internet.**
 
-We are a global, decentralized, open-source movement of believers in a better world who choose to act. Together we are building an equal, safe, private, and regenerative Internet.
+We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up.
 
 {% end %}
 
 {% row(style="center narrow") %}
 
-<button>[Farm](/farm)</button>
-
-|||
-
 <button>[Build](/cloud)</button>
 
 |||
 
-<button>[Token](https://library.threefold.me/info/threefold#/tokens/threefold__tokens_home)</button>
+<button>[Get TFT](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy)</button>
 
 |||
 
-<button>[Chat](https://t.me/threefold)</button>
+<button>[TF Chat](https://t.me/threefold)</button>
 
 {% end %}
 
-<!-- section 5 (Map) -->
+<!-- section 2 (Map) -->
 
 
 {% grid_stats() %}
@@ -59,7 +55,7 @@ We are a global, decentralized, open-source movement of believers in a better wo
 {% end %}
 
 
-<!-- section 2 (EXPAND) -->
+<!-- section 3 (EXPAND) -->
 
 {% row(style="center margin") %}
 
@@ -89,7 +85,7 @@ The community has already started using ThreeFold for its autonomous, decentrali
 
 {% end %}
 
-<!-- section 9 (FEATURED STORIES) -->
+<!-- section 4 (FEATURED STORIES) -->
 
 {% featured_stories() %}
 
@@ -97,7 +93,7 @@ The community has already started using ThreeFold for its autonomous, decentrali
 
 {% end %}
 
-<!-- section 6 (THE TEAM) -->
+<!-- section 5 (THE TEAM) -->
 
 {% team_sec() %}
 
@@ -105,7 +101,7 @@ The community has already started using ThreeFold for its autonomous, decentrali
 
 {% end %}
 
-<!-- section 7 (PARTNERS) -->
+<!-- section 6 (PARTNERS) -->
 
 {% row(style="center margin") %}
 
@@ -123,7 +119,7 @@ We are truly proud to be trusted by some of the biggest names in the industry.
 
 <br>
 
-<!-- section 8 (IN THE NEWS) -->
+<!-- section 7 (IN THE NEWS) -->
 
 {% row(style="center") %}
 
diff --git a/content/cloud/index.md b/content/cloud/index.md
index be58bdf8e..8738584f0 100644
--- a/content/cloud/index.md
+++ b/content/cloud/index.md
@@ -22,7 +22,11 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on
 
 {% row(style="center narrow") %}
 
-<button>[Deploy](https://dashboard.grid.tf)</button>
+<button>[Dashboard](https://dashboard.grid.tf)</button>
+
+|||
+
+<button>[Weblets](https://play.grid.tf)</button>
 
 |||
 
@@ -30,10 +34,6 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on
 
 |||
 
-<button>[Learn](https://library.threefold.me/info/threefold#/cloud/threefold__cloud_intro)</button>
-
-|||
-
 <button>[Chat](https://t.me/threefoldtesting)
 
 {% end %}
diff --git a/content/footer/_index.md b/content/footer/_index.md
index 7f407167e..4bc4e7069 100644
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -26,6 +26,9 @@ extra:
 
 ###### [Testing Community](https://t.me/threefoldtesting)
 
+###### [ThreeFold Connect: iOS](https://apps.apple.com/us/app/3bot-login/id1459845885)
+
+###### [ThreeFold Connect: Android](https://play.google.com/store/apps/details?id=org.jimber.threebotlogin&hl=en_US)
 
 |||
 
diff --git a/content/header/index.md b/content/header/index.md
index 3573030fa..8e0cb5042 100644
--- a/content/header/index.md
+++ b/content/header/index.md
@@ -10,7 +10,7 @@ extra:
 
 - [Mission]("/mission")
 - [Grid]("/grid")
-- [Cloud]("/cloud")
+- [Build]("/cloud")
 - [Farm]("/farm")
 - [TFT]("/tft")
 - Ecosystem
@@ -57,18 +57,36 @@ Join The Developer Community
 
 - MoreInfo
 
-{% row() %}
+{% row(style="wide") %}
 
-#### Resources 
+
+#### Tools
 
 <button>
 
-[Explorer](https://dashboard.grid.tf/)
-
-ThreeFold Capacity Explorer
+[ThreeFold Connect](https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect)
+<br>
+TFT Wallet, 2FA, & More
 
 </button>
 
+<button>
+
+[Dashboard](https://dashboard.grid.tf/)
+<br>
+Portal & Capacity Explorer
+
+</button>
+
+<button>
+
+[Weblet Playground](https://play.grid.tf)
+<br>
+Deploy a VM & More
+
+|||
+
+#### Resources 
 
 <button>
 
@@ -84,6 +102,14 @@ Explore the Documentation
 <br>
 Get Started on the Grid
 
+</button>
+
+<button>
+
+[GitHub](https://github.com/)
+<br>
+Code Library & Documentation
+
 |||
 
 #### Dive Deeper
@@ -106,9 +132,9 @@ Check the Latest Updates
 
 <button>
 
-[Litepaper](https://litepaper.threefold.me)
+[Intro Docs](https://intro.threefold.me)
 <br>
-Get the Full Picture
+Perfect for Newcomers
 
 |||
 
diff --git a/static/css/index.css b/static/css/index.css
index dd399d4f9..956e32766 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1374,8 +1374,6 @@ button{
   border-width: 2px;
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
-  padding-left: 3rem;
-  padding-right: 3rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   text-transform: capitalize;
@@ -3191,6 +3189,39 @@ h1 {
   line-height: 4rem;
 }
 
+.nav p > a {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+  line-height: 1.5rem;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  border-radius: 0.25rem;
+  border-color: transparent;
+  padding: 0.5rem;
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+  display: inline-block;
+  border-width: 2px;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+  padding-left: 3rem;
+  padding-right: 3rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  text-transform: capitalize;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+
+.nav p > a:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(231 229 228 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
+}
+
 .article p{
   font-size: 1.125rem;
   font-family: Lato,sans-serif!important;
@@ -3223,8 +3254,11 @@ button :is(:where(p)) {
   font-weight: 400;
 }
 
-button a {
-  color: black;
+button a{
+  padding-left: 3rem;
+  padding-right: 3rem;
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
 a {
@@ -3425,16 +3459,28 @@ header {
 }
 
 header #menu button{
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 0.25rem;
   border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
   border-color: transparent;
   padding: 0.5rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
   text-align: left;
+  text-transform: capitalize;
   line-height: 1.5rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
@@ -3454,6 +3500,18 @@ header #menu button:first-child:hover{
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
+@media (min-width: 1024px){
+  header #menu button{
+    margin-right: 1.25rem;
+    font-size: 1.125rem;
+  }
+}
+
+header #menu button a{
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
 .focus-within\:outline-none:focus-within{
   outline: 2px solid transparent !important;
   outline-offset: 2px !important;
@@ -4122,10 +4180,6 @@ header #menu button:first-child:hover{
     max-width: 72rem !important;
   }
 
-  .lg\:max-w-3xl{
-    max-width: 48rem !important;
-  }
-
   .lg\:flex-1{
     flex: 1 1 0% !important;
   }