XWasHere
/
collapse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

master
xwashere 2024-07-12 23:04:25 -04:00
commit e7b208f882
Signed by: XWasHere
GPG Key ID: 042F8BFA1B0EF93B
1 changed files with 81 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
index.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<title>The day that changed the world.</title>
<style>
body {
margin-top: 20px !important;
}
body, html {
height: 100%;
width: 100%;
margin: 0;
main, div {
max-width: fit-content;
margin-left: auto;
margin-right: auto;
}
}
</style>
</head>
<body>
<main>
<div id='c'>Soon</div>
<div id='l'>Earth</div>
<!-- <div id='d'>Unknown, Return later</div> -->
</main>
<script>
function go() {
const reckoning = Date.parse("2025-08-17T00:00:00.000Z");
const data = [
[ "Seattle, Washington, United States of America" ],
[ "Berlin, Germany" ],
[ "Paris, France" ],
[ "Geneva, Switzerland" ],
[ "District of Columbia, United States of America" ]
];
const countdown = document.getElementById('c');
const location = document.getElementById('l');
function updateCountdown() {
let p = "";
let o = reckoning - Date.now();
let years, months, days, hours, minutes, seconds;
o-= (years = Math.floor(o / 31557600000)) * 31557600000;
o-= (months = Math.floor(o / 2629800000)) * 2629800000;
o-= (days = Math.floor(o / 86400000)) * 86400000;
o-= (hours = Math.floor(o / 3600000)) * 3600000;
o-= (minutes = Math.floor(o / 60000)) * 60000;
o-= (seconds = Math.floor(o / 1000)) * 1000;
if (years) p += `${years}Y `;
if (months) p += `${months}M `;
if (days) p += `${days}D `;
if (hours) p += `${hours}h `;
if (minutes) p += `${minutes}m `;
if (seconds) p += `${seconds}s `;
countdown.textContent = p.substring(0, p.length - 1);
}
function updateLocation() {
let area = data[Math.floor(Math.random() * data.length)];
location.textContent = area[0];
}
updateLocation();
updateCountdown();
setInterval(updateCountdown, 1000);
}
go();
</script>
</body>
</html>