From fd394ece32cfe2987e1cb62bd52a85fde564c2f8 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 27 Jun 2022 15:51:15 -0400
Subject: [PATCH] Changed styling, text... AMA -> Discord. Removed styling
 rules.

---
 src/layouts/index.html           | 23 ++++++++++++++++-------
 src/layouts/partials/header.html | 28 +---------------------------
 2 files changed, 17 insertions(+), 34 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index ac3292d..e23df97 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -47,13 +47,12 @@
           </div>
         </div>
 
-        <div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;">
-          <div class="card-body my-auto"
-            style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
-            <div class="p-lg-2 p-md-2 p-sm-0">
-              <p class="lead mt-2 ama-text">Tune into our weekly AMAs</p>
-              <a class="btn btn-primary cal-btn" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=NWIzOTJrY3Q0M21hMHFlMmpkZmJnMHZuYWhfMjAyMjA1MTVUMTcwMDAwWiBuaWNrQHRlYS54eXo&amp;tmsrc=nick%40tea.xyz&amp;scp=ALL"
-                role="button">Add to Calendar</a>
+        <div class="card ms-lg-5 ms-sm-0 mx-auto" style="border-radius:15px; z-index:100;">
+          <div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
+            <div class="p-lg-2 p-md-2 p-sm-0 text-center">
+              <p class="ama-text mb-3">Join our discord, where you can talk to our team on the regular and ask anything. </p>
+              <a class="btn btn-primary discord-btn mb-2" href="https://discord.gg/KCZsXfJphn"
+                role="button">Join Discord</a>
             </div>
           </div>
         </div>
@@ -62,6 +61,16 @@
     </div>
   </div>
 
+  <style>
+    .discord-btn{
+      background-color: #327280;
+    }
+
+    .discord-btn:hover{
+      background-color: #388495 !important;
+    }
+  </style>
+
   <!-- Mission Statement -->
   <img id="tea-steam-1" src="Images/tea-steam-1.svg" alt="">
   <img id="tea-steam-2" src="Images/tea-steam-2.svg" alt="">
diff --git a/src/layouts/partials/header.html b/src/layouts/partials/header.html
index 5190850..1a8b215 100644
--- a/src/layouts/partials/header.html
+++ b/src/layouts/partials/header.html
@@ -54,33 +54,7 @@
         margin-top: auto;
         margin-bottom: auto;
       }
-
-      .cal-btn{
-        float:right;
-        background-color:#327280;
-        width:200px;
-      }
-
-      .ama-text{
-        float:left;
-        margin-top:auto;
-        margin-bottom:auto;
-      }
-
-      @media only screen and (max-width: 600px) {
-        .cal-btn{
-          background-color:#327280;
-          width:100%;
-          margin-bottom: 20px;
-        }
-
-        .ama-text{
-          float: none;
-          text-align: center;
-          margin-bottom: 20px;
-
-        }
-      }
+      
     </style>
 
     <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">