poke/html/rewind.ejs
2023-12-25 15:50:00 +00:00

81 lines
2.4 KiB
Text

<!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>