forked from hugovk/cycle148hki
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
299 lines (270 loc) · 17.3 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Project #cycle148HKI</title>
<!--[if IE]><link rel="shortcut icon" href="favicon.ico"><![endif]-->
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="style.css?v=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.min.css" />
<![endif]-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@hugovk" />
<meta name="twitter:title" content="Project #cycle148HKI" />
<meta name="twitter:description" content="Collect a cycle-ride in all of Helsinki's sub-districts!" />
<meta name="twitter:image" content="https://cycle148hki.github.io/logo.png" />
<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-2827121-9', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<h1 id="top"><img src="logo.png" alt="Project #cycle148HKI" width=300 height=102></h1>
<P class="center">Collect a cycle-ride in all of Helsinki's sub-districts!
<h2>
<a id="rules" class="anchor" href="#rules" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
“Rules” in brief
</h2>
<ol>
<li>The idea is to ride in as many of Helsinki's 148 sub-districts (<i>osa-alueet</i>) as possible (in principle during a short period of time, for example one year, but there's no specific time limit).
<li>When you start a collection, start from zero, regardless of any previous bike rides.
<li>Each #cycle148HKI-cyclist keeps a record of their own gathered sub-districts.
<li>Cycling along the border of two sub-districts or making a little scratch of a sub-district is not enough, it must have been clearly cycled in. A smallish visit is enough, it's not needed to go right through or into the middle of the sub-district. It should also be noted for the Santahamina sub-district it's sufficient to go up to the garrison gate.
<li>Each #cycle148HKI-gatherer is of course responsible for themselves, to follow the rules of the road while respecting the environment and not to drop litter.
<li>It's desirable, but not mandatory, to share photos of at least some of the trips to social media, such as Flickr, Twitter and Instagram using the hashtag #cycle148HKI.
</ol>
<h2>
<a id="maps" class="anchor" href="#maps" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Maps
</h2>
<P class="center"><a href="map_big.png"><img alt="Map of the sub-districts" src="map.png" width=762 height=600></a><br>
<span class="cite">Edit of a <a href="https://commons.wikimedia.org/wiki/File:Helsinki_subdivisions-fi.svg">map</a> CC BY-SA 3.0 Oona Räisänen</span>
<ul>
<li>A <a href="map.html">mobile-friendly map</a> to find your position and tell you which one you're in. Tip: add <code>?done=XXX,YYY,ZZZ</code> to the end with the three-digit codes of the sub-districts you've been to, for example <a href="map.html?done=020,030,040,070,101,102,104,111,112,113,121,122,130,140,150,161,162,171,172,173,174,180,201,202,211,213,220,231,232,240,250,260,270,281,282,283,284,285,286,287,292,301,305,332,341,342,351,353,354,361,362,363,364,370,382,383,384,385,386,392,402,411,412,414,415,420,431,432,433,434,452,453,454,457,293,294,331,334,335,333,336,320,463,464,465,461,462,306,304,291,302,303,313,314,311,312,203,212,103,050,204,060,090,080,010,381,391,403,401,352,473,549,548,560,570,472,471,475,474,550,580,592,591,413,456,451,541,542,543,546,545,547,544,455,190,491,493,494,492,495,510,440,480,500,520">like this</a>.
<li>A <a href="https://kartta.hel.fi/?setlanguage=en&e=25498837.34&n=6674152.42&r=26.49&w=*&l=Karttasarja%2Cosaalueet_WFS&o=100,100">zoomable map</a> showing each sub-district. And the same map with a <a href="https://kartta.hel.fi/?setlanguage=en&e=25498837.34&n=6674152.42&r=26.49&w=*&l=Karttasarja%2Cosaalueet_WFS&o=30,100">lighter background</a> and with <a href="https://kartta.hel.fi/?setlanguage=en&e=25498837.34&n=6674152.42&r=26.49&w=*&l=osaalueet_WFS">just the sub-districts</a>.
<li>A <a href="map-layers.psd">Photoshop map</a> with layers for the map and borders: useful for filling in visited areas in layers. Here's just the <a href="map-base.png">map base</a> and <a href="map-borders.png">borders</a> as PNG files.
<li>The image above in <a href="map.png">PNG</a> and <a href="map.svg">SVG</a> formats.
<li>A <a href="https://www.hel.fi/hel2/tietokeskus/julkaisut/pdf/13_04_30_piirijakokartta_2013.pdf">PDF map</a> with a list of areas.
</ul>
<h2>
<a id="the148" class="anchor" href="#the148" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
The 148 sub-districts
</h2>
<P class="center">Both Finnish and <i>Swedish</i> names.
<P>
<table class="center">
<tr>
<td style="width:50%;">
<ul>
<li>010 Kruununhaka <i>(Kronohagen)</i>
<li>020 Kluuvi <i>(Gloet)</i>
<li>030 Kaartinkaupunki <i>(Gardesstaden)</i>
<li>040 Kamppi <i>(Kampen)</i>
<li>050 Punavuori <i>(Rödbergen)</i>
<li>060 Eira <i>(Eira)</i>
<li>070 Ullanlinna <i>(Ulrikasborg)</i>
<li>080 Katajanokka <i>(Skatudden)</i>
<li>090 Kaivopuisto <i>(Brunnsparken)</i>
<li>101 Vilhonvuori <i>(Vilhelmsberg)</i>
<li>102 Kalasatama <i>(Fiskehamnen)</i>
<li>103 Sompasaari <i>(Sumparn)</i>
<li>104 Hanasaari <i>(Hanaholmen)</i>
<li>111 Siltasaari <i>(Broholmen)</i>
<li>112 Linjat <i>(Linjerna)</i>
<li>113 Torkkelinmäki <i>(Torkelsbacken)</i>
<li>121 Harju <i>(Ås)</i>
<li>122 Alppila <i>(Alphyddan)</i>
<li>130 Etu-Töölö <i>(Främre Tölö)</i>
<li>140 Taka-Töölö <i>(Bortre Tölö)</i>
<li>150 Meilahti <i>(Mejlans)</i>
<li>161 Vanha Ruskeasuo <i>(Gamla Brunakärr)</i>
<li>162 Pikku Huopalahti <i>(Lillhoplaks)</i>
<li>171 Länsi-Pasila <i>(Västra Böle)</i>
<li>172 Pohjois-Pasila <i>(Norra Böle)</i>
<li>173 Itä-Pasila <i>(Östra Böle)</i>
<li>174 Keski-Pasila <i>(Mellersta Böle)</i>
<li>180 Laakso <i>(Dal)</i>
<li>190 Mustikkamaa-Korkeasaari <i>(Blåbärslandet-Högholmen)</i>
<li>201 Ruoholahti <i>(Gräsviken)</i>
<li>202 Lapinlahti <i>(Lappviken)</i>
<li>203 Jätkäsaari <i>(Busholmen)</i>
<li>204 Hernesaari <i>(Ärtholmen)</i>
<li>211 Hermanninmäki <i>(Hermanstadsbacken)</i>
<li>212 Hermanninranta <i>(Hermanstadsstranden)</i>
<li>213 Kyläsaari <i>(Byholmen)</i>
<li>220 Vallila <i>(Vallgård)</i>
<li>231 Toukola <i>(Gamla Majstad)</i>
<li>232 Arabianranta <i>(Arabiastranden)</i>
<li>240 Kumpula <i>(Gumtäkt)</i>
<li>250 Käpylä <i>(Kottby)</i>
<li>260 Koskela <i>(Forsby)</i>
<li>270 Vanhakaupunki <i>(Gammelstaden)</i>
<li>281 Pirkkola <i>(Britas)</i>
<li>282 Maunula <i>(Månsas)</i>
<li>283 Metsälä <i>(Krämertsskog)</i>
<li>284 Patola <i>(Dammen)</i>
<li>285 Veräjämäki <i>(Grindbacka)</i>
<li>286 Maunulanpuisto <i>(Månsasparken)</i>
<li>287 Veräjälaakso <i>(Grinddal)</i>
<li>291 Etelä-Haaga <i>(Södra Haga)</i>
<li>292 Kivihaka <i>(Stenhagen)</i>
<li>293 Pohjois-Haaga <i>(Norra Haga)</i>
<li>294 Lassila <i>(Lassas)</i>
<li>301 Vanha Munkkiniemi <i>(Gamla Munksnäs)</i>
<li>302 Kuusisaari <i>(Granö)</i>
<li>303 Lehtisaari <i>(Lövö)</i>
<li>304 Munkkivuori <i>(Munkshöjden)</i>
<li>305 Niemenmäki <i>(Näshöjden)</i>
<li>306 Talinranta <i>(Talistranden)</i>
<li>311 Kotkavuori <i>(Örnberget)</i>
<li>312 Vattuniemi <i>(Hallonnäs)</i>
<li>313 Myllykallio <i>(Kvarnberget)</i>
<li>314 Koivusaari <i>(Björkholmen)</i>
<li>320 Konala <i>(Kånala)</i>
<li>331 Kannelmäki <i>(Gamlas)</i>
<li>332 Maununneva <i>(Magnuskärr)</i>
<li>333 Malminkartano <i>(Malmgård)</i>
<li>334 Hakuninmaa <i>(Håkansåker)</i>
<li>335 Kuninkaantammi <i>(Kungseken)</i>
<li>336 Honkasuo <i>(Hongasmossen)</i>
<li>341 Länsi-Pakila <i>(Västra Baggböle)</i>
<li>342 Itä-Pakila <i>(Östra Baggböle)</i>
<li>351 Paloheinä <i>(Svedängen)</i>
</ul>
</td>
<td style="width:50%;">
<ul>
<li>352 Torpparinmäki <i>(Torparbacken)</i>
<li>353 Tuomarinkartano <i>(Domargård)</i>
<li>354 Haltiala <i>(Tomtbacka)</i>
<li>361 Viikinranta <i>(Viksstranden)</i>
<li>362 Latokartano <i>(Ladugården)</i>
<li>363 Viikin tiedepuisto <i>(Viks forskarpark)</i>
<li>364 Viikinmäki <i>(Viksbacka)</i>
<li>370 Pukinmäki <i>(Bocksbacka)</i>
<li>381 Ylä-Malmi <i>(Övre Malm)</i>
<li>382 Ala-Malmi <i>(Nedre Malm)</i>
<li>383 Pihlajamäki <i>(Rönnbacka)</i>
<li>384 Tattariharju <i>(Tattaråsen)</i>
<li>385 Malmin lentokenttä <i>(Malms flygfält)</i>
<li>386 Pihlajisto <i>(Rönninge)</i>
<li>391 Tapaninvainio <i>(Staffansslätten)</i>
<li>392 Tapanila <i>(Mosabacka)</i>
<li>401 Siltamäki <i>(Brobacka)</i>
<li>402 Tapulikaupunki <i>(Stapelstaden)</i>
<li>403 Töyrynummi <i>(Lidamalmen)</i>
<li>411 Puistola <i>(Parkstad)</i>
<li>412 Heikinlaakso <i>(Henriksdal)</i>
<li>413 Tattarisuo <i>(Tattarmossen)</i>
<li>414 Jakomäki <i>(Jakobacka)</i>
<li>415 Alppikylä <i>(Alpbyn)</i>
<li>420 Kulosaari <i>(Brändö)</i>
<li>431 Länsi-Herttoniemi <i>(Västra Hertonäs)</i>
<li>432 Roihuvuori <i>(Kasgerget)</i>
<li>433 Herttoniemen yritysalue <i>(Hertonäs företagsområde)</i>
<li>434 Herttoniemenranta <i>(Hertonäs strand)</i>
<li>440 Tammisalo <i>(Tammelund)</i>
<li>451 Vartioharju <i>(Botbyåsen)</i>
<li>452 Puotila <i>(Botby gård)</i>
<li>453 Puotinharju <i>(Botbyhöjden)</i>
<li>454 Myllypuro <i>(Kvarnbäcken)</i>
<li>455 Marjaniemi <i>(Marudd)</i>
<li>456 Roihupellon teollisuusalue <i>(Kasåkers industriområde)</i>
<li>457 Itäkeskus <i>(Östra centrum)</i>
<li>461 Pajamäki <i>(Smedjebacka)</i>
<li>462 Tali <i>(Tali)</i>
<li>463 Reimarla <i>(Reimars)</i>
<li>464 Marttila <i>(Martas)</i>
<li>465 Pitäjänmäen yritysalue <i>(Sockenbacka företagsområde)</i>
<li>471 Kontula <i>(Gårdsbacka)</i>
<li>472 Vesala <i>(Ärvings)</i>
<li>473 Mellunmäki <i>(Mellungsbacka)</i>
<li>474 Kivikko <i>(Stensböle)</i>
<li>475 Kurkimäki <i>(Tranbacka)</i>
<li>480 Vartiosaari <i>(Vårdö)</i>
<li>491 Yliskylä <i>(Uppby)</i>
<li>492 Jollas <i>(Jollas)</i>
<li>493 Tullisaari <i>(Turholm)</i>
<li>494 Kruunuvuorenranta <i>(Kronobergsstranden)</i>
<li>495 Hevossalmi <i>(Hästnässund)</i>
<li>500 Villinki <i>(Villinge)</i>
<li>510 Santahamina <i>(Sandhamn)</i>
<li>520 Suomenlinna <i>(Sveaborg)</i>
<li>531 Länsisaaret <i>(Västra holmarna)</i>
<li>532 Itäsaaret <i>(Östra holmarna)</i>
<li>533 Aluemeri <i>(Territorialhavet)</i>
<li>541 Keski-Vuosaari <i>(Mellersta Nordsjö)</i>
<li>542 Nordsjön kartano <i>(Nordsjö gård)</i>
<li>543 Uutela <i>(Nybondas)</i>
<li>544 Meri-Rastila <i>(Havsrastböle)</i>
<li>545 Kallahti <i>(Kallvik)</i>
<li>546 Aurinkolahti <i>(Solvik)</i>
<li>547 Rastila <i>(Rastböle)</i>
<li>548 Niinisaari <i>(Bastö)</i>
<li>549 Mustavuori <i>(Svarta backen)</i>
<li>550 Östersundom <i>(Östersundom Nordsjö)</i>
<li>560 Salmenkallio <i>(Sundberg)</i>
<li>570 Talosaari <i>(Husö)</i>
<li>580 Karhusaari <i>(Björnsö)</i>
<li>591 Landbo <i>(Landbo)</i>
<li>592 Puroniitty <i>(Bäckängen)</i>
</ul>
</td>
</tr>
</table>
<h2>
<a id="other" class="anchor" href="#other" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Other considerations
</h2>
<P>Helsinki is officially divided in many different ways: 54 neighbourhoods (<i>kaupunginosa</i> in Finnish), eight major districts (<i>suurpiiri</i>), 34 districts (<i>peruspiiri</i>), 148 sub-districts (<i>osa-alue</i>) and 369 sectors (<i>pienalue</i>). These 148 sub-districts (such as Punavuori, Lehtisaari, Hakuninmaa, Viikinmäki and Uutela) are just right for such a cycling challenge.
<P>Of Helsinki's 148 sub-districts, 142 are reachable without water-crossings. The remaining six require some kind of boat ride before their achievement, so a collection of 142 is a great result. Of the six water crossings, at least some can be achieved using public transport ferries (such as Suomenlinna). It would be great to hear if someone collects 147/148. To collect all 148 is an epic task because of the southernmost areas of the <a href="https://fi.wikipedia.org/wiki/Aluemeri_(Helsinki)">challenge</a>.
<h2>
<a id="links" class="anchor" href="#links" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Links
</h2>
<ul>
<li>Asmo Halinen's <a href="https://lenkkipoluille.wordpress.com/2014/08/25/projekti-cycle148hki-keraa-pyorailemalla-helsingin-kaikki-osa-alueet/">“official rules”</a>, on which this page is based
<li>An <a href="http://www.iltalehti.fi/uutiset/2015030519291319_uu.shtml">article in Finnish</a> about Asmo Halinen and #cycle148HKI
<li>#cycle148HKI on <a href="https://twitter.com/search?f=realtime&q=%23cycle148HKI">Twitter</a>
<li>#cycle148HKI on <a href="https://www.flickr.com/search/?q=cycle148HKI&ss=2&s=rec">Flickr</a>
<li>#cycle148HKI on <a href="http://websta.me/tag/cycle148hki">Instagram</a>
</ul>
<h2>
<a id="twitter" class="anchor" href="#twitter" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Twitter
</h2>
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/hashtag/cycle148HKI" data-widget-id="580476942857682944">#cycle148HKI Tweets</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<h2>
<a id="flickr" class="anchor" href="#flickr" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Flickr
</h2>
<iframe id='iframe' src='https://flickrit.com/slideshowholder.php?height=520&width=520&size=medium&keyword=cycle148HKI&caption=true&theme=1&thumbnails=1&transition=0&layoutType=fixed&sort=0' scrolling='no' frameborder='0' width='520' height='530'></iframe>
<h2>
<a id="instagram" class="anchor" href="#instagram" aria-hidden="true">
<span class="octicon octicon-link"></span></a>
Instagram
</h2>
<!-- SnapWidget -->
<iframe src="https://snapwidget.com/in/?h=Y3ljbGUxNDhoa2l8aW58MTI1fDR8M3x8bm98NXxub25lfG9uU3RhcnR8eWVzfG5v&ve=240315" title="Instagram Widget" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:520px; height:390px"></iframe>
<P class="center"><a href="#top"><img src="bicycle.png" width=27 height=18 alt="Bicycle"></a>
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/cycle148hki/cycle148hki.github.io">Edit me on GitHub</a>
</div>
</div>
</body>
</html>