update homepage

miladrahimi · miladrahimi · commit 1d198f134a89 · 2024-08-20T17:08:29.000+02:00
diff --git a/web/android.html b/web/android.html
@@ -11,7 +11,7 @@
     <link rel="apple-touch-icon" href="images/nightell.jpg">
     <link rel="icon" href="images/nightell-bw.jpg">
 </head>
-<body>
+<body onload="startCountdown()">
 
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
     <symbol id="arrow-right-circle" viewBox="0 0 16 16">
@@ -29,7 +29,11 @@
 
     <main class="mt-4">
         <h1 class="text-body-emphasis mb-5 text-center">Download Nightell for Android</h1>
-        <p>To proceed with downloading the Nightell app for Android devices, click the link below:</p>
+        <p>
+            To proceed with downloading the Nightell app for Android devices,
+            you will be redirected in <span id="countdown">5</span> seconds...
+        </p>
+        <p>If the redirection does not work, please click the link below:</p>
         <ul class="list-unstyled ps-0">
             <li>
                 <a class="icon-link mb-1" rel="nofollow"
@@ -50,6 +54,19 @@ <h1 class="text-body-emphasis mb-5 text-center">Download Nightell for Android</h
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
         crossorigin="anonymous"></script>
-
+<script>
+    function startCountdown() {
+        let counter = 5;
+        const countdownElement = document.getElementById('countdown');
+        const interval = setInterval(function () {
+            countdownElement.textContent = `${counter}`;
+            counter--;
+            if (counter < 0) {
+                clearInterval(interval);
+                window.location.href = "https://play.google.com/store/apps/details?id=com.neatplex.nightell";
+            }
+        }, 1000);
+    }
+</script>
 </body>
 </html>
