Add underwater sites

This commit is contained in:
2025-04-29 11:59:39 +02:00
parent 46a4efe760
commit 962ba93355
8 changed files with 142 additions and 0 deletions

View File

@@ -527,6 +527,47 @@
</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 dellArcera - 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>
@@ -653,6 +694,14 @@
</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>