284 lines
12 KiB
HTML
284 lines
12 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" />
|
|
<link rel="stylesheet" href="js/vendor/@photo-sphere-viewer/core/index.css" />
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "./js/vendor/three/build/three.module.js",
|
|
"@photo-sphere-viewer/core": "./js/vendor/@photo-sphere-viewer/core/index.module.js",
|
|
"@hotwired/stimulus": "./js/vendor/@hotwired/stimulus/dist/stimulus.js"
|
|
}
|
|
}
|
|
</script>
|
|
<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 data-controller="menu">
|
|
<nav class="navbar mb-0" role="navigation">
|
|
<div class="navbar-brand">
|
|
<a href="/" class="navbar-item is-size-5 has-text-dark ml-4" title="Torna alla home page">
|
|
<span class="icon">
|
|
<i class="fa fa-home"></i>
|
|
</span>
|
|
</a>
|
|
<span class="navbar-item is-size-5">
|
|
Carta Archeologica dell'Isola di Capri - WebGIS
|
|
</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-end pb-1 pt-1" id="nav-menu">
|
|
<button class="navbar-item button is-size-5 is-white" role="button" id="siti"
|
|
data-action="click->menu#toggleMenu" data-id="siti">
|
|
Beni archeologici
|
|
</button>
|
|
<button class="navbar-item button is-size-5 is-white" role="button" id="non-conserv">
|
|
Beni non conservati
|
|
</button>
|
|
<button class="navbar-item button is-size-5 is-white mr-3" role="button" id="rinvenimenti">
|
|
Rinvenimenti
|
|
</button>
|
|
<button class="button is-outlined is-rounded is-link mr-4 mt-1" id="howto" title="Istruzioni">
|
|
<span class="icon is-large has-text-link">
|
|
<i class="fas fa-question fa-lg"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<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 is-4 is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu"
|
|
data-menu-target="menu">
|
|
<aside class="menu ml-4">
|
|
<button title="Chiudi menu" class="delete is-pulled-right" id="close-menu"></button>
|
|
<p class="menu-label is-size-5 mt-2 is-clickable" data-action="click->menu#toggle" data-id="siti">
|
|
<span class="icon pr-2">
|
|
<img class="image" src="img/icons/siti_menu.png"/>
|
|
</span>
|
|
Beni archeologici
|
|
<span class="icon pl-2">
|
|
<i class="fa fa-chevron-right"></i>
|
|
</span>
|
|
</p>
|
|
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list">
|
|
<li>
|
|
Anacapri
|
|
<ul id="siti-anacapri-sub">
|
|
<li>
|
|
<a class="is-block button" title="Vai al sito Villa di Gradola" id="grotta_azzurra">
|
|
Grotta Azzurra
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="lopozzo">
|
|
Località Lo Pozzo
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="scala_fenicia">
|
|
Scala Fenicia
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" title="Vai al sito Villa di Damecuta" id="damecuta">
|
|
Villa di Damecuta
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="is-block button" title="Vai al sito Villa di Gradola" id="gradola">
|
|
Villa di Gradola
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="san_michele">
|
|
Villa San Michele
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Capri
|
|
<ul id="siti-capri-sub">
|
|
<li>
|
|
<a class="button" id="tiberio">
|
|
Bagni di Tiberio
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="arsenale">
|
|
Grotta dell'Arsenale
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" title="Vai al sito Grotta di Matermania" id="matermania">
|
|
Grotta di Matermania
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="mura">
|
|
Mura greche
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="menu-label is-size-5 is-clickable">
|
|
<span class="icon pr-2">
|
|
<img class="image" src="img/icons/non_cons_menu.png"/>
|
|
</span>
|
|
Beni non conservati
|
|
<span class="icon pl-2">
|
|
<i class="fa fa-chevron-right"></i>
|
|
</span>
|
|
</p>
|
|
<ul class="menu-list is-hidden" id="not-conserved-list" data-menu-target="list">
|
|
|
|
</ul>
|
|
<p class="menu-label is-size-5 is-clickable">
|
|
<span class="icon pr-2">
|
|
<img class="image" src="img/icons/rinv_menu.png"/>
|
|
</span>
|
|
Rinvenimenti
|
|
<span class="icon pl-2">
|
|
<i class="fa fa-chevron-right"></i>
|
|
</span>
|
|
</p>
|
|
<ul class="menu-list is-hidden" id="rinvenimenti-list">
|
|
<li>
|
|
Anacapri
|
|
<span class="icon is-small">
|
|
<i class="fa fa-plus"></i>
|
|
</span>
|
|
<ul id="rinv-anacapri-sub">
|
|
<li>
|
|
<a class="button" id="affresco_dame">
|
|
Affresco Villa di Damecuta
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="button" id="candelabro">
|
|
Base di candelabro
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
<div class="column mb-0 pb-0 is-full is-relative">
|
|
<div class="pb-0" id="map" aria-describedby="map-progress" aria-busy="true" style="position: relative;">
|
|
<progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Sites data modal -->
|
|
<div class="modal" id="site-data">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white" style="min-height: 95vh;">
|
|
<div class="tabs is-centered">
|
|
<ul>
|
|
<li class="is-active" id="for-short-sheet">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-info-circle" aria-hidden="true"></i
|
|
></span>
|
|
<span>Scheda sintetica</span>
|
|
</a>
|
|
</li>
|
|
<li id="for-site-sheet">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-info-circle" aria-hidden="true"></i
|
|
></span>
|
|
<span>Scheda dettagliata</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="short-sheet"></div>
|
|
<div class="data-tabs is-hidden" 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>
|
|
<!-- Not conserved modal -->
|
|
<div class="modal" id="not-conser-data">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white" style="min-height: 95vh;">
|
|
<div id="not-conser-sheet"></div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
<!-- Not conserved modal -->
|
|
<div class="modal" id="finding-data">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white" style="min-height: 95vh;">
|
|
<div class="tabs is-centered">
|
|
<ul>
|
|
<li class="is-active" id="for-finding-sheet">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-info-circle" aria-hidden="true"></i
|
|
></span>
|
|
<span>Scheda</span>
|
|
</a>
|
|
</li>
|
|
<li id="for-photos">
|
|
<a>
|
|
<span class="icon is-small"
|
|
><i class="fas fa-image" aria-hidden="true"></i
|
|
></span>
|
|
<span>Immagini</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="data-tabs" id="finding-sheet"></div>
|
|
<div class="data-tabs is-hidden" id="photos"></div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
<!-- Spherical photo modal -->
|
|
<div class="modal" id="spherical-modal">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content has-background-white" style="min-height: 95vh;">
|
|
<div id="pano-viewer"></div>
|
|
</div>
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
</body>
|
|
</html>
|