standalone page => simple banner

src/layouts/page/launch-countdown.html

@@ -10,37 +10,6 @@
   </div>
 </section>
 
-<script>
-// Set the date we're counting down to
-var countDownDate = new Date("Nov 3, 2022 15:37:25").getTime();
-
-// Update the count down every 1 second
-var x = setInterval(function() {
-
-  // Get today's date and time
-  var now = new Date().getTime();
-
-  // Find the distance between now and the count down date
-  var distance = countDownDate - now;
-
-  // Time calculations for days, hours, minutes and seconds
-  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-
-  // Display the result in the element with id="demo"
-  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
-  + minutes + "m " + seconds + "s ";
-
-  // If the count down is finished, write some text
-  if (distance < 0) {
-    clearInterval(x);
-    document.getElementById("demo").innerHTML = "EXPIRED";
-  }
-}, 1000);
-</script>
-
 <style>
 
   @font-face {

src/layouts/partials/footer.html

@@ -168,3 +168,36 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
     rdt('track', 'SignUp');
     rdt('track', 'ViewContent');
   </script>
+
+  <!-- Launch Countdown Timer -->
+
+  <script>
+  // Set the date we're counting down to
+  var countDownDate = new Date("Nov 3, 2022 15:37:25").getTime();
+
+  // Update the count down every 1 second
+  var x = setInterval(function() {
+
+    // Get today's date and time
+    var now = new Date().getTime();
+
+    // Find the distance between now and the count down date
+    var distance = countDownDate - now;
+
+    // Time calculations for days, hours, minutes and seconds
+    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+    // Display the result in the element with id="demo"
+    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+    + minutes + "m " + seconds + "s ";
+
+    // If the count down is finished, write some text
+    if (distance < 0) {
+      clearInterval(x);
+      document.getElementById("demo").innerHTML = "EXPIRED";
+    }
+  }, 1000);
+  </script>

src/layouts/partials/header.html

@@ -1,4 +1,56 @@
+<section class="countdown-section">
+  <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>
+</section>
+
+
      <style>
+
+       @font-face {
+         font-family: "pp-neue-machina";
+         src: url("/fonts/PPNeueMachina-InktrapLight.woff") format("woff");
+       }
+
+       #demo, .authenticate, #something-new{
+         font-family: "pp-neue-machina", sans-serif;
+       }
+
+       #demo,
+       .authenticate a{
+         color: #00ffd0;
+       }
+
+       .countdown-section{
+         background-color: #1a1a1a;
+         position: relative;
+         z-index: 100;
+       }
+
+       .countdown-container{
+         height: 6vh;
+         position: relative;
+         width: 100%;
+       }
+
+       .countdown-contents{
+         width: 100%;
+         display: block;
+         position: absolute;
+         top: 50%;
+         -ms-transform: translateY(-50%);
+         transform: translateY(-50%);
+       }
+
+       .countdown{
+         margin-bottom: 0px !important;
+       }
+
+
+
+
+       /* Floating GitHub Icon */
+
       .gf-container {
         width: 80px;
         height: 80px;
@@ -54,7 +106,7 @@
         margin-top: auto;
         margin-bottom: auto;
       }
-      
+
     </style>
 
     <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container" style="background-color:#8EC7BF;">