https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Lantea Maps</title>
- <script src="js/map.js" type="application/javascript;version=1.8"></script>
- <script src="js/ui.js" type="application/javascript;version=1.8"></script>
- <script src="js/library.js" type="application/javascript;version=1.8"></script>
+ <script src="js/map.js"></script>
+ <script src="js/ui.js"></script>
+ <script src="js/library.js"></script>
<script src="js/piwik.js" async="" defer=""></script>
<link rel="stylesheet" href="style/lantea.css">
+ <link rel="manifest" href="/pwa.manifest">
<link rel="shortcut icon" href="style/lanteaIcon16.png" type="image/png">
</head>
<body id="body">
-<noscript><p><img src="https://piwik.kairo.at/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+<noscript><p><img src="https://matomo.kairo.at/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
<h1>Lantea Map</h1>
<div id="trackArea" class="menuDrawer secondaryUI hidden">
</div>
<p class="loginbox">
<button type="button" id="loginbtn" class="hidden">Sign in</button>
+<span id="loginerror" class="hidden">!</span>
<span id="logindesc" class="hidden">to enable uploads</span>
<span id="username" class="hidden"></span>
<button type="button" id="logoutbtn" class="hidden">Log out</button>
</div>
<div id="zoomArea" class="autoFade overlayArea">
-<input type="button" id="zoomInButton" value="+"
- onclick="zoomIn();">
+<input type="button" id="zoomInButton" value="+">
<p id="zoomLevel">Z</p>
-<input type="button" id="zoomOutButton" value="−"
- onclick="zoomOut();">
+<input type="button" id="zoomOutButton" value="−">
</div>
<div id="fullscreenArea" class="autoFade overlayArea">
<div id="noGLwarning">
Unable to initialize WebGL. You need a browser that supports it.
</div>
+<div id="DBError">
+ Unable to open indexedDB database in your browser. Please make sure you have
+ not disabled access to in-browser storage.
+</div>
<div id="firstRunIntro">
<p class="dialogTitle">Welcome to Lantea Maps!</p>
<p>This web app lets you record GPS tracks of your journeys, which you can
</p>
</div>
<div id="infoDialog">
-<p class="dialogTitle">Lantea Maps has changed!</p>
+<p class="dialogTitle">Recent Changes in Lantea Maps</p>
<p>Lantea Maps has been updated with a few significant changes.</p>
-<p>Most importantly, the previously broken upload functionality for tracks has
- been fixed and improved to use our own Lantea Maps server instead of
- OpenStreetMaps. For using it, you need to log in with KaiRo.at via their
- "sign in" button now in the track "drawer".</p>
+<p>Most importantly, the upload functionality for tracks has been improved and
+ switched to use our own Lantea Maps server. For accessing it, you need to
+ log in with KaiRo.at via a "sign in" button now in the track "drawer".</p>
<p>From there, you can also access a library of uploaded tracks, their
name/comment links to the GPX download of the specific track.</p>
<p>If you set a device name in the settings, you can even distinguish tracks