From 61bf09e8c0e2019c0ba211aa664c4d15995b1a7b Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:49:21 -0400
Subject: [PATCH 1/9] Added email subscribe form

---
 src/layouts/page/keep-what-is-yours.html | 35 ++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index cffa6bf..0e08c82 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -71,6 +71,41 @@
         <p class="small boiler">Limited numbers of tea beta invites will be given to the first devs who authenticate their Github account. So don’t delay, get it while it’s hot.</p>
       </div>
     </div>
+    <div class="row">
+      <div class="col-lg-8 mt-5">
+        <h3 class="mb-4 display-6">Stay up to date with all the latest tea news</h3>
+          <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
+            <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
+              <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
+                <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
+                   <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
+                      <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
+                      <input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
+                     </input>
+                   </form>
+                   <div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
+                   </div>
+                   <div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
+                     <input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
+                   </div>
+                 </div>
+              </div>
+            </div>
+        </div>
+      </div>
+    </div>
+
+    <style>
+
+      #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+        width:69%;
+      }
+
+      #keep-email-btn{
+        width:29%;
+        float:right;
+      }
+    </style>
 
 <!-- Start three column value props -->
 

From b731a3ec5fb6dfc5e1528e345af2ee7ba3c380c4 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 10:58:26 -0400
Subject: [PATCH 2/9] Add whitepaper button to the right of auth button

---
 src/layouts/page/keep-what-is-yours.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 0e08c82..273fb3a 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -67,7 +67,13 @@
     <div class="row">
       <div class="col" style="z-index:100;">
         <h2 class="display-3">Thousands of developers have authenticated their Github with tea. This is your chance to be an early member of our Communitea.</h2>
-        <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
+        <div class="row">
+          <div class="col-lg-6 p-0">
+            <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
+            <a class="btn btn-primary mt-4 mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="/white-paper/"
+              role="button" style="background:transparent; float:right;">Read Our White Paper</a>
+          </div>
+        </div>
         <p class="small boiler">Limited numbers of tea beta invites will be given to the first devs who authenticate their Github account. So don’t delay, get it while it’s hot.</p>
       </div>
     </div>

From 04a5e3388fa6b0a5265fc49e108f3c24af1ee8da Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:00:00 -0400
Subject: [PATCH 3/9] Update placeholder

---
 src/layouts/page/keep-what-is-yours.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 273fb3a..3978329 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -85,7 +85,7 @@
               <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
                 <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
                    <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
-                      <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
+                      <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
                       <input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
                      </input>
                    </form>

From 3d8a1cc802224aab53d0c4dd0ea046b3ee437a39 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:03:29 -0400
Subject: [PATCH 4/9] Adjusted form width to match Figma

---
 src/layouts/page/keep-what-is-yours.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 3978329..9ad1473 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -77,9 +77,17 @@
         <p class="small boiler">Limited numbers of tea beta invites will be given to the first devs who authenticate their Github account. So don’t delay, get it while it’s hot.</p>
       </div>
     </div>
+
+    <!-- Start email subscribe form -->
+
     <div class="row">
-      <div class="col-lg-8 mt-5">
+      <div class="col mt-5">
         <h3 class="mb-4 display-6">Stay up to date with all the latest tea news</h3>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="col-lg-7">
           <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
             <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
               <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">

From 85a5a686cccb1c3765e1d760dcd25806b1433fc4 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:07:36 -0400
Subject: [PATCH 5/9] Margin adjustment

---
 src/layouts/page/keep-what-is-yours.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 9ad1473..6c55198 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -70,7 +70,7 @@
         <div class="row">
           <div class="col-lg-6 p-0">
             <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
-            <a class="btn btn-primary mt-4 mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="/white-paper/"
+            <a class="btn btn-primary mt-4" id="whitepaper-btn" href="/white-paper/"
               role="button" style="background:transparent; float:right;">Read Our White Paper</a>
           </div>
         </div>

From 425bfef5e6d738a7c7c008ba39a8932e41dcdf6e Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:15:54 -0400
Subject: [PATCH 6/9] Optimize subscribe form for mobile

---
 src/layouts/page/keep-what-is-yours.html | 30 ++++++++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 6c55198..4856ff9 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -111,14 +111,34 @@
 
     <style>
 
-      #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
-        width:69%;
+
+      @media only screen and (max-width: 576px) {
+
+        #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+          width:100%;
+        }
+
+        #keep-email-btn{
+          width:100%;
+          float:none;
+          margin-bottom:20px;
+        }
+
       }
 
-      #keep-email-btn{
-        width:29%;
-        float:right;
+      @media only screen and (min-width: 576px) {
+
+        #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+          width:69%;
+        }
+
+        #keep-email-btn{
+          width:29%;
+          float:right;
+        }
+
       }
+
     </style>
 
 <!-- Start three column value props -->

From 364b1b9d8f09553a6214b257c2bea3f869093bfc Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:22:56 -0400
Subject: [PATCH 7/9] Mobile optimization

---
 src/layouts/page/keep-what-is-yours.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 4856ff9..500aa24 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -70,7 +70,7 @@
         <div class="row">
           <div class="col-lg-6 p-0">
             <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
-            <a class="btn btn-primary mt-4" id="whitepaper-btn" href="/white-paper/"
+            <a class="btn btn-primary mt-lg-4 mt-md-4 mt-sm-0 mt-0 whitepaper-btn-right" id="whitepaper-btn" href="/white-paper/"
               role="button" style="background:transparent; float:right;">Read Our White Paper</a>
           </div>
         </div>
@@ -109,8 +109,9 @@
       </div>
     </div>
 
-    <style>
+<!-- Styling for Subscibe form -->
 
+    <style>
 
       @media only screen and (max-width: 576px) {
 
@@ -124,6 +125,11 @@
           margin-bottom:20px;
         }
 
+        .whitepaper-btn-right{
+          width:100%;
+          margin-bottom: 10px;
+        }
+
       }
 
       @media only screen and (min-width: 576px) {
@@ -141,6 +147,8 @@
 
     </style>
 
+<!-- End styling for subscribe form -->
+
 <!-- Start three column value props -->
 
 <style>

From a2efc39cf98d51616897c2c575513b3a96ca90ae Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:31:01 -0400
Subject: [PATCH 8/9] Misc. cleanup

---
 src/layouts/page/keep-what-is-yours.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 500aa24..48acaf4 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -69,7 +69,7 @@
         <h2 class="display-3">Thousands of developers have authenticated their Github with tea. This is your chance to be an early member of our Communitea.</h2>
         <div class="row">
           <div class="col-lg-6 p-0">
-            <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
+            <a style="border: 2px solid #54BAAB;" class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
             <a class="btn btn-primary mt-lg-4 mt-md-4 mt-sm-0 mt-0 whitepaper-btn-right" id="whitepaper-btn" href="/white-paper/"
               role="button" style="background:transparent; float:right;">Read Our White Paper</a>
           </div>
@@ -113,6 +113,10 @@
 
     <style>
 
+      #keep-btn-bottom:hover{
+        border: 2px solid #62CFBF !important;
+      }
+
       @media only screen and (max-width: 576px) {
 
         #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{

From e848abda835847ec172622d78b923c959dd27f25 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 12:36:16 -0400
Subject: [PATCH 9/9] Tablet cleanup

---
 src/layouts/page/keep-what-is-yours.html | 31 +++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 48acaf4..089ebeb 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -53,6 +53,31 @@
         }
     }
 
+    @media only screen and (max-width: 992px) and (min-width: 576px)  {
+
+      #keep-btn-top{
+        width:75%;
+      }
+
+      #keep-btn-bottom{
+        width:49%;
+      }
+
+      .whitepaper-btn-right{
+        width: 49%;
+      }
+
+      .boiler{
+        width:75%;
+      }
+
+      .whitepaper-syne-btn,
+      .discord-syne-btn{
+        width:100%;
+      }
+
+    }
+
   </style>
 
   <img id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
@@ -60,7 +85,7 @@
   <div class="container pt-5 pb-5">
     <div class="row">
       <div class="col" style="z-index:100;">
-        <h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-5 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a></h1>
+        <h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-0 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a></h1>
         <p style="color:#b3c8c8;" class="mt-5 mb-5 lead">Equitable Open-Source for web3</p>
       </div>
     </div>
@@ -229,7 +254,7 @@
      <div class="col-lg-4 col-md-4 col-sm-12 col-12 syne-col pt-5 pb-3" style="display:flex; flex-direction:column;">
        <hr class="syne-hr">
        <h3 class="mb-4">We’re calling on all open‐source devs to authenticate their Github with tea.</h3>
-       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="/white-paper/"
+       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0 whitepaper-syne-btn" id="whitepaper-btn" href="/white-paper/"
          role="button" style="background:transparent;">Read Our White Paper</a>
        <hr class="syne-hr d-none d-lg-block" style="margin-top:auto;">
      </div>
@@ -243,7 +268,7 @@
      <div class="col-lg-4 col-md-4 col-sm-12 col-12 syne-col pt-5 pb-3">
        <hr class="syne-hr">
        <h3 class="mb-4">Join our discord, where you can talk to our team on the regular and ask anything.</h3>
-       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="https://discord.gg/KCZsXfJphn"
+       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0 discord-syne-btn" id="whitepaper-btn" href="https://discord.gg/KCZsXfJphn"
          role="button" style="background:transparent;">Join our Discord</a>
        <hr class="syne-hr d-none d-lg-block">
      </div>