Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/jackmawer/clock. A clock, simple as that. Used in my smart clock project. clock.mawersoft.co.uk
mawersoft
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<!DOCTYPE html><html>
<head> <meta charset="UTF-8"> <title>Clock</title> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|VT323" rel="stylesheet">
<style> html { background: #000000; }
html, body { height: 100%; display: grid; text-align: center; overflow: hidden; font-size: 3.5vh; }
#clock { margin: auto; }
#time, #date, #motd { margin: auto; color: transparent; transition: all 0.5s ease; }
#time { font-family: 'VT323', monospace; /*font-size: 9rem;*/ font-size: 15rem; }
#date, #motd { font-family: 'Source Code Pro', monospace; font-size: 2.5rem; } </style> </head>
<body> <!--<iframe src="https://player.twitch.tv/?volume=0.41&!muted&channel=yogscast" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:-1;"></iframe>--> <!--<canvas id="galaxy" style="position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;"></canvas>--> <span id="clock"> <p id="date">Weekday, 88th Month 2088</p> <p id="time">88:88:88 xx</p> <p id="motd">Loading...</p> </span>
<script src="js/galaxy.js"></script> <script src="js/index.js"></script>
<video autoplay muted loop> <source src="data:video/webm;base64,GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBAkKFgQIYU4BnQI0VSalmQCgq17FAAw9CQE2AQAZ3aGFtbXlXQUAGd2hhbW15RIlACECPQAAAAAAAFlSua0AxrkAu14EBY8WBAZyBACK1nEADdW5khkAFVl9WUDglhohAA1ZQOIOBAeBABrCBCLqBCB9DtnVAIueBAKNAHIEAAIAwAQCdASoIAAgAAUAmJaQAA3AA/vz0AAA=" type="video/webm"> </video> </body>
</html>