From e5c5afbbaa3e99497d5467cd61796ad0b14134b7 Mon Sep 17 00:00:00 2001
From: fred <support@qo-op.com>
Date: Tue, 6 Dec 2022 22:51:12 +0100
Subject: [PATCH] WELCOME TIMER

---
 G1BILLETS.sh | 29 +++++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)
diff --git a/G1BILLETS.sh b/G1BILLETS.sh
index 8ea4a7a..19d8645 100755
--- a/G1BILLETS.sh
+++ b/G1BILLETS.sh
@@ -115,12 +115,33 @@ Access-Control-Allow-Methods: GET
 Server: Astroport
 Content-Type: text/html; charset=UTF-8
 
-<!DOCTYPE html><html><head>
+<!DOCTYPE html><html>
+<head>
     <title>[Astroport] G1BILLET MICRO SERVICE - 33101 - 33102 -</title>
     <meta http-equiv="refresh" content="30; url='$HNAME':33102" />
-</head><body>
-    <p><a href="'$HNAME':33102">(♥‿‿♥)</a>.</p>
- </body></html>'
+    <style>
+        #countdown { display: flex; justify-content: center; align-items: center; color: #0e2c4c; font-size: 20px; width: 60px; height: 60px; background-color: #e7d9fc; border-radius: 50%;}
+    </style>
+</head>
+<body>
+    <center><h1><a href="'$HNAME':33102">(♥‿‿♥)</a>.</h1></center>
+    <center><div id="countdown"></div></center>
+    <script>
+    var timeLeft = 30;
+var elem = document.getElementById("countdown");
+var timerId = setInterval(countdown, 1000);
+
+function countdown() {
+    if (timeLeft == -1) {
+        clearTimeout(timerId);
+        doSomething();
+    } else {
+        elem.innerHTML = timeLeft + " s";
+        timeLeft--;
+    }
+}
+</script>
+</body></html>'
 
 function urldecode() { : "${*//+/ }"; echo -e "${_//%/\\x}"; }
 
