From c02a44d6e1bbb5a1df28c32aebe0aa6d218ed390 Mon Sep 17 00:00:00 2001
From: Zsolt Ero <zsolt.ero@gmail.com>
Date: Tue, 11 Jun 2024 23:19:14 +0200
Subject: [PATCH] website

---
 website/assets/map_howto.js | 13 ++++++++++---
 website/assets/style.css    | 12 ++++++++++--
 website/blocks/main.md      |  2 +-
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/website/assets/map_howto.js b/website/assets/map_howto.js
index b1b6dc4..bf3a472 100644
--- a/website/assets/map_howto.js
+++ b/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
 }
diff --git a/website/assets/style.css b/website/assets/style.css
index 27ad078..7feef6a 100644
--- a/website/assets/style.css
+++ b/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;
   }
 }
diff --git a/website/blocks/main.md b/website/blocks/main.md
index 503fc80..05282e5 100644
--- a/website/blocks/main.md
+++ b/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.