From 9511a8d2836d2ef959fa4bc045c86bf52022dcf3 Mon Sep 17 00:00:00 2001
From: Jacob Heider <jacob@tea.xyz>
Date: Tue, 17 May 2022 19:23:30 -0400
Subject: [PATCH] add script to make post-auth changes

---
 public/index.html | 41 ++++++++++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 11 deletions(-)

diff --git a/public/index.html b/public/index.html
index 0bf689c..e9a8aae 100644
--- a/public/index.html
+++ b/public/index.html
@@ -45,7 +45,7 @@
 
   <script>
     const q = window.location.search.match(/[\^\?&]store=[^&]*/)
-    if(q) {
+    if (q) {
       localStorage.signup = q[0].split('=')[1]
       window.location.replace(`${window.location.origin}${window.location.pathname}`)
     }
@@ -154,9 +154,9 @@
             <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
           </li>
         </ul>
-        <a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" href="https://github.com/apps/tea-xyz/installations/new"
-          role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
-              id="count1">287</span></span></a>
+        <a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
+          href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
+            class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
       </div>
     </div>
   </nav>
@@ -190,11 +190,14 @@
               <p class="card-title display-1"
                 style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span
                   id="count"></span></p>
-              <p class="text-center" id="count-sub-text" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
-              <h5 class="mb-3" style="text-align:center; font-size:2rem;"><span id="communitea">Join the<span> communi'<span
-                  style="color:#54BAAB;">tea</span></h5>
-              <p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. Be among the first to authenticate your Github with tea. </p>
-              <p style="text-align:center;" id="auth-body-text">Early-adoption developers will be entitled a variety of exciting rewards,
+              <p class="text-center" id="count-sub-text" style="text-transform:uppercase; color:#54BAAB;">Developers
+                Authenticated</p>
+              <h5 class="mb-3" style="text-align:center; font-size:2rem;"><span id="communitea">Join the<span>
+                    communi'<span style="color:#54BAAB;">tea</span></h5>
+              <p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. Be among
+                the first to authenticate your Github with tea. </p>
+              <p style="text-align:center;" id="auth-body-text">Early-adoption developers will be entitled a variety of
+                exciting rewards,
                 including minted NFT certificates. Take a sip while it’s hot!</p>
             </div>
             <div class="box-auth-false">
@@ -203,7 +206,8 @@
                   href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
             </div>
             <div class="box-auth-true">
-              <p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2" style="color:#23282C;"></i>Authenticated as <span id="auth-username">[username]</span></p>
+              <p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2"
+                  style="color:#23282C;"></i>Authenticated as <span id="auth-username">[username]</span></p>
             </div>
           </div>
         </div>
@@ -568,8 +572,23 @@
     $(window).scroll(function () {
       $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
     });
+    if (localStorage['signup'].match(/:::/)) {
+      const [username, serial] = localStorage.signup.split(':::');
+      $('.box-auth-true').show();
+      $('.box-auth-false').hide();
+      $('#auth-username').html(username);
+      $('#count').html(serial);
+      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
+      $('#communitea').html('Thanks for joining our');
+      $('#revolution-text').html(
+        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
+      );
+      $('#auth-body-text').hide();
+      $('.rounded-pill').hide();
+      $('.auth-btn').html('Configure GitHub App');
+    }
   </script>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file