add rewind :3

2025-07-17 16:52:11 +00:00 · 2023-12-25 15:50:00 +00:00 · 2023-12-25 15:50:00 +00:00 · 48ed191b57
commit 48ed191b57
parent 763c375951
1 changed files with 81 additions and 0 deletions
--- a/html/rewind.ejs
+++ b/html/rewind.ejs
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Poke Rewind</title>
+  <link href="/css/yt-ukraine.svg?v=6" rel=icon>
+  <meta content="website" property="og:type">
+  <meta content="Poke Rewind 2024" property="twitter:description">
+  <meta content="Poke Rewind!" property="og:title">
+  <meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/aa70111e-5bcd-4379-8b23-332a33012b78.image.png?v=1701898829884" property="og:image"  />
+  <meta content="summary_large_image" name="twitter:card">
+  <style>
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      margin: 0;
+      font-family: 'Arial', sans-serif;
+      background-color: #1a1a1a;
+      color: #ffffff;
+    }
+    img {
+      height: 2em;
+      margin-left: auto;
+      margin-right: auto;
+      text-align: center;
+      display: flex;
+      margin-bottom: 12px;
+    }
+    #countdown {
+      font-size: 36px;
+      text-align: center;
+      padding: 20px;
+      border: 2px solid #444;
+      border-radius: 10px;
+      background-color: #333;
+      box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+    }
+  </style>
+</head>
+<body>
+
+<div>
+  
+<img src="/css/logo-poke.svg">
+<div id="countdown"></div>
+  </div>
+
+<script>
+// Set the date we're counting down to
+const countDownDate = new Date("December 27, 2023 00:00:00 UTC").getTime();
+
+// Update the countdown every 1 second
+const x = setInterval(function() {
+  // Get the current date and time
+  const now = new Date().getTime();
+
+  // Calculate the remaining time in milliseconds
+  const distance = countDownDate - now;
+
+  // Calculate days, hours, minutes, and seconds
+  const days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  const seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+  // Display the countdown in the "countdown" div
+  document.getElementById("countdown").innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s`;
+
+  // If the countdown is over, display a message
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("countdown").innerHTML = "EXPIRED";
+  }
+}, 1000); // Update every 1000 milliseconds (1 second)
+</script>
+
+</body>
+</html>