Skip to content
Permalink
master
Switch branches/tags

xkcd-countdown/index.html

Go to file
 
 
Cannot retrieve contributors at this time
40 lines (40 sloc) 1.46 KB
Raw Blame
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" />
<script src="framestr.js" defer></script>
<script src="frames.js" defer></script>
<script src="compare.js" defer></script>
<script src="animation.js" defer></script>
<script src="events.js" defer></script>
</head>
<body>
<main>
<div class="top">
<div class="xkbox" id="topleft">
<button id="view-tile">Tile/gallery</button>
<button id="view-compare">Compare</button>
<button id="view-anim">Animate</button>
</div>
<div class="xkbox" id="topright">
<p>This is available on <a href="https://github.com/munvoseli/xkcd-countdown">GitHub.</a> There is the program I am using to automatically check for updates.</p>
<p>It looks like it started on 01-10 17:00, and will end at 01-31 15:00 UTC. In your browser's local time, that's <span id="dateend"></span>.</p>
<p>These frames generally update once every four hours, but it can vary. One time, they were like 25 minutes apart.</p>
<p><span id="frame-progress"></span> frames loaded</p>
</div>
</div>
<div id="frames" class="xkbox"></div>
<div id="div-compare" class="xkbox" style="display:none">
<input id="compare-0" value="5" type="number" />
<input id="compare-1" value="9" type="number" />
<button id="compare-sub">Compare</button>
<canvas id="compare-out"></canvas>
</div>
<div id="div-anim" class="xkbox" style="display:none">
<button id="btn-anim">Play animation</button>
<canvas id="can-anim"></canvas>
</div>
</main>
</body>
</html>