Skip to content
Snippets Groups Projects
Select Git revision
  • main
1 result

index.html

Blame
  • user avatar
    hamza masmoudi authored
    0bdb1495
    History
    index.html 1.23 KiB
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>🌍 GlacierH2O</title>
      <link rel="stylesheet" href="css/styles.css">
      <script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
      <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
      <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
      <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
    </head>
    <body>
      <h1>🌍 GlacierH2O</h1>
    
      <div id="controls">
        <div class="year-control">
          <label for="year-input">Year:</label>
          <input type="number" id="year-input" min="2000" max="2025" value="2000" step="1">
          <input type="range" id="year-slider" min="2000" max="2025" value="2000" step="1">
        </div>
        <select id="basemap-select">
          <option value="OpenStreetMap">OpenStreetMap</option>
          <option value="Satellite">Satellite</option>
        </select>
        <button id="dark-mode-toggle">🌙 Dark Mode</button>
      </div>
    
      <div id="container">
        <div id="map-container">
          <div id="map"></div>
        </div>
        <div id="chart-container">
          <canvas id="region-chart"></canvas>
        </div>
      </div>
    
      <script type="module" src="js/main.js"></script>
    </body>
    </html>