bb8d267cd4
• Creato un nuovo file CSS per gli stili del chiosco (kiosk) con variabili, stili per le schede (card) e animazioni. • Aggiunto un file HTML per l'interfaccia della mappa utilizzando Mapbox, inclusi gli stili e il JavaScript per le funzionalità della mappa. • Introdotto un file JSON per i riferimenti ai sensori, definendo percorsi ed elementi per i dati di temperatura, vento, onde, posizione, batteria, motore e sistema. Co-authored-by: Copilot <copilot@github.com>
26 lines
795 B
HTML
26 lines
795 B
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kiosk Dashboard</title>
|
|
|
|
<script src='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js'></script>
|
|
<link href='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css' rel='stylesheet' />
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Main Grid Canvas -->
|
|
<div id="canvas" class="canvas">
|
|
<div id="emptyState" class="empty-state">Caricamento dei tile in corso</div>
|
|
</div>
|
|
|
|
<!-- UI Feedback & Overlays -->
|
|
<div id="tooltip" class="tooltip"></div>
|
|
<div id="toast" class="toast"></div>
|
|
|
|
<script src="canvas.js"></script>
|
|
<script src="core.js"></script>
|
|
</body>
|
|
</html> |