-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
84 lines (80 loc) · 3.98 KB
/
index.htm
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
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ogham Stone Search</title>
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
<link rel="stylesheet" href="css/vendor/bootstrap-tagsinput.css" />
<link rel="stylesheet" href="css/vendor/font-awesome.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ogham.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
<link rel="stylesheet" href="https://leaflet.github.io/Leaflet.markercluster/dist/MarkerCluster.css" />
<link rel="stylesheet" href="https://leaflet.github.io/Leaflet.markercluster/dist/MarkerCluster.Default.css" />
</head>
<body onload="initLoad();">
<div id="header">
<div id="header_pt1"> Ogham Search</div>
</div>
<div id="filter">
<div id="div-count">
<h4><span id="span-count"></span><span id="span-loading"></span></h4>
</div>
<center><img style="margin:20px;" src="Wiki_Ogham_Logo.png" width="300"></center>
<center><b>Irish ᚑᚌᚆᚐᚋ Stones in the Wikimedia Universe</b></center>
<center>part of the <i>Open Science Fellow Program</i></center>
<center>see <a href="http://ogham.link" target="_blank">ogham.link</a></center>
<br>
<div class="heading">result style attribute</div>
<div class="style-container" style="margin-bottom:10px;">
<label class="radio-inline">
<input type="radio" name="optstyle" value="box" class="q_sty" checked><span style="color:#621e4b">boxes</span>
</label>
<label class="radio-inline">
<input type="radio" name="optstyle" value="map" class="q_sty"><span style="color:#621e4b">map</span>
</label>
</div>
<div class="heading">active filter</div>
<div id="div-keys"></div>
<div class="heading">filter keywords</div>
<!-- https://webdesignerwall.com/wdw-snippet/accordion-with-bootstrap-3-and-without-js -->
<div class="panel-group panel-group-accordion" id="accordion">
<!-- feature properties -->
<div class="panel panel-default">
<a class="accordion-toggle panel-title-header" data-toggle="collapse" data-parent="#accordion" href="#collapse-obsitem">
<div class="panel-heading panel-feature-property">Stone Type</div>
</a>
<div id="collapse-obsitem" class="panel-collapse collapse">
<div class="panel-body panel-body-content" id="panel-type"></div>
</div>
</div>
<div class="panel panel-default">
<a class="accordion-toggle panel-title-header" data-toggle="collapse" data-parent="#accordion" href="#collapse-featurestatement">
<div class="panel-heading panel-feature-property">Sites</div>
</a>
<div id="collapse-featurestatement" class="panel-collapse collapse">
<div class="panel-body panel-body-content" id="panel-site"></div>
</div>
</div>
</div>
</div>
<div id="content">
<div id="mapid"></div>
</div>
<div id="footer">
<center style="padding-top:30px;font-size:11px;"><b>CC BY 4.0 | Florian Thiery<br>Irish ᚑᚌᚆᚐᚋ Stones in the Wikimedia Universe is funded
by Wikimedia Deutschland | Fellow-Programm Freies Wissen | <a href="#">Impressum</a> | <a href="#">Datenschutz</a></center>
</div>
<!-- vendor -->
<script src="js/vendor/jquery-3.1.1.min.js"></script>
<script src="js/vendor/bootstrap334.min.js"></script>
<script src="js/vendor/bootstrap-tagsinput.min.js"></script>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<script src="https://leaflet.github.io/Leaflet.markercluster/dist/leaflet.markercluster-src.js"></script>
<script src="js/vendor/leaflet-color-markers.js"></script>
<!-- lookup -->
<script src="js/_services/RDF4J_Service.js"></script>
<!-- lookup -->
<script src="js/_lookup/generic.js"></script>
<script src="js/_lookup/ogham.js"></script>
</body>
</html>