Merge branch 'main' into website-version-3

.github/workflows/cd.yml

@@ -55,7 +55,7 @@ jobs:
           --cache-control max-age=600 \
           --exclude '.git/*' --exclude '.github/*' \
           --exclude 'pour.sh' \
-          --exclude 'tea.white-paper.pdf*' \
+          --exclude 'tea.white-paper*.pdf' \
           --exclude '*.md' \
           --delete
 

lychee.toml

@@ -14,5 +14,8 @@ exclude = [
   "https://tea.xyz/tea.products",
   "https://tea.xyz/tea.nebraska-man",
   "https://tea.xyz/tea.cli",
-  "https://github.com/teaxyz/pantry"
+  "https://github.com/teaxyz/pantry",
+  "https://tea.xyz/tea.authentication-success",
+  "https://tea.xyz/tea.email-subscribe",
+  "https://www.google.com/thank-you"
 ]

src/content/authentication-success.md

@@ -0,0 +1,5 @@
+---
+title: "Authentication Success"
+Description: "tea.authentication-success"
+layout: "authentication-success"
+---

src/content/email-subscribe.md

@@ -0,0 +1,5 @@
+---
+title: "Email Subscribe"
+Description: "tea.email subscribe"
+layout: "email-subscribe"
+---

src/layouts/page/authentication-success.html

@@ -0,0 +1,67 @@
+{{ define "main" }}
+
+<div class="container auth-success-container">
+  <div class="row">
+    <div class="col my-auto">
+      <div class="success-div p-4" style="
+            margin: 0;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width:70%;
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);">
+        <h1 class="display-4 text-center">Thanks for Authenticating!</h1>
+        <p class="lead text-center mb-5">You've just become an integral part in the future of the internet, AND you'll be entitled to a variety of exciting rewards such as minted NFT badges to honor your work thus far.</p>
+        <a class="btn btn-primary mb-3" href="https://tea.xyz"
+          role="button">Return to Home</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+
+  .auth-success-container{
+    height:100vh;
+    position: relative;
+    background-image: url("/Images/tea-steam-dark.svg");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+
+  .btn-primary{
+    display: block;
+    margin-left:auto;
+    margin-right:auto;
+  }
+
+  .success-gif{
+    width: 7vw;
+    height: 7vw;
+    border-radius: 100px;
+    background-image: url("/Images/auth-success.gif");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    display: block;
+    margin-left:auto;
+    margin-right:auto;
+  }
+
+  @media only screen and (max-width: 720px) {
+    .success-div{
+      width: 100% !important;
+    }
+
+    .success-gif{
+      width: 18vw;
+      height: 18vw;
+    }
+
+  }
+
+</style>
+
+{{ end }}

src/layouts/page/email-subscribe.html

@@ -0,0 +1,51 @@
+{{ define "main" }}
+
+<div class="container email-subscribe-container">
+  <div class="row">
+    <div class="col my-auto">
+      <div class="email-div p-4" style="
+            margin: 0;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width:50%;
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);">
+        <p class="text-center teal" style="text-transform: uppercase;">Wait... Before you authenticate</p>
+        <h1 class="display-4 text-center">Stay Up-to-Date</h1>
+        <p class="lead text-center mb-5">Don't worry, we won't blow up your inbox. We just want to keep you posted on the future of the internet–you know... small things like that.</p>
+        {{- partial "klaviyo-form.html" . -}}
+        <p class="small teal text-center">We will never share or sell your personal information. You can read more about our <a href="/privacy-policy/">privacy standards here.</a></p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+
+  .email-subscribe-container{
+    height:100vh;
+    position: relative;
+    background-image: url("/Images/tea-steam-dark.svg");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+
+  @media only screen and (max-width: 720px) {
+    .email-div{
+      width: 100% !important;
+    }
+
+  }
+
+</style>
+
+<script type="text/javascript">
+ KlaviyoSubscribe.attachToForms('#email_signup', {
+   hide_form_on_success: true,
+   success_url: "https://www.google.com/thank-you"
+ });
+</script>
+
+{{ end }}

src/layouts/page/keep-what-is-yours.html

@@ -85,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-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>
+        <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="/email-subscribe/" 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>
@@ -94,7 +94,7 @@
         <h2 class="display-3">Over 10 thousand 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 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 style="border: 2px solid #54BAAB;" class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="/email-subscribe/" 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>

src/layouts/page/pioneer-a-better-internet.html

@@ -108,7 +108,7 @@
           <p class="syne-body text-center mb-5 mt-5"><span class="yellow">tea</span> is putting an end to Big Tech making trillions off the generosity
             of the visionary developers and web pioneers who built the internet.
             You can be a part of this revolution.<br><br><span style="font-weight:700;">Authenticate now to gain early access to the <span class="teal">tea beta</span>.</span></p>
-          <a class="btn btn-primary auth-btn syne-btn mt-5 mb-3" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"
+          <a class="btn btn-primary auth-btn syne-btn mt-5 mb-3" href="/email-subscribe/"
             role="button">Authenticate with GitHub</a>
           <p class="small text-center syne-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>

src/layouts/page/white-paper.html

@@ -90,6 +90,8 @@
         ['English', ''],
         ['Bahasa Indonesia', '_id'],
         ['беларускі', '_be'],
+        ['Deutsch', '_de'],
+        ['官话', '_zh']
       ];
 
       document.addEventListener('DOMContentLoaded', function () {

src/layouts/partials/head.html

@@ -86,6 +86,7 @@
     <meta property="og:image" content="https://tea.xyz/cover.png" />
     <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
     <meta name="facebook-domain-verification" content="0fsbdl7joh0gha23zbhtovtpn0z0cl" />
+    <meta name="description" content="The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.">
 
     <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e64508136bc06d018940f2f3/script.js"></script>
 

src/layouts/partials/klaviyo-form.html

@@ -5,7 +5,8 @@
   .kl-private-reset-css-Xuajs1{
     display: block !important;
     padding: 0px !important;
-    margin: 0px !important;
+    margin-top: auto !important;
+    margin-bottom: auto !important;
   }
 
   .go3894874857{
@@ -28,7 +29,7 @@
     font-size: 16px !important;
   }
 
-  #email_48240757{
+  #email_48240998{
     width: 100%;
     height: 45px !important;
     font-size: 16px !important;
@@ -41,7 +42,7 @@
     transition: 0.1s ease-in-out !important;
   }
 
-  #email_48240757:focus{
+  #email_48240998:focus{
     border: 1px solid #54BAAB !important;
     box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5) !important;
   }

src/static/Images/tea-steam-dark.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 563.29 614.46"><defs><style>.cls-1{fill:#23282c;}</style></defs><path class="cls-1" d="M509.65,614.46c9.54-.75,19.08-1.49,30.07-8.12,14.66-8.83,21.23-22.8,21.92-38.23,24.92-290.19-240.4-415.47-252.16-418.4-24.26-15.4-55.79-1.4-65.26,24.32-9.47,25.72-1.32,55.83,24.4,65.35,8.09,5.13,211.67,102.58,194.65,322.97,.07,24.98,19.21,48.46,46.38,52.1Z"/><path class="cls-1" d="M297.84,461.93c7.33-4.42,12.44-12.5,17.56-20.59,9.47-25.72,1.32-55.83-24.4-65.35-8.09-5.13-211.68-102.58-194.65-322.97C99.96,25.84,80.81,2.35,49.98,.92,26.47-4.92,5.25,17.87,1.65,45.06-23.27,335.25,242.05,460.53,253.81,463.45c13.96,6.59,33.05,5.1,44.04-1.52Z"/></svg>