-
Notifications
You must be signed in to change notification settings - Fork 8
/
historicArchive.html
105 lines (72 loc) · 3.61 KB
/
historicArchive.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>ShakeMap - Archive</title>
<link rel="stylesheet" href="./style.css">
<!-- Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<!-- Material Design for Bootstrap CSS -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap-material-design.min.css" integrity="sha384-R80DC0KVBO4GSTw+wZ5x2zn2pu4POSErBkf8/fSFhPXHxvHJydT0CSgAP2Yo2r4I" crossorigin="anonymous">
</head>
<body>
<!--
###############################################
# Header
###############################################
-->
<div id="header"></div>
<!--
###############################################
# Main content
###############################################
<div style="width: 100%;">
<img src="banner_lista_terremoti.jpg" style='height: 100%; width: 100%; object-fit: contain'/>
</div>
-->
<div class="tab_menu">
<h3> Events list </h3>
<button type="button" class="btn btn-outline-primary btn_active" id="leafletButton" onclick="determine_viewer(2)">Leaflet View</button>
<button type="button" class="btn btn-outline-primary" id="staticButton" onclick="determine_viewer(1)">Static View</button>
<div class="criteria_container">
<small class="input_text">Select year </small>
<select class="custom-select" id="selectYear" onchange="listEvents()">
</select>
<small class="input_text"> Magnitude range </small>
<input type="text" class="mag_input" id="min_mag" placeholder="Minimum"></input>
<small class="input_text">-</small>
<input type="text" class="mag_input" id="max_mag" placeholder="Maximum"></input>
<button type="button" class="btn btn-dark btn-raised" onclick="listEvents()">Sort</button>
</div>
<br/>
<br/>
Please cite the historical ShakeMap database as
"Oliveti I., Faenza L., Antonucci A., Locati M., Rovida A., Michelini A., Lauciani V. (2023).
ShakeMap Atlas of historical earthquakes in Italy.
National Institute of Geophysics and Volcanology (INGV).
https://doi.org/10.13127/shakemaps/historical"
<br/>
<br/>
<div id="event_table" class="table-responsive-md archive_table">
</div>
</div>
<div id="footer"></div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/umd/popper.js"></script>
<script src="https://unpkg.com/[email protected]/dist/js/bootstrap-material-design.js"></script>
<script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script>
<!-- My scripts -->
<!-- <script src="./events.js"></script> -->
<!-- <script src="./scripts/softwareVersion.js"></script> -->
<script src="./config.js"></script>
<script src="./scripts/functions.js"></script>
<script src="./scripts/scriptHistoricArchive.js"></script>
</body>
</html>