From 73fc39a1a138fdcf8a0ce65e644684b3543bde55 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 27 Oct 2022 17:38:59 -0400
Subject: [PATCH] Added bigger banner, close button

---
 src/layouts/partials/header.html |  74 +++++++++++++++++++++++++++++--
 src/static/Images/tea-x.png      | Bin 0 -> 815 bytes
 src/static/Images/teal-x.svg     |   1 +
 3 files changed, 71 insertions(+), 4 deletions(-)
 create mode 100644 src/static/Images/tea-x.png
 create mode 100644 src/static/Images/teal-x.svg

diff --git a/src/layouts/partials/header.html b/src/layouts/partials/header.html
index 54f6b3f..53b6a9a 100644
--- a/src/layouts/partials/header.html
+++ b/src/layouts/partials/header.html
@@ -1,18 +1,69 @@
-<section class="countdown-section">
+
+
+<section class="countdown-section" id="countdown-section">
+  <button onclick="hideShow()" class="hide small" type="button" name="button">CLOSE</button>
   <div class="countdown-container">
-    <div class="countdown-contents"><p class="text-center countdown" id="something-new">A new brew's coming in <span id="demo"></span></p></div>
+    <div class="countdown-contents">
+      <p class="text-center display-1" id="demo"></p>
+      <p class="text-center authenticate display-6">Something big's brewing in Lisbon.</p>
+    </div>
   </div>
 </section>
 
 
      <style>
 
+       @media screen and (max-width: 576px) {
+
+         .hide{
+           position: absolute;
+           background-color:#1a1a1a !important;
+           border:none !important;
+           right: 5px;
+           top: 5px;
+           text-transform: uppercase;
+           color: #00ffd0;
+           z-index: 100;
+           opacity: 0.3;
+         }
+
+         .hide:hover{
+           opacity: 1;
+         }
+
+       }
+
+       @media screen and (min-width: 576px) {
+
+         .hide{
+           position: absolute;
+           background-color:#1a1a1a !important;
+           border:none !important;
+           right: 20px;
+           top: 20px;
+           text-transform: uppercase;
+           color: #00ffd0;
+           z-index: 100;
+           opacity: 0.3;
+         }
+
+         .hide:hover{
+           opacity: 1;
+         }
+
+       }
+
+
        @font-face {
          font-family: "pp-neue-machina";
          src: url("/fonts/PPNeueMachina-InktrapLight.woff") format("woff");
        }
 
-       #demo, .authenticate, #something-new{
+       .tea-logo{
+         width:20%;
+       }
+
+       #demo, .authenticate, #something-new, .hide{
          font-family: "pp-neue-machina", sans-serif;
        }
 
@@ -25,10 +76,11 @@
          background-color: #1a1a1a;
          position: relative;
          z-index: 100;
+         display: block;
        }
 
        .countdown-container{
-         height: 6vh;
+         height: 28vh;
          position: relative;
          width: 100%;
        }
@@ -109,6 +161,20 @@
 
     </style>
 
+    <script type="text/javascript">
+      function hideShow() {
+        var x = document.getElementById("countdown-section");
+        if (x.style.display === "none") {
+          x.style.display = "block";
+        } else {
+          x.style.display = "none";
+        }
+      }
+
+    </script>
+
+
+
     <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container" style="background-color:#8EC7BF;">
       <img src="/Images/github.svg" alt="" class="github-icon mx-auto">
 
diff --git a/src/static/Images/tea-x.png b/src/static/Images/tea-x.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea9a606b68786cbc21eac4a1fe483f097cbd9d37
GIT binary patch
literal 815
zcmV+~1JL}5P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!(Md!>RCwC#+|6y<Fcbh_Jx-7jGD0#z
z<4dkhfc9Qb(0YQV6SSS6zPCW{y*S-K8^j}cgz^PcfEY?7i|?O(0Br#hN%#Y0@!1lg
zJBoLIeqQ9at6a`<>2taNb^ZR(H5%FDtazZyp?LJeemH{roy+-A8(8Uku5{NR+~-_A
zjqJY9WrL7V4o2bKM4Q`OVcihku8g{u0teO#%E1ril<itaoQXF?pYqGiOgxMaxq~17
z@t)!W0pFb1Pe{ZCc#n}rE*i}tF2x%F_Y3<Cfmnk#0RFA$-!)<_-qSoVH}tUZRCarH
zrohAbU@9B8WnR<7NF>5TuiHn!lA5eqKqSOlVTubQdGPLpd7-P*nHaBsmJ3Hm<iHyR
zjEKmE_aa~<L{7X{0V5!C<4pp3MwGyt1?Uk`3U4-`CqzlSlK?#+O5>djXc<uhZxNtH
zL@m6<fR+$7@u~nVAZp`P18O2#z#{?FK(vBK1}KSW36B&|0?`^CIUpyZMLZTj4n(VX
zY=D%AxooWBu>ukz9ti5Q;IRV|BAUb#0aQd}#}floKor3f1r$US!xIM-KorGO0c1oJ
z$5R7jKvcm~1uTeH-SpD|bK+714<jk!;mG?+)Z9m{&jE^fwdvX94-iqW!W?*Nh!6-*
z1rdVbi6cTlJW)gliYJB$f$>BTlW{!EFxH*nrw5X8JWS8Fo#96?z&Kt{oI8`B&fo#h
zG9q}vvx*3w@GK&NH#}>I;1SOfB6!8Kf(V}REFgk+JZ(gXfTxKFQSh`7ArhVjB1FTJ
zMudoXl86u$PYMwt<4GVwbUbcEXaSEC5n93HLWGv^I1mRwT)p?E1w3NJFF<gQo;y5B
zMEqOxZHssq6sy*yitjzwcvOg~WjqSRC2OdL!mC9@z-{Yz6^MtFEA8{fx7P6%B5sB?
tR5ufd*yv?+yb;9xD~GM|#;1P*3;>s*(3LnEvaA3A002ovPDHLkV1hoBUV#7r

literal 0
HcmV?d00001

diff --git a/src/static/Images/teal-x.svg b/src/static/Images/teal-x.svg
new file mode 100644
index 0000000..8be21b1
--- /dev/null
+++ b/src/static/Images/teal-x.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2.48 2.48"><defs><style>.cls-1{fill:#54baab;}</style></defs><g id="Layer_1-2"><path class="cls-1" d="M1.49,1.24l.93-.93c.07-.07,.07-.18,0-.25s-.18-.07-.25,0l-.93,.93L.3,.05C.24-.02,.12-.02,.05,.05S-.02,.24,.05,.3l.93,.93L.05,2.17c-.07,.07-.07,.18,0,.25,.03,.03,.08,.05,.13,.05s.09-.02,.13-.05l.93-.93,.93,.93s.08,.05,.13,.05,.09-.02,.13-.05c.07-.07,.07-.18,0-.25l-.93-.93Z"/></g></svg>
\ No newline at end of file