715 lines
38 KiB
HTML
715 lines
38 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="js/vendor/leaflet.markercluster/dist/MarkerCluster.css" />
|
||
<link rel="stylesheet" href="js/vendor/leaflet.markercluster/dist/MarkerCluster.Default.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" />
|
||
<link rel="shortcut icon" type="image/png" href="/img/favicon.png">
|
||
<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/leaflet.markercluster/dist/leaflet.markercluster.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 mr-3" role="button"
|
||
data-action="menu#toggleMenu">
|
||
<span class="icon mr-2">
|
||
<i class="fa fa-list"></i>
|
||
</span>
|
||
Elenco beni
|
||
</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 mb-0 pb-0 is-full is-relative">
|
||
<div class="pb-0 is-relative" id="map" aria-describedby="map-progress" aria-busy="true">
|
||
<progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
|
||
</div>
|
||
</div>
|
||
<div class="column is-hidden is-4 is-4-desktop is-5-mobile is-pulled-right is-overlay has-background-white-ter" id="menu"
|
||
data-menu-target="menu" data-controller="layer">
|
||
<aside class="menu ml-4 mt-3">
|
||
<button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#close"></button>
|
||
<p class="menu-label is-size-5 mt-2 is-clickable" data-id="siti">
|
||
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="siti" data-action="click->layer#toggle">
|
||
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
|
||
</span>
|
||
<span class="icon pr-1">
|
||
<img class="image" src="img/icons/siti_menu.png"/>
|
||
</span>
|
||
<span data-action="click->menu#toggle" data-id="siti">
|
||
Beni archeologici
|
||
<span class="icon pl-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="siti"></i>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list" data-controller="marker">
|
||
<li>
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="siti-anacapri-sub">
|
||
Anacapri
|
||
<span class="icon ml-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="siti-anacapri-sub" class="is-hidden">
|
||
<li>
|
||
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-coords="40.56094295 14.20573624">
|
||
Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" title="Vai al sito Lo Pozzo" data-action="marker#go" data-coords="40.556601 14.213642">
|
||
Località Lo Pozzo
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" title="Vai al sito Scala Fenicia" data-action="marker#go" data-coords="40.5562963 14.2285935">
|
||
Scala Fenicia
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" title="Vai al sito Villa di Damecuta" data-action="marker#go" data-coords="40.55906 14.20055">
|
||
Villa di Damecuta
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="is-block button" title="Vai al sito Villa di Gradola" data-action="marker#go" data-coords="40.560834 14.205793">
|
||
Villa di Gradola
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" title="Vai al sito San Michele" data-action="marker#go" data-coords="40.557380 14.225806">
|
||
Villa San Michele
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="mt-3">
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="siti-capri-sub">
|
||
Capri
|
||
<span class="icon ml-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="siti-capri-sub" class="is-hidden">
|
||
<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" title="Vai al sito Grotta delle Felci" id="felci" data-coords="40.543644 14.230008" data-action="marker#go">
|
||
Grotta delle Felci
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" title="Vai al sito Grotta del Castiglione" id="castiglio" data-coords="40.54687 14.24023" data-action="marker#go">
|
||
Grotta del Castiglione
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" id="mura" data-coords="40.55150 14.24327" data-action="marker#go">
|
||
Mura greche
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" id="monte" data-coords="40.55325 14.24761" data-action="marker#go">
|
||
Monte San Michele
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" id="camerelle" data-coords="40.54972 14.24669" data-action="marker#go">
|
||
Camerelle
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" id="jovis" data-coords="40.55791 14.26253" data-action="marker#go">
|
||
Villa Jovis
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p class="menu-label is-size-5 is-clickable" data-id="non-conser">
|
||
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="non-conser"
|
||
data-action="click->layer#toggle" style="max-height: 10px">
|
||
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
|
||
</span>
|
||
<span class="icon pr-1">
|
||
<img class="image" src="img/icons/non_cons_menu.png"/>
|
||
</span>
|
||
<span data-action="click->menu#toggle" data-id="non-conser">
|
||
Beni non conservati
|
||
<span class="icon pl-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="non-conser"></i>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
<ul class="menu-list is-hidden" id="non-conser-list" data-menu-target="list" data-controller="marker">
|
||
<li data-list-id="noncons-anacapri-sub">
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="noncons-anacapri-sub">
|
||
Anacapri
|
||
<span class="icon ml-2 is-small" data-list-id="noncons-anacapri-sub">
|
||
<i class="fa fa-chevron-right"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="noncons-anacapri-sub" class="is-hidden">
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5595565 14.2003896">
|
||
Cala a mare - resti di ambienti
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.549026 14.196911">
|
||
Punta Campetiello - scala
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5501214 14.2198544">
|
||
Castagnaro - area funeraria
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.55129683 14.21261142">
|
||
Ceselle - necropoli
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5533744 14.2178754">
|
||
Località Piscina - complesso idraulico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5546467 14.2092143">
|
||
La Cera - ambienti voltati
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5495555 14.2108741">
|
||
Cesa - complesso idraulico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5575337 14.2027513">
|
||
La Fabbrica - resti murari
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5543028 14.2129861">
|
||
Le Boffe - Frammenti scultorei
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5530655 14.201767">
|
||
Lupinaro - resti murari
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5399801 14.2092552">
|
||
Migliara Belvedere - frammenti erratici
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5451791 14.2233019">
|
||
Monte Solaro - vaso corinzio
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5523988 14.2087281">
|
||
Monticello - “Vaso di Monticello”
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5521975 14.2107296">
|
||
Monticello - “Villa di Monticello”
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5559514 14.2197966">
|
||
Pastena - strutture murarie
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.546923 14.2173871">
|
||
Petracquale - ruderi indeterminati
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.55666444 14.21446043">
|
||
Timberino - impianto idraulico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5590486 14.1984242">
|
||
Vetereto - ambienti voltati
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.556597 14.214518">
|
||
Veterino - complesso residenziale
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="mt-3" data-list-id="noncons-capri-sub">
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="noncons-capri-sub">
|
||
Capri
|
||
<span class="icon ml-2 is-small" data-list-id="noncons-capri-sub">
|
||
<i class="fa fa-chevron-right"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="noncons-capri-sub" class="is-hidden">
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5511089 14.2362655">
|
||
Le Parate - necropoli
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5532513 14.2538048">
|
||
Moneta - impianti idraulici e struttura residenziale a Moneta
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5533825 14.2385025">
|
||
Sant'Antonio - necropoli
|
||
</a>
|
||
</li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5484525 14.2478183">
|
||
Unghia Marina - complesso residenziale
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5473155 14.2405834">
|
||
Villa Imperiale del Castiglione
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5480487 14.2420423">
|
||
Villa imperiale del Castiglione, scavi Hadrawa
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5492126 14.2438121">
|
||
Villa imperiale del Castiglione, Li Campi
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5493422 14.2430196">
|
||
Villa imperiale del Castiglione, Località Valentino
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5489398 14.2408126">
|
||
Villa imperiale del Castiglione, mura via Castello
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p class="menu-label is-size-5 is-clickable" data-id="rinv">
|
||
<span class="icon pl-1 mr-2 is-small" data-layer-target="rinv" data-action="click->layer#toggle">
|
||
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
|
||
</span>
|
||
<span class="icon pr-1">
|
||
<img class="image" src="img/icons/rinv_menu.png"/>
|
||
</span>
|
||
<span data-action="click->menu#toggle" data-id="rinv">
|
||
Rinvenimenti
|
||
<span class="icon pl-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="rinv"></i>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
<ul class="menu-list is-hidden" id="rinv-list" data-menu-target="list" data-controller="marker">
|
||
<li>
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="rinv-anacapri-sub">
|
||
Anacapri
|
||
<span class="icon ml-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="rinv-anacapri-sub" class="is-hidden">
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.55939119 14.20064002" data-action="marker#go">
|
||
Affresco di IV stile - Villa Damecuta
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.5596847 14.2013025" data-action="marker#go">
|
||
Statua di fanciullo - Villa Damecuta
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.5595088 14.2008549" data-action="marker#go">
|
||
Frammento di testa di Sileno - Villa Damecuta
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.5565536 14.2133073" data-action="marker#go">
|
||
Base di candelabro - Lo Pozzo
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.56061123 14.20569607" data-action="marker#go">
|
||
Statua di Nettuno - Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.56070704 14.20588946" data-action="marker#go">
|
||
Statua di Tritone imberbe - Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.56057044 14.20603369" data-action="marker#go">
|
||
Statua di Tritone barbato - Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.56048101 14.20591339" data-action="marker#go">
|
||
Statua di Tritone - Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-marker-target="coords"
|
||
data-coords="40.5605702 14.20575881" data-action="marker#go">
|
||
Statua di peplophoros - Grotta Azzurra
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p class="menu-label is-size-5 is-clickable" data-id="preist">
|
||
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="preist" data-action="click->layer#toggle">
|
||
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
|
||
</span>
|
||
<span class="icon pr-1">
|
||
<img class="image" src="img/icons/preistorici.png"/>
|
||
</span>
|
||
<span data-action="click->menu#toggle" data-id="preist">
|
||
Aree di affioramento
|
||
<span class="icon pl-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="preist"></i>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
<ul class="menu-list is-hidden" id="preist-list" data-menu-target="list" data-controller="marker">
|
||
<li data-list-id="preist-anacapri-sub">
|
||
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="preist-anacapri-sub">
|
||
Anacapri
|
||
<span class="icon ml-2 is-small" data-list-id="noncons-anacapri-sub">
|
||
<i class="fa fa-chevron-right"></i>
|
||
</span>
|
||
</span>
|
||
<ul id="preist-anacapri-sub" class="is-hidden">
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.548922 14.229593">
|
||
Valletta di Cetrella
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.554641 14.198711">
|
||
Punta Capocchia
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.556512 14.198711">
|
||
Punta del Miglio
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.549190 14.198606">
|
||
Punta Campetiello
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5473633 14.1992508">
|
||
Rio Latino - Cala di Mezzo
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5469179 14.2022463">
|
||
Località Pino
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.543768 14.202657">
|
||
Grotta del Pisco
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.541755 14.197580">
|
||
Punta del Pino
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5386677 14.1997139">
|
||
Capo Ruglio-Limmo
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5399062 14.2098143">
|
||
Belvedere della Migliara
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5367431 14.1995263">
|
||
Punta Carena-Limmo
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.558507 14.200558">
|
||
Punta dell'Arcera
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p class="menu-label is-size-5 is-clickable" data-id="subacquei">
|
||
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="underwater" data-action="click->layer#toggle">
|
||
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
|
||
</span>
|
||
<span class="icon pr-1">
|
||
<img class="image" src="img/icons/subacquei_menu.png"/>
|
||
</span>
|
||
<span data-action="click->menu#toggle" data-id="subacquei">
|
||
Giacimenti subacquei
|
||
<span class="icon pl-2">
|
||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="subacquei"></i>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
<ul class="menu-list is-hidden" id="subacquei-list" data-menu-target="list" data-controller="marker">
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5511022 14.1910274">
|
||
Bocca Grande - relitto con carico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5579004 14.2363139">
|
||
Marina Grande - strutture portuali
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5649884 14.1940185">
|
||
Punta dell’Arcera - relitto con carico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.5870549 14.2887986">
|
||
Bocca Piccola - relitto con carico
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="button" data-action="marker#go" data-coords="40.54468634 14.23392751">
|
||
Marina Piccola, Scoglio delle Sirene - strutture portuali, approdo
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</aside>
|
||
</div>
|
||
</div>
|
||
<!-- Sites data modal -->
|
||
<div class="modal" id="site-data" data-controller="modal biblio tabs marker" data-modal-target="modal">
|
||
<div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div class="tabs is-centered">
|
||
<ul>
|
||
<li class="is-active" id="for-short-sheet"
|
||
data-tabs-target="tab active" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="site-sheet" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="photos" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="documents" data-tabs-target="content"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close" data-action="modal#close tabs#reset"></button>
|
||
</div>
|
||
<!-- Not conserved modal -->
|
||
<div class="modal" id="not-conser-data" data-controller="modal biblio tabs marker" data-modal-target="modal">
|
||
<div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div class="tabs is-centered">
|
||
<ul>
|
||
<li class="is-active" id="for-not-conserved-sheet" data-tabs-target="tab active" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<a>
|
||
<span class="icon is-small"
|
||
><i class="fas fa-image" aria-hidden="true"></i
|
||
></span>
|
||
<span>Immagini</span>
|
||
</a>
|
||
</li>
|
||
<li id="for-documents" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<a>
|
||
<span class="icon is-small"
|
||
><i class="fas fa-book" aria-hidden="true"></i
|
||
></span>
|
||
<span>Documenti</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="data-tabs" id="not-conserved-sheet" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="photos" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="documents" data-tabs-target="content"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close" data-action="modal#close tabs#reset"></button>
|
||
</div>
|
||
<!-- Finding modal -->
|
||
<div class="modal" id="finding-data" data-controller="modal biblio tabs marker" data-modal-target="modal">
|
||
<div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div class="tabs is-centered">
|
||
<ul>
|
||
<li class="is-active" id="for-finding-sheet" data-tabs-target="tab active" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="tab" data-action="click->tabs#activate">
|
||
<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" data-tabs-target="content"></div>
|
||
<div class="data-tabs is-hidden" id="photos" data-tabs-target="content"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close" data-action="modal#close tabs#reset"></button>
|
||
</div>
|
||
<!-- Prehistoric modal -->
|
||
<div class="modal" id="prehist-data" data-controller="modal biblio marker" data-modal-target="modal">
|
||
<div class="modal-background" data-action="click->modal#close"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div id="prehist-sheet"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close" data-action="modal#close"></button>
|
||
</div>
|
||
<!-- Underwater modal -->
|
||
<div class="modal" id="underwater-data" data-controller="modal biblio marker" data-modal-target="modal">
|
||
<div class="modal-background" data-action="click->modal#close"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div id="underwater-sheet"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close" data-action="modal#close"></button>
|
||
</div>
|
||
<!-- Spherical photo modal -->
|
||
<div class="modal" id="spherical-modal">
|
||
<div class="modal-background"></div>
|
||
<div class="modal-content has-background-white">
|
||
<div id="pano-viewer"></div>
|
||
</div>
|
||
<button class="modal-close is-large" aria-label="close"></button>
|
||
</div>
|
||
</body>
|
||
</html>
|