summaryrefslogtreecommitdiffstats
path: root/templates/index.html
diff options
context:
space:
mode:
authorjullinator <justus.karlsson@hotmail.se>2018-08-17 23:56:49 +0200
committerjullinator <justus.karlsson@hotmail.se>2018-08-17 23:56:49 +0200
commit30879149f544a6cb1ebbeb3c27c467c479d0d448 (patch)
treedcfb7d6fc153223a20739e6161246d8ea00ee293 /templates/index.html
downloadtdde25-30879149f544a6cb1ebbeb3c27c467c479d0d448.tar.gz
first draft
Diffstat (limited to 'templates/index.html')
-rw-r--r--templates/index.html52
1 files changed, 52 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..71a0005
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,52 @@
+<html>
+ <head>
+ <meta name="viewport"content="initial-scale=1.0, user-scalable=no"/>
+
+ {{ templates/index.css }}
+
+ </head>
+
+ <body>
+
+ <div id="map_canvas"></div>
+
+ <form id="path-form">
+ <div class="row" >
+ <div class="col">
+ Place marker for:
+ <div>
+ <input type="radio" name="marker-point" id="marker-point-start" checked="true" />
+ <label for="marker-point-start">Start</label>
+ </div>
+ <div>
+ <input type="radio" name="marker-point" id="marker-point-end" />
+ <label for="marker-point-end">Destination</label>
+ </div>
+ </div>
+ <div class="col">
+ <div>
+ <label for="lat1">Start lat:</label>
+ <input name="lat1" id="lat1" />
+ </div>
+ <div>
+ <label for="lng1">Start lng:</label>
+ <input name="lng1" id="lng1" />
+ </div>
+ </div>
+ <div class="col">
+ <div>
+ <label for="lat2">End latitude:</label>
+ <input name="lat2" id="lat2" />
+ </div>
+ <div>
+ <label for="lng2">End longitude:</label>
+ <input name="lng2" id="lng2" />
+ </div>
+ </div>
+ <input type="submit" />
+ </div>
+ </form>
+ <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBO7iAytSrxMTS21EovrsGI2TI73F3TyYg&sensor=false"></script>
+ {{ templates/index.js }}
+ </body>
+</html>