-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·69 lines (62 loc) · 2.68 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
69
<!doctype html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<title>The JS Clocks</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<style>
body {
height: 100vh;
display: grid;
grid-gap: 0px;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
padding: 2em;
}
svg {
width: 100%;
height: 100%;
}
.baton {
visibility: hidden;
}
</style>
</head>
<body>
<svg version="1.1" id="batons1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 841.9 1190.6" style="enable-background:new 0 0 841.9 1190.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;stroke:#000000;stroke-width:64.4301;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;}
</style>
<g class="baton baton1">
<line class="st0" x1="227.4" y1="108" x2="230.4" y2="1066.3"/>
<polygon class="st1" points="244.1,132.8 244.1,1043 252,1049.6 252,126.2 "/>
<polygon class="st1" points="211.6,125 243.1,125 252.8,117.2 201.9,117.2 "/>
</g>
<g class="baton baton2">
<line class="st0" x1="364.2" y1="107.8" x2="367.3" y2="1066"/>
<polygon class="st1" points="381,132.5 381,1042.8 388.8,1049.4 388.8,125.9 "/>
<polygon class="st1" points="348.5,124.7 380,124.7 389.7,116.9 338.8,116.9 "/>
</g>
<g class="baton baton3">
<line class="st0" x1="505" y1="108.1" x2="508.1" y2="1066.3"/>
<polygon class="st1" points="521.8,132.8 521.8,1043 529.6,1049.6 529.6,126.2 "/>
<polygon class="st1" points="489.3,125 520.7,125 530.5,117.2 479.6,117.2 "/>
</g>
<g class="baton baton4">
<line class="st0" x1="641.9" y1="107.8" x2="644.9" y2="1066.1"/>
<polygon class="st1" points="658.6,132.5 658.6,1042.8 666.5,1049.4 666.5,125.9 "/>
<polygon class="st1" points="626.1,124.7 657.6,124.7 667.3,116.9 616.4,116.9 "/>
</g>
<g class="baton baton5">
<line class="st0" x1="181.6" y1="87.5" x2="679.1" y2="1071.2"/>
<polygon class="st1" points="207.7,102.1 680.9,1044.3 690.9,1046.6 211.7,92.7 "/>
<polygon class="st1" points="175.1,109.7 203.3,95.6 208.4,84.2 162.9,107.1 "/>
</g>
</svg>
</body>
<script src="js/clocks.js"></script>
</html>