-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (78 loc) · 3.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:400,600">
<link rel="stylesheet" href="css/main.css">
<title>Weather Ladder · Current conditions and forecast at a glance</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-27368347-8', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<section class="splash js-splash fullscreen-open">
<div class="splash-content">
<img class="splash-icon" src="images/icons/clear-day.svg" alt="Loading...">
</div>
<div class="splash-gradient">
</div>
</section>
<section class="background current js-current">
<button class="open-modal js-open-modal">
<img class="open-modal-icon" src="images/icons/compass.svg" alt="Reset location">
</button>
<div class="weather">
<img class="icon js-icon" src="images/icons/default.svg" alt="Current weather">
<div class="description">
<div class="time-and-location">
<span class="js-time"></span><br>
<span class="js-location"></span><br>
</div>
<div class="temp-and-weather">
<span class="temp">
<span class="js-temp"></span>°</span>
<span class="js-weather"></span>
</div>
</div>
</div>
</section>
<section class="background forecast js-forecast-1"></section>
<section class="background forecast js-forecast-2"></section>
<section class="background forecast js-forecast-3"></section>
<section class="background forecast js-forecast-4"></section>
<section class="background forecast js-forecast-5"></section>
<section class="background forecast js-forecast-6"></section>
<section class="background forecast js-forecast-7"></section>
<section class="background forecast js-forecast-8"></section>
<section class="background forecast js-forecast-9"></section>
<section class="background forecast js-forecast-10"></section>
<section class="background forecast js-forecast-11"></section>
<section class="background forecast js-forecast-12"></section>
<section class="location-modal js-modal">
<button class="close-modal js-close-modal">
×
</button>
<button class="button reset-location js-reset-location">
Reset location
</button>
<p>
<a href="https://github.com/nickpiesco/weather-ladder">Source on GitHub</a> • Powered by <a href="https://darksky.net/poweredby/">Dark Sky</a> and <a href="http://nominatim.openstreetmap.org/">OpenStreetMap</a>
</p>
</section>
<section class="error-message js-error">
<img class="error-icon" src="/images/icons/umbrella.svg" alt="Sorry...">
<p>
Sorry, there was an error. Please refresh or try again later.
</p>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/color-js/1.0.1/color.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>