projects
/
lantea.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
hide UI when it's not needed
[lantea.git]
/
index.html
diff --git
a/index.html
b/index.html
index 092ab1f20af2b5e6407f442c08871b471fc7b6a6..7a0753db876a7d5a18afe351b989f5e6bc9c61da 100644
(file)
--- a/
index.html
+++ b/
index.html
@@
-6,6
+6,9
@@
<html manifest="manifest.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html manifest="manifest.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <!-- try to counts default scaling on mobile, see
+ https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
+ <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
<title>Lantea Maps</title>
<script src="js/map.js"></script>
<script src="js/ui.js"></script>
<title>Lantea Maps</title>
<script src="js/map.js"></script>
<script src="js/ui.js"></script>
@@
-15,12
+18,7
@@
<body>
<h1>Lantea Map</h1>
<body>
<h1>Lantea Map</h1>
-<div id="overlayArea">
-<input type="button" id="zoomInButton" value="+"
- onclick="zoomIn();">
-<span id="zoomLevel">Z</span>
-<input type="button" id="zoomOutButton" value="-"
- onclick="zoomOut();"><br/>
+<div id="menuArea" class="overlayArea">
<input type="button" id="trackButton" value="Track"
onclick="toggleTrackArea();"><br/>
<fieldset id="trackArea"><legend>Track</legend>
<input type="button" id="trackButton" value="Track"
onclick="toggleTrackArea();"><br/>
<fieldset id="trackArea"><legend>Track</legend>
@@
-47,12
+45,20
@@
Map style:
</fieldset>
</div>
</fieldset>
</div>
-<canvas id="map" width="500" height="500">
- Please use a browser that supports <canvas> elements.
-</canvas>
+<div id="zoomArea" class="overlayArea">
+<input type="button" id="zoomInButton" value="+"
+ onclick="zoomIn();"><br/>
+<span id="zoomLevel">Z</span><br/>
+<input type="button" id="zoomOutButton" value="-"
+ onclick="zoomOut();">
+</div>
<p id="debug" class="debugHide"></p>
<p id="copyright"></p>
<p id="debug" class="debugHide"></p>
<p id="copyright"></p>
+<canvas id="map" width="500" height="500">
+ Please use a browser that supports <canvas> elements.
+</canvas>
+
</body>
</html>
\ No newline at end of file
</body>
</html>
\ No newline at end of file