-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathindex.html
85 lines (67 loc) · 2.58 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/mirror.css" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="col-xs-6 text-left" id="weather-panel">
<div>
<span class="title" id="temperature">-4˚</span>
<figure class="icons">
<canvas id="weather-icon" width="64" height="64" class="wind">
</canvas>
</figure>
<p class="sub-title" id="hour-summary">Venté</p>
<p class="sub-sub-title" id="day-summary">Venté durant toute la journée.</p>
</div>
</div>
<div class="col-xs-6 text-right" id="clock-panel">
<div>
<span class="title" id="hour">22</span>
<span class="title" id="separator">:</span>
<span class="title" id="minutes">10</span>
<p class="sub-title" id="day">Lundi^</p>
<p class="sub-sub-title" id="date">10 janvier 2017</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center" id="message-panel">
<div>
<p class="center-message">Hello pretty face!</p>
<p class="center-message">You look crazy beautiful today.</p>
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="text-left" id="news-panel"></div>
</div>
<div class="col-xs-6" id="transport-panel">
<div class="line-schedule text-right" id="transport0"></div>
<div class="line-schedule text-right" id="transport1"></div>
<div class="line-schedule text-right" id="transport2"></div>
<div class="line-schedule text-right" id="transport3"></div>
</div>
</div>
</body>
<!-- External libs fix -->
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="libs/jquery.min.js"></script>
<script src="libs/bootstrap.min.js"></script>
<script src="libs/skycons.js"></script>
<script>
require('./js/weather.js');
require('./js/clock.js');
require('./js/news.js');
require('./js/transport.js');
require('./js/server.js');
</script>
<script>if (window.module) module = window.module;</script>
</html>