mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 04:08:39 +01:00
81 lines
2.4 KiB
Text
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>
|