70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
|
|
<head>
|
|
<link href="https://unpkg.com/picnic" rel="stylesheet">
|
|
<title>RetryLife</title>
|
|
<style>
|
|
@font-face{
|
|
font-family: "8-bit";
|
|
src: url('./font.txt'),
|
|
url('./font.txt'); /* IE */
|
|
}
|
|
body {
|
|
font-family: "8-bit";
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="flex one three-600 demo">
|
|
<div><span></span></div>
|
|
<div style="text-align:center;" class="lll"><span>
|
|
<br>
|
|
<br>
|
|
<h1>RetryLife</h1>
|
|
<p id="demo">21d 12h 19m 33s </p>
|
|
<a href="Http://retrylife.bandcamp.com"><h2>Music</h2></a>
|
|
<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h2>YouTube</h2></a>
|
|
<a href="https://twitch.tv/retrylife/"><h2>Twitch</h2></a>
|
|
<a href="https://ewpratten.deviantart.com/"><h2>DeviantArt</h2></a>
|
|
<a href="https://devcredits.herokuapp.com/"><h2>devCredits</h2></a>
|
|
<a href="http://www.retrylife.ca/button/"><h2>The Button</h2></a>
|
|
<a href="https://github.com/Ewpratten"><h2>Github</h2></a>
|
|
<a href="https://keybase.io/ewpratten"><h2>Keybase</h2></a>
|
|
|
|
|
|
|
|
<script>
|
|
// Set the date we're counting down to
|
|
var countDownDate = new Date("Dec 25, 2017 9:0:0").getTime();
|
|
|
|
// Update the count down every 1 second
|
|
var x = setInterval(function() {
|
|
|
|
// Get todays date and time
|
|
var now = new Date().getTime();
|
|
|
|
// Find the distance between now an the count down date
|
|
var distance = countDownDate - now;
|
|
|
|
// Time calculations for days, hours, minutes and seconds
|
|
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
|
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
|
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
|
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
|
|
|
// Output the result in an element with id="demo"
|
|
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
|
|
+ minutes + "m " + seconds + "s ";
|
|
|
|
// If the count down is over, write some text
|
|
if (distance < 0) {
|
|
clearInterval(x);
|
|
document.getElementById("demo").innerHTML = "";
|
|
}
|
|
}, 1000);
|
|
</script>
|
|
</span></div>
|
|
<div><span></span></div>
|
|
</div>
|
|
</body>
|