clock/index.html at main · accuser/clock · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>Clock</title>
		<meta name="description" content="Made with ❤ by 🐨" />
		<link rel="stylesheet" href="src/clock.css" />
		<script src="src/clock.js"></script>
	</head>
	<body>
		<div class="container">
			<time id="clock" aria-live="polite" aria-atomic="true" aria-label="Current time">
				<span class="visually-hidden" id="clock-text"></span>
				<template id="template">
					<div>
						<span data="023456789"></span><span data="02356789"></span
						><span data="0123456789"></span> <span data="045689"></span
						><span data=":"></span><span data="01234789"></span>
						<span data="02345689"></span><span data="2345689"></span
						><span data="0123456789"></span> <span data="0268"></span
						><span data=":"></span><span data="013456789"></span>
						<span data="0235689"></span><span data="0235689"></span
						><span data="0123456789"></span>
					</div>
				</template>
			</time>
		</div>
		<script type="text/javascript">
			start(window.document.getElementById('clock'));
		</script>
	</body>
</html>