78 lines
2.3 KiB
Text
78 lines
2.3 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 2023! - see the year 2023 in poke1" 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>
|
|
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
|
|
|
|
const countDownDate = new Date("December 28, 2023 00:00:00 UTC").getTime();
|
|
|
|
const x = setInterval(function() {
|
|
const now = new Date().getTime();
|
|
|
|
const distance = countDownDate - now;
|
|
|
|
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);
|
|
|
|
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 = "poke~ Rewind";
|
|
}
|
|
}, 1000); // Update every 1000 milliseconds
|
|
// @license-end
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|