148 lines
6.9 KiB
HTML
148 lines
6.9 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" />
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<link rel="stylesheet" href="js/vendor/spotlight.js/dist/css/spotlight.min.css" />
|
|
<link rel="stylesheet" href="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css" />
|
|
<script src="js/vendor/leaflet/dist/leaflet.js"></script>
|
|
<script src="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.js"></script>
|
|
<script src="js/index.js" type="module"></script>
|
|
<title>WebGIS Isola di Capri</title>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar mb-2" role="navigation">
|
|
<div class="navbar-brand">
|
|
<span class="navbar-item is-size-3">
|
|
WebGIS Isola di Capri
|
|
</span>
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<hr class="navbar-divider">
|
|
<div class="navbar-menu ml-3 container is-align-items-center is-justify-content-center" id="nav-menu">
|
|
<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>
|
|
<button class="navbar-item is-size-5 is-white" title="Informazioni sul progetto" id="progetto">
|
|
<i class="fa fa-info-circle mr-2"></i> Progetto
|
|
</button>
|
|
</div>
|
|
<div class="navbar-end">
|
|
</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
|
|
<button title="Chiudi menu" class="button is-small is-pulled-right" id="close-menu">
|
|
<span class="icon is-small">
|
|
<i class="fa fa-chevron-left"></i>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a class="is-block button" title="Vai al sito Villa di Gradola" id="gradola">
|
|
Villa di Gradola
|
|
</a>
|
|
<a class="button" title="Vai al sito Villa di Damecuta" id="damecuta">
|
|
Villa di Damecuta
|
|
</a>
|
|
<a class="button" title="Vai al sito Grotta di Matermania" id="matermania">
|
|
Grotta di Matermania
|
|
</a>
|
|
<a class="button" id="arsenale">
|
|
Grotta dell'Arsenale
|
|
</a>
|
|
<a class="button" id="tiberio">
|
|
Bagni di Tiberio
|
|
</a>
|
|
<a class="button" id="mura">
|
|
Mura greche
|
|
</a>
|
|
<a class="button" id="san_michele">
|
|
Villa San Michele
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
<div class="column is-full">
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Sites data modal -->
|
|
<div class="modal" id="site-data">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white">
|
|
<div class="tabs is-centered">
|
|
<ul>
|
|
<li class="is-active" id="for-site-sheet">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-info-circle" aria-hidden="true"></i
|
|
></span>
|
|
<span>Scheda descrittiva</span>
|
|
</a>
|
|
</li>
|
|
<li id="for-photos">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-image" aria-hidden="true"></i
|
|
></span>
|
|
<span>Disegni e fotografie</span>
|
|
</a>
|
|
</li>
|
|
<li id="for-documents">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="far fa-file-alt" aria-hidden="true"></i
|
|
></span>
|
|
<span>Documenti</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="data-tabs" id="site-sheet"></div>
|
|
<div class="data-tabs is-hidden" id="photos"></div>
|
|
<div class="data-tabs is-hidden" id="documents"></div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
<!-- Project info modal -->
|
|
<div class="modal" id="project-info">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card content has-background-white panel">
|
|
<header class="modal-card-head">
|
|
<h1 class="modal-card-title has-text-centered"><i class="fa fa-info-circle mr-2"></i> Il progetto</h1>
|
|
<button class="delete" aria-label="close"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
<p class="p-2 mt-2 mb-2 panel-block is-size-5">
|
|
construct digital franchise table Legba concrete neural urban soul-delay industrial grade rebar. 3D-printed post- receding savant assault table nodality realism knife tiger-team augmented reality. artisanal tower advert man hotdog city network meta- artisanal euro-pop rifle.
|
|
-ware chrome artisanal shoes cartel -space face forwards Kowloon range-rover office Tokyo. crypto- sub-orbital monofilament crypto- soul-delay engine range-rover shanty town post- crypto- camera. stimulate tattoo garage car savant silent youtube post- motion wristwatch -space.
|
|
drone math- Tokyo sunglasses courier knife sign systemic decay kanji digital. numinous semiotics Tokyo assassin sign nano- 8-bit grenade tank-traps carbon sub-orbital. singularity network bridge drugs voodoo god franchise urban towards RAF neon girl.
|
|
</p>
|
|
</section>
|
|
<footer class="modal-card-foot">
|
|
<div class="buttons">
|
|
<button class="button">Chiudi</button>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|