website

Author: hyperknot

website/assets/map_howto.js

@@ -40,15 +40,22 @@ mapDiv.onclick = function () {
 
 // initMap()
 
+let movedTo2d = false
+
 function selectStyle(event, style) {
   initMap()
   toggleButtonSelection(event.target)
 
   const styleUrl = 'https://tiles.openfreemap.org/styles/' + style
   map.setStyle(styleUrl)
-  map.setPitch(0)
-  map.setBearing(0)
-  map.setZoom(12.5)
+
+  if (!movedTo2d) {
+    map.setCenter({ lng: 13.388, lat: 52.517 })
+    map.setPitch(0)
+    map.setBearing(0)
+    map.setZoom(9.5)
+    movedTo2d = true
+  }
 
   document.getElementById('style-url-code').innerText = styleUrl
 }

website/assets/style.css

@@ -321,7 +321,7 @@ hr {
 
 @media (max-width: 550px) {
   body {
-    padding: 0 20px 40px;
+    padding: 0 0 40px;
   }
 
   .static,
@@ -332,7 +332,15 @@ hr {
   h5,
   h6,
   .col-lbl,
-  p {
+  p,
+  .button-container,
+  #support-plans-slider {
     max-width: 100%;
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
+  #map-container {
+    height: 300px;
   }
 }

website/blocks/main.md

@@ -66,7 +66,7 @@ There is no tile server running; only Btrfs partition images with 300 million ha
 
 There is no cloud, just dedicated servers. The HTTPS server is nginx on Ubuntu.
 
-Special thanks go to [Michael Barry](https://github.com/msbarry) for developing [Planetiler](https://github.com/onthegomap/planetiler). It made it possible to generate the tiles in 5 hours instead of 5 weeks. The map schema is [OpenMapTiles](https://github.com/openmaptiles/openmaptiles). 
+Special thanks go to [Michael Barry](https://github.com/msbarry) for developing [Planetiler](https://github.com/onthegomap/planetiler). It made it possible to generate the tiles in 5 hours instead of 5 weeks. The map schema is [OpenMapTiles](https://github.com/openmaptiles/openmaptiles).
 
 The [styles](https://github.com/hyperknot/openfreemap-styles) are forked and heavily modified.