85 lines
2.2 KiB
HTML
85 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Galleria Foto</title>
|
||
|
||
<!-- CSS -->
|
||
<link rel="stylesheet" href="style.css">
|
||
|
||
<!-- Leaflet CSS -->
|
||
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
|
||
|
||
<!-- MarkerCluster CSS -->
|
||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.css" />
|
||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.Default.css" />
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<header>
|
||
<h1>Galleria Foto</h1>
|
||
<button id="openMapBtn" class="map-btn">🗺️ Mappa</button>
|
||
</header>
|
||
|
||
<main>
|
||
<div id="gallery" class="gallery"></div>
|
||
|
||
<!-- Mappa globale -->
|
||
<div id="globalMap" class="global-map"></div>
|
||
</main>
|
||
|
||
<!-- Modal Media (foto + video) -->
|
||
<div id="modal" class="modal">
|
||
<div class="modal-content">
|
||
<div class="modal-close" id="modalClose">×</div>
|
||
|
||
<!-- CONTENITORE DINAMICO -->
|
||
<div id="modalMediaContainer"></div>
|
||
|
||
<div class="modal-info-btn" id="modalInfoBtn">ℹ️</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Pannello Info -->
|
||
<div id="infoPanel" class="info-panel"></div>
|
||
|
||
<!-- Bottom Sheet stile Google Photos Web -->
|
||
<div id="bottomSheet" class="bottom-sheet">
|
||
<div class="sheet-header"></div>
|
||
<div class="sheet-gallery" id="sheetGallery"></div>
|
||
</div>
|
||
|
||
<!-- Leaflet JS -->
|
||
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
|
||
|
||
<!-- MarkerCluster JS -->
|
||
<script src="https://unpkg.com/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
|
||
|
||
<!-- Eruda Debug Console -->
|
||
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
|
||
<script>
|
||
eruda.init();
|
||
console.log("Eruda inizializzato");
|
||
</script>
|
||
|
||
<!-- Debug immediato -->
|
||
<script>
|
||
console.log("Caricamento pagina OK");
|
||
</script>
|
||
|
||
<!-- App -->
|
||
<script src="js/config.js"></script>
|
||
<script src="js/data.js"></script>
|
||
<script src="js/gallery.js"></script>
|
||
<script src="js/modal.js"></script>
|
||
<script src="js/infoPanel.js"></script>
|
||
|
||
<!-- DEVE ESSERE PRIMA DI mapGlobal.js -->
|
||
<script src="js/bottomSheet.js"></script>
|
||
|
||
<script src="js/mapGlobal.js"></script>
|
||
<script src="js/main.js"></script>
|
||
|
||
</body>
|
||
</html>
|