index.html 1.72 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="static/assets/leaflet/dist/leaflet.css" />
    <link rel="stylesheet" type="text/css" href="static/assets/leaflet.fullscreen/Control.FullScreen.css" />
    <link rel="stylesheet" type="text/css" href="static/assets/bootstrap/dist/css/bootstrap.min.css" />
  </head>
  <body>
Jonathan Krebs's avatar
Jonathan Krebs committed
11

12
13
14
15
16
    <div class="container-fluid">
      <div class="row bg-dark">
        <div id="map" style="width:100vw;height:75vh"></div>
      </div>
    </div>
Jonathan Krebs's avatar
Jonathan Krebs committed
17

18
19
20
21
22
23
24
25
26
    <div class="container">
      <div class="row">
        <h1>
          WebGPS
          <button type="button" id="toggleBtn" class="btn btn-primary" onclick="toggle()">
            Start Logging
          </button>
        </h1>
      </div>
Jonathan Krebs's avatar
Jonathan Krebs committed
27

28
29
30
31
32
33
34
35
36
37
38
39
40
41
      <div class="row">
        <div class="card w-100">
          <div class="card-header">
            <h4>
              Logging
              <span id="successCounter" class="badge badge-success">0</span>
              <span id="errorCounter" class="badge badge-danger">0</span>
            </h4>
          </div>
          <div id="output" class="card-body">
          </div>
        </div>
      </div>
    </div>
Jonathan Krebs's avatar
Jonathan Krebs committed
42

43
44
45
46
47
48
    <script src="static/assets/popper.js/dist/umd/popper.min.js"></script>
    <script src="static/assets/jquery/dist/jquery.min.js"></script>
    <script src="static/assets/leaflet/dist/leaflet.js"></script>
    <script src="static/assets/leaflet.fullscreen/Control.FullScreen.js"></script>
    <script src="static/assets/heatmap.js/build/heatmap.min.js"></script>
    <script src="static/assets/heatmap.js/plugins/leaflet-heatmap/leaflet-heatmap.js"></script>
Jonathan Krebs's avatar
Jonathan Krebs committed
49

50
51
    <script src="static/index.js"></script>
  </body>
Jonathan Krebs's avatar
Jonathan Krebs committed
52
</html>