-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
64 lines (64 loc) · 3.47 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Historical Markers Map – Encyclopedia of Philippine Heritage</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700|Merriweather:300,300i" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" />
<link rel="stylesheet" href="css/leaflet.extra-markers.min.css" />
<link rel="stylesheet" href="css/eph-common.css" />
<link rel="stylesheet" href="css/eph-historical-markers.css" />
</head>
<body>
<section id="panel">
<header id="branding" role="banner">
<p>Encyclopedia of Philippine Heritage</p>
<h1>Historical Markers Map</h1>
</header>
<nav>
<ul>
<li><a href="#index">Index</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
<div id="loading" class="panel-content" data-display="flex">
<div class="loader"></div>
</div>
<section id="index" class="panel-content" data-display="flex">
<header>
<p id="stats"></p>
<button id="sort"></button>
</header>
<ol id="index-list"></ol>
</section>
<section id="details" class="panel-content" data-display="block"><!-- dummy node --></section>
<section id="about" class="panel-content" data-display="block">
<img id="eph" src="https://upload.wikimedia.org/wikipedia/commons/6/6b/Encyclopedia_of_Philippine_Heritage_logo.svg" alt="Encyclopedia of Philippine Heritage">
<p>The <b>Historical Markers Map</b> is a web app that shows the location of extant historical markers that have
been installed by the <a href="https://en.wikipedia.org/wiki/National_Historical_Commission_of_the_Philippines">National
Historical Commission of the Philippines</a> and its predecessor agencies. Each historical marker is represented
by a map marker that when clicked provides more information about the historical marker, including a photo of the
marker and its inscription. This web app is part of the <i><b>Encyclopedia of Philippine Heritage</b></i>,
a program of the Wiki Society of the Philippines.</p>
<h2>Technical details</h2>
<p>The data on these historical markers is dynamically retrieved from <a href="https://www.wikidata.org/">Wikidata</a>
and the photographs are stored in <a href="https://commons.wikimedia.org/">Wikimedia Commons</a>, both of which are
sister projects of Wikipedia. If you want to help add and improve the data, please refer to this
<a href="https://www.wikidata.org/wiki/Wikidata:WikiProject_Philippine_historical_markers">WikiProject page</a>.</p>
<p>If you are familiar with the Wikidata Query Service and want to obtain or explore the raw data, please refer
to this <a href="#" id="wdqs-link">query</a>.</p>
<p>To report bugs, suggest improvements, or see the source code of this web app, please refer to this
<a href="https://github.com/WMPH/eph-historical-markers-map">GitHub repository</a>.</p>
</section>
</section>
<section id="map"></section>
<script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
<script src="js/leaflet.extra-markers.min.js"></script>
<script src="js/load-jsonp.js"></script>
<script src="js/eph-historical-markers-globals.js"></script>
<script src="js/eph-common.js"></script>
<script src="js/eph-historical-markers.js"></script>
</body>
</html>