This repository has been archived by the owner on Jul 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
59 lines (50 loc) · 1.72 KB
/
index.htm
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
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<!-- get some html9 responsive boilerstrap -->
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="moment.min.js" type="text/javascript"></script>
<script src="coolclock.js" type="text/javascript"></script>
<script type="text/javascript">
function update_clock() {
var now = moment();
//$('#d').text(now.format('ddd, Do MMM YYYY'));
//$('#t').text(now.format('HH:mm:ss'));
//var hue = (now.seconds() + (now.milliseconds() / 1000)) * 6;
//$('#t').css('color', 'hsl(' + hue + ', 100%, 50%)');
//setTimeout('update_clock()', 100);
}
//setTimeout('update_clock()', 100);
CoolClock.config.skins = {
swissRail2: {
outerBorder: { lineWidth: 185, radius: 2, color: "#a3a3a3", alpha: 1 },
smallIndicator: { lineWidth: 2, startAt: 88, endAt: 92, color: "#a3a3a3", alpha: 0 },
largeIndicator: { lineWidth: 4, startAt: 79, endAt: 92, color: "#a3a3a3", alpha: 1 },
hourHand: { lineWidth: 8, startAt: -15, endAt: 50, color: "#CCCCCC", alpha: 1 },
minuteHand: { lineWidth: 4, startAt: -15, endAt: 75, color: "#CCCCCC", alpha: 1 },
secondHand: { lineWidth: 1, startAt: -20, endAt: 85, color: "#CCCCCC", alpha: 1 },
},
}
</script>
</head>
<body>
<div id="outer">
<div id="cam0" class="cam">
<img src="http://cam0:1100/video3.mjpg">
<div class="camtext">cam0</div>
</div>
<div id="cam1" class="cam">
<img src="http://cam1:1200/video3.mjpg">
<div class="camtext">cam1</div>
</div>
<div id="clock">
<canvas id="clock1" class="CoolClock:swissRail2:200"></canvas>
</div>
<div class="face">
<div id="hour"></div>
<div id="minute"></div>
<div id="second"></div>
</div>
</div>
</body>
</html>