<html>
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script>
    <link rel="stylesheet" href="./css/stylesheet.css">
  </head>
  <body>
    <title>GPX track viewer</title>

    <!-- sidebar for tracks-->
    <aside class="sidebar" id="sidebar">
      <nav>
        <ul class="tracks" id="tracklist">
          <li>
            <h3>........: GpX :........</h3>
          </li>
          <li>
            <p>Click on a track to focus it on the map. Click track on map to download. Details of the track will be shown aside.</p>
            </li>
        </ul>
      </nav>
    </aside>

    <div id="map"></div>
    <div class="clear"></div>

    <script src="/js/gpx.js"></script>
  </body>
</html>