-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
149 lines (142 loc) · 9.06 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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>Aurat kartalla - Helsingin talvihoidon työt visualisoituna</title>
<meta name="description" content="Lumiaurojen liikkeet kartalla. Kartalta löytyvät myös kevyen liikenteen väylien tilanne, hiekoitus- sekä suolausautojen liikkeet. Kannattaako tänään pyöräillä töihin? Katso!" />
<meta name="rating" content="Safe For Kids" />
<meta name="author" content="Sampsa Kuronen>" />
<meta name="copyright" content="(C) Sampsa Kuronen" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noodp" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://www.auratkartalla.com">
<link href="//fonts.googleapis.com/css?family=Exo+2:400,800" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<meta property="og:title" content="Helsingin talvihoidon työt kartalla" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="726913580660019" />
<meta property="og:url" content="http://www.auratkartalla.com" />
<meta property="og:image" content="https://auratkartalla.com/images/og-logo.png" />
<meta property="og:site_name" content="Helsingin talvihoidon työt kartalla" />
<meta property="og:description" content="Lumiaurojen liikkeet kartalla. Kartalta löytyvät myös kevyen liikenteen väylien tilanne, hiekoitus- sekä suolausautojen liikkeet. Kannattaako tänään pyöräillä töihin? Katso!" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@auratkartalla" />
<meta name="twitter:creator" content="@sampsakuronen" />
<meta name="twitter:title" content="Helsingin talvihoidon työt kartalla" />
<meta name="twitter:description" content="Lumiaurojen liikkeet kartalla. Kartalta löytyvät myös kevyen liikenteen väylien tilanne, hiekoitus- sekä suolausautojen liikkeet. Kannattaako tänään pyöräillä töihin? Katso!" />
<meta name="twitter:image" content="https://auratkartalla.com/images/og-logo.png" />
<link rel="shortcut icon" href="/images/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-160x160.png" sizes="160x160" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="/images/favicons/mstile-70x70.png" />
<meta name="msapplication-square144x144logo" content="/images/favicons/mstile-144x144.png" />
<meta name="msapplication-square150x150logo" content="/images/favicons/mstile-150x150.png" />
<meta name="msapplication-square310x310logo" content="/images/favicons/mstile-310x310.png" />
<meta name="msapplication-wide310x150logo" content="/images/favicons/mstile-310x150.png" />
</head>
<body>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47272336-1', 'auratkartalla.com');
ga('send', 'pageview');
</script>
<!--[if lte IE 9]>
<style>#info, #visualization, #info-button, #visualization-button {display: none !important} #upgrade-browser {display: block !important; margin: 5% auto; width: 50%; line-height: 24px; font-size: 18px}</style>
<div id="upgrade-browser">Tämä sivusto ei valitettavasti toimi Internet Explorerin versioilla 8 tai 9. Suosittelen sinua päivittämään selaimesi. Selaimen päivittäminen parantaa hurjasti sinun nettikokemusta ja tietoturvaa!<br/><br/><a href="https://www.google.com/intl/fi/chrome/browser/">Google Chromen voit ladata tästä.</a></div>
<![endif]-->
<a href="https://plus.google.com/100723818959801774365" rel="publisher" style="position:absolute;z-index:-1">Google+</a>
<div id="map-canvas"></div>
<div id="info">
<div id="info-button">info</div>
<div class="expanded">
<div class="info-container" role="contentinfo">
<button id="info-close">Sulje</button>
<h1>Aurat kartalla</h1>
<p>
Tämän palvelun on tehnyt Sampsa Kuronen harrasteprojektinaan viikonlopussa. Verorahoja ei ole tähän törsätty!
</p>
<p>
Kartalla esitetään <a href="http://www.hel.fi/stara" target="_blank" title="Stara">Staran</a> toimittamia tietoja talvihoidon töistä Helsingissä. Tiedot ovat osa Helsingin kaupungin <a href="http://www.hri.fi/en/" target="_blank" title="Helsinki Region Infoshare">avoimen datan hanketta</a>. Käytetty rajapinta löytyy <a href="http://dev.hel.fi/apis" target="_blank" title="Dev.hel.fi APIs page">täältä</a>.
</p>
<p>
Tiedot perustuvat vain osaan kaikista talvihoitoon osallistuvista vekottimista.
</p>
<p class="copyright">
<a href="https://github.com/sampsakuronen/snowplow-visualization" target="_blank" title="Auratkartalla.com codebase on Github">Codebase</a><br/>
<a href="https://www.twitter.com/auratkartalla" target="_blank" title="Auratkartalla.com on Twitter">@auratkartalla</a><br/>
<a href="https://www.twitter.com/sampsakuronen" target="_blank" title="Sampsa Kuronen on Twitter">@sampsakuronen</a>
</p>
</div>
</div>
</div>
<div id="visualization-button">≡</div>
<div id="visualization">
<button id="visualization-close">Sulje</button>
<h2 class="no-top-margin">Näytä aurat ajalta</h2>
<div id="load-spinner">
<div id="followingBallsG_1" class="followingBallsG"></div>
<div id="followingBallsG_2" class="followingBallsG"></div>
<div id="followingBallsG_3" class="followingBallsG"></div>
<div id="followingBallsG_4" class="followingBallsG"></div>
</div>
<nav id="time-filters">
<ol role="navigation">
<li data-hours="1">1 tunti</li>
<li data-hours="2">2 tuntia</li>
<li data-hours="8" class="active">8 tuntia</li>
<li data-hours="12">12 tuntia</li>
<li data-hours="24">24 tuntia</li>
<li data-hours="72">3 vuorokautta</li>
<li data-hours="168">1 viikko</li>
</ol>
</nav>
<div id="notification"></div>
<h2>Värien merkitykset</h2>
<ul class="legend">
<li class="kv" data-job="kv" data-selected="true">Pyöräily-/kävelyväylien huolto</li>
<li class="hi" data-job="hi" data-selected="true">Hiekoitus</li>
<li class="su" data-job="su" data-selected="true">Suolaus</li>
<li class="au" data-job="au" data-selected="true">Auraus</li>
<li class="other" data-job="nt, hs, ln" data-selected="true">Muu</li>
</ul>
<h2>Lisäksi kesällä</h2>
<ul class="legend">
<li class="hn" data-job="hn" data-selected="true">Hiekanpoisto</li>
<li class="ps" data-job="ps" data-selected="true">Pölynsidonta</li>
<li class="hs" data-job="hs" data-selected="true">Höyläys</li>
<li class="pe" data-job="pe" data-selected="true">Pesu</li>
</ul>
</div>
<div id="facebook-like"><div class="fb-share-button" data-href="http://www.auratkartalla.com" data-width="200" data-type="box_count"></div></div>
<div id="fb-root"></div>
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="js/lodash.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyDnn8IjDlhfvpJo1Kbr4k6eRz7W5GMr1yw"></script>
<script src="js/main.js"></script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=726913580660019";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>