-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwrapper.html
153 lines (137 loc) · 5.22 KB
/
wrapper.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/weather-icons.css">
<link rel="stylesheet" type="text/css" href="css/weather-icons-wind.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<script src="main.js"></script>
<header>
<div title="location this data is displayed for" id="location"></div>
<div id="current">
<div title="Current Temperature" class="block">
<span id="now_temp" class="temperature"></span>
<div id="now_temp_note" class="note"></div>
</div>
<div title="Current Weather" class="block">
<div id="now_weather" class="icon wi">
</div>
</div>
<div title="Official Weather Warnings" class="block">
<div id="now_warning" class="warning wi"></div>
<div id="now_warning_note" class="note"></div>
</div>
</div>
</header>
<div id=details>
<div class="row">
<div title="Minimal/Maxial Projected Temperature Today" class="half-row">
<div class="cell icon">
<span class="wi wi-thermometer-exterior"></span> / <span class="wi wi-thermometer"></span>:
</div>
<div id="detail_temp" class="cell"></div>
</div>
<div title="Sunrise/Sunset Time" class="half-row">
<div class="cell icon">
<span class="wi wi-sunrise"></span> / <span class="wi wi-sunset"></span>:
</div>
<div id="detail_sun" class="cell"></div>
</div>
</div>
<div class="row even">
<div title="Wind Speed and Direction" class="half-row">
<div class="cell icon">
<span class="wi wi-strong-wind"></span>:
</div>
<div id="detail_wind" class="cell"></div>
</div>
<div title="Humidity" class="half-row">
<div class="cell icon">
<span class="wi wi-humidity"></span>:
</div>
<div id="detail_humid" class="cell"></div>
</div>
</div>
<div class="row">
<div title="Atmospheric Pressure" class="half-row">
<div class="cell icon">
<span class="wi wi-barometer"></span>:
</div>
<div id="detail_pressure" class="cell"></div>
</div>
<div title="Visibility Distance" class="half-row">
<div class="cell icon">
<span class="wi wi-windy"></span>:
</div>
<div id="detail_visibility" class="cell"></div>
</div>
</div>
<div class="row even">
<div title="Cloudiness" class="half-row">
<div class="cell icon">
<span class="wi wi-cloudy"></span>:
</div>
<div id="detail_cloudiness" class="cell"></div>
</div>
<div title="UV-Index" class="half-row">
<div class="cell icon">
<span class="wi wi-day-sunny"></span>:
</div>
<div id="detail_uv" class="cell"></div>
</div>
</div>
</div>
<div id=forecast>
<div class="day border">
<span id="forecast0_title" class="title"></span>
<div class="segment">
<span id="forecast00_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast00_note" class="note"></div>
<div title="Temperature" id="forecast00_temp" class="row"></div>
<div title="Rain" id="forecast00_rain" class="row"></div>
<div title="Wind" id="forecast00_wind" class="row"></div>
</div>
<div class="segment even">
<span id="forecast01_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast01_note" class="note"></div>
<div title="Temperature" id="forecast01_temp" class="row"></div>
<div title="Rain" id="forecast01_rain" class="row"></div>
<div title="Wind" id="forecast01_wind" class="row"></div>
</div>
<div class="segment">
<span id="forecast02_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast02_note" class="note"></div>
<div title="Temperature" id="forecast02_temp" class="row"></div>
<div title="Rain" id="forecast02_rain" class="row"></div>
<div title="Wind" id="forecast02_wind" class="row"></div>
</div>
</div>
<div class="day">
<span id="forecast1_title" class="title"></span>
<div class="segment">
<span id="forecast10_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast10_note" class="note"></div>
<div title="Temperature" id="forecast10_temp" class="row"></div>
<div title="Rain" id="forecast10_rain" class="row"></div>
<div title="Wind" id="forecast10_wind" class="row"></div>
</div>
<div class="segment even">
<span id="forecast11_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast11_note" class="note"></div>
<div title="Temperature" id="forecast11_temp" class="row"></div>
<div title="Rain" id="forecast11_rain" class="row"></div>
<div title="Wind" id="forecast11_wind" class="row"></div>
</div>
<div class="segment">
<span id="forecast12_icon" class="icon wi"></span>
<div title="Weather Prediction" id="forecast12_note" class="note"></div>
<div title="Temperature" id="forecast12_temp" class="row"></div>
<div title="Rain" id="forecast12_rain" class="row"></div>
<div title="Wind" id="forecast12_wind" class="row"></div>
</div>
</div>
</div>
</body>
</html>