65 lines
2.3 KiB
HTML
65 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it" data-text="html" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" href="js/vendor/leaflet/dist/leaflet.css" />
|
|
<script src="js/vendor/leaflet/dist/leaflet.js"></script>
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<script src="js/index.js" type="module"></script>
|
|
<title>Carta Archeologica di Capri</title>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar mb-2" role="navigation">
|
|
<div class="navbar-brand">
|
|
<span class="navbar-item is-size-3">
|
|
Carta archeologica di Capri
|
|
</span>
|
|
</div>
|
|
<hr class="navbar-divider">
|
|
<div class="navbar-menu ml-3">
|
|
<button class="navbar-item button is-size-5 is-white" role="button" id="siti">
|
|
<i class="fa fa-list mr-2"></i> Siti indagati
|
|
</button>
|
|
</div>
|
|
<div class="navbar-end">
|
|
<a class="navbar-item" href="about.html" class="btn btn-link" title="About">About</a>
|
|
</div>
|
|
</nav>
|
|
<!-- TODO Loader -->
|
|
<div class="wait-lg text-center is-hidden" style="clear: both;">
|
|
<p>Loading...</p>
|
|
<div class="loading loading-lg"></div>
|
|
</div>
|
|
<div class="main columns">
|
|
<div class="column is-hidden" id="menu">
|
|
<aside class="menu ml-4">
|
|
<p class="menu-label">Siti indagati</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a class="button" id="gradola">
|
|
Villa di Gradola
|
|
</a>
|
|
<a class="button" id="matermania">
|
|
Grotta di Matermania
|
|
</a>
|
|
<a class="button" id="arsenale">
|
|
Grotta dell'Arsenale
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
<div class="column is-full">
|
|
<div id="map" class="map-lg map-sm"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modal">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white">
|
|
<!-- Any other Bulma elements you want -->
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
</body>
|
|
</html>
|