From a888c97d529a72c568c190f3b3393b0d7874ca46 Mon Sep 17 00:00:00 2001
From: Just Call Me Koko <25190487+justcallmekoko@users.noreply.github.com>
Date: Tue, 4 May 2021 12:38:20 -0400
Subject: [PATCH] Create release_countdown.html

---
 release_countdown.html | 94 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 release_countdown.html
diff --git a/release_countdown.html b/release_countdown.html
new file mode 100644
index 0000000..a353b20
--- /dev/null
+++ b/release_countdown.html
@@ -0,0 +1,94 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>ESP32 Marauder Release</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+
+q {
+  position: absolute;
+  top: 50%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+p {
+  position: absolute;
+  top: 56%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  
+  text-align: center;
+  font-size: 30px;
+  color: white;
+  font-family: courier new;
+  
+  padding-top: 10px;
+}
+
+body {
+  background-color: black;
+}
+
+.countdown {
+  padding-top: 5%;
+}
+
+</style>
+</head>
+<body>
+
+<div>
+  <q>
+    <a href="https://www.tindie.com/products/justcallmekoko/esp32-marauder/"><img src="https://github.com/justcallmekoko/ESP32Marauder/raw/master/pictures/marauder3L.jpg?raw=true" alt="marauder">
+  </q>
+</div>
+
+<div>
+  <p class="countdown" id="demo"></p>
+
+  <script>
+// Set the date we're counting down to
+var countDownDate = new Date("Jun 1, 2021 15:00:00").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);
+    
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+  
+  document.title = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+    
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
+  </script>
+</div>
+
+</body>
+</html>
