/
index.html
68 lines (65 loc) · 1.7 KB
/
index.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
<head>
<title>gif clock</title>
<style type='text/css'>
body {
background:#000;
color:#fff;
text-transform:uppercase;
font-size:16px;
line-height:20px;
}
a {
color:#ff6b9d;
}
.images img {
position:absolute;
left:10px;
top:10px;
}
.non-images {
position:absolute;
left:520px;
top:30px;
width:200px;
}
</style>
</head>
<body>
<div class='images'>
<img src='1.gif' />
<img src='seconds.gif' />
<img src='hours.gif' />
<img src='minutes.gif' />
</div>
<div class='non-images'>
<h3>GIF CLOCK</h3>
<p>A clock made out of gifs. No Javascript, nothin.</p>
<p>It works, if you start it at midnight, or noon.</p>
<p>It's rather efficient because each hand is a separate GIF.</p>
<p>They line up in 43,200 ways but don't take much space.</p>
<p>Why make a gif clock? Why not make a gif clock.</p>
<p><a href='http://macwright.org/'>©tm</a></p>
</div>
</body>
</html>
</div>
<div class='non-images'>
<h3>GIF CLOCK</h3>
<p>A clock made out of gifs.</p>
</div>
<script type="text/javascript">
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4e36eb1ef5a1f53d6f000001');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script>
</body>
</html>