-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (58 loc) · 2.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>☘️ Irish tune map 🎶</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.28.0/ramda.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<div id="map"></div>
<div id="panel">
<h1>☘️ Irish tune map ☘️</h1>
<div id="panelInner">
<div id="intro">
<p>Find tunes of Irish traditional music by the place they refer to in their title.</p>
<p>Example: if you click on <i>Galway</i>, you'll find tunes like:</p>
<ul>
<li><a href="https://thesession.org/tunes/249" target="_blank" rel="noopener nofollow">All the way to
Galway</a></li>
<li><a href="https://thesession.org/tunes/2572" target="_blank" rel="noopener nofollow">The Maids Of
Galway</a></li>
<li><a href="https://thesession.org/tunes/4437" target="_blank" rel="noopener nofollow">Roving Galway Boy</a>
</li>
<li>etc.</li>
</ul>
<p></p>
<p>Links go to the tune page on <a href="https://thesession.org">The Session</a>, a wonderful database of Irish
traditional music by <a href="https://adactio.com">Jeremy Keith</a>, which is also the datasource for this
map.</p>
<p></p>
<div style="font-size:0.8em;color:#555">
<p>Please note:</p>
<ul>
<li>Most traditional pieces of music have a lot of alternative names. I've considered all of them when
matching with places, as well as the place names in Irish Gaelic when available.</li>
<li>I've ignored place names which are also common names, but there are still some false matchings.
</li>
</ul>
</div>
<p style="margin-top:2em;text-align:right">Made by <a href="https://bbecquet.net">Benjamin Becquet</a> -
<a href="https://github.com/bbecquet/irish-tune-map/">Source code</a>
</p>
</div>
<div id="results"></div>
</div>
<div id="source">
Data from <a href="https://thesession.org">The Session</a> and <a href="http://osm.org">OpenStreetMap</a>.
</div>
</div>
</body>
</html>