From 132a3322a164b758da2f971c580d706cdf250286 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 17 May 2022 17:24:18 -0400
Subject: [PATCH] Content for authenticated users; script directions

---
 public/index.html | 20 +++++++++++---------
 public/style.css  | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index daa4caf..0bf689c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -154,7 +154,7 @@
             <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
           </li>
         </ul>
-        <a class="btn btn-primary mt-lg-0 mt-md-0 mt-sm-4 mt-4" href="https://github.com/apps/tea-xyz/installations/new"
+        <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>
@@ -175,7 +175,7 @@
             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.</p>
-          <a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
+          <a class="btn btn-primary auth-btn mb-3" 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="count2">287</span></span></a><br>
           <a class="btn btn-primary disabled mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="whitepaper.html"
@@ -190,19 +190,21 @@
               <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" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
-              <h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span
+              <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" style="text-align:center;">The revolution is here. Be among the first to
-                authenticate your Github with tea. </p>
-              <p style="text-align:center;">Early-adoption developers will be entitled a variety of exciting rewards,
+              <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="" style="background-color:#44494B; border-radius:5px;">
+            <div class="box-auth-false">
               <p class="text-center my-auto p-3">This is your chance to be early! <a
                   style="color:#54BAAB; text-decoration:none;"
                   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>
+            </div>
           </div>
         </div>
       </div>
@@ -570,4 +572,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/public/style.css b/public/style.css
index f9fc6bb..80d878f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8,6 +8,53 @@ body{
   background-color: #2B3033;
 }
 
+/*Post Authentication Box*/
+
+/*Directions for Jacob:
+
+For authenticated users:
+
+* .box-auth-true = display:block;
+* .box-auth-false = display: none;
+* #auth-username = editInnerHTML to show username/email
+* #count = editInnerHTML to show user's authentication number
+* #count-sub-text = editInnerHTML to read "YOUR AUTHENTICATION NUMBER"
+* #communitea = editInnerHTML to read "Thanks for joining our"
+* #revolution-text = editInnerHTML to read "Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates."
+* #auth-body-text = display: none;
+* .rounded-pill = display: none;
+* .auth-btn = editInnerHTML to read "Configure GitHub App"
+
+*/
+
+/*Begin Auth Module*/
+
+.box-auth-true{
+  background-color: #54BAAB !important;
+  border: 1.5px solid #13FBD9 !important;
+  box-shadow: 0px 0px 5px #13FBD9 !important;
+  border-radius: 5px;
+  display: none;
+}
+
+.box-auth-false{
+  background-color:#44494B;
+  border-radius:5px;
+  display: block;
+}
+
+#auth-username{
+  color: white;
+  text-decoration: underline;
+}
+
+#count-sub-text{
+  text-transform: uppercase;
+}
+
+.rounded-pill{
+}
+
 .navbar-dark .navbar-toggler{
   border:none;
 }