Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ALISTO | Live Map</title> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" /> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Roboto:wght@400;500&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| <style> | |
| /* Specific Map Page Styles */ | |
| body { overflow: hidden; } | |
| #map { | |
| width: 100%; | |
| height: 100vh; | |
| z-index: 1; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="map-sidebar"> | |
| <a href="index.html" class="back-btn">← Back to Dashboard</a> | |
| <h1 style="font-family: Montserrat; color: #ed4801; margin-bottom: 5px;">LIVE MAP</h1> | |
| <p style="font-size: 0.8em; color: #ccc;">Real-time disaster tracking</p> | |
| <hr style="border: 0; border-top: 1px solid #555; margin: 15px 0;"> | |
| <div id="status-text">Connecting to Alisto...</div> | |
| <div class="stat-item"> | |
| <span class="stat-highlight" id="alert-count">0</span> Active Alerts | |
| </div> | |
| </div> | |
| <div id="map"></div> | |
| <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> | |
| <script src="map_script.js"></script> | |
| </body> | |
| </html> |