-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (53 loc) · 2.53 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
<!doctype html>
<html lang="mul" dir="ltr">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Environment Monitoring Graphs</title>
<meta name="title" content="Environment Monitoring Graphs" />
<meta name="description" content="Environment monitoring graphs for temperature and humidity." />
<meta name="copyright" content="Creative Commons Attribution-Share Alike 4.0" />
<meta name="language" content="Many" />
<meta name="robots" content="index, follow" />
<link rel="copyright" href="http://creativecommons.org/licenses/by-sa/4.0/" />
<link rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" />
</head>
<body>
<!-- Image of text at the top -->
<div style="margin: 1em 0 0.3em 0; text-align: center; font-size: 30px; line-height: 110%; font-family: 'Hoefler Text', Georgia, 'Times New Roman', Times, serif;">
<h1>Environment Monitoring Graphs</h1>
</div>
<div style="position: relative; text-align: center; vertical-align: middle; max-width: 100%; width: 1200px; margin: 0 auto; height: 810px;">
<!-- Left column -->
<div style="position: absolute; text-align: center; vertical-align: middle; max-width: 100%; width: 580px; margin: 0 auto; height: 810px; top: 0%; right: 600px;">
<div style="height: 270px;">
<img src="./graphs/temp_day.png" alt="Temperature over a day" title="Temperature over a day" />
</div>
<div style="height: 270px;">
<img src="./graphs/temp_week.png" alt="Temperature over a week" title="Temperature over a week" />
</div>
<div style="height: 270px;">
<img src="./graphs/temp_month.png" alt="Temperature over a month" title="Temperature over a month" />
</div>
</div>
<!-- Right column -->
<div style="position: absolute; text-align: center; vertical-align: middle; max-width: 100%; width: 580px; margin: 0 auto; height: 810px; top: 0%; left: 600px;">
<div style="height: 270px;">
<img src="./graphs/humid_day.png" alt="Humidity over a day" title="Humidity over a day" />
</div>
<div style="height: 270px;">
<img src="./graphs/humid_week.png" alt="Humidity over a week" title="Humidity over a week" />
</div>
<div style="height: 270px;">
<img src="./graphs/humid_month.png" alt="Humidity over a month" title="Humidity over a month" />
</div>
</div>
</div>
<!-- Footer -->
<div style="padding: 0 1%;"><hr /></div>
<div style="text-align: center; margin: 0 auto; max-width: 100%; width: 42em;" id="hundredk"><div>
Environment monitoring graphs for temperature and humidity.
</div></div>
<div style="padding: 0 1%;"><hr /></div>
</body>
</html>