--- title: "Rückblick Kalenderwoche 2025-31" date: 2025-08-04T06:30:00+01:00 description: "🗺️ Die neue Bikerouter Sidebar\n\n🎨 TailwindCSS- und Material-Farbcodes zum einfachen Kopieren\n\n🚴‍♂️ Tour de France: Entwicklung der Durchschnittsgeschwindigkeiten über die Zeit\n\n🌍 OpenInfraMap und ein neues Thema zum Reinnerden\n\n🗺️ Alte Topografische Karten im Vergleich mit den aktuellen Ausgaben\n\n🔊 In dieser Woche gehört: Max Muth, Tellerboy b2b Marlene del Mar, Hophiluck, JessRey, Yves Meyer und Ben Green" categories: - "Sonstiges" tags: - "weekly" - "Bikerouter" - "TailwindCSS" - "Material" - "Tour de France" - "OpenInfraMap" - "OpenStreetMap" - "Topografische Karte" - "Map" - "Techno" lang: de canonical: https://www.marcusjaschen.de/blog/2025/2025-31/ translations: - lang: en url: https://www.marcusjaschen.de/en/blog/2025/2025-31/ markdown: https://www.marcusjaschen.de/en/blog/2025/2025-31/index.md image: https://www.marcusjaschen.de/blog/2025/2025-31/images/title_hu_5d61cfbf0d13352.jpg --- # Rückblick Kalenderwoche 2025-31 ![Das Bild zeigt eine Landschaft unter einem weiten blauen Himmel, besprenkelt mit flauschigen weißen Wolken. Im Vordergrund erstreckt sich eine Fläche goldenen Grases, die den unteren Teil des Bildes ausfüllt. Hinter dieser Wiese zieht sich eine dichte Reihe grüner Bäume hin, deren Blätter leuchtend und üppig gegen den Hintergrund des Himmels wirken.](https://www.marcusjaschen.de/blog/2025/2025-31/images/title_hu_5d61cfbf0d13352.jpg) *Auf einer kleinen Anhöhe hier im Ort steht eine alte Eiche. Unter dieser befinden sich ein paar Bänke und diese nutze ich hin und wieder zum Verweilen.* 🗺️ Am Wochenende habe ich wieder einmal *viel zu viel* Zeit am Rechner verbracht. Immerhin habe ich ein wenig Fortschritt beim Projekt „Aufräumen des Bikerouter-User Interface“ erzielt. Bühne frei für die neue Sidebar: {#bikerouter-sidebar} ![Kartendaten © OpenStreetMap contributors](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar_hu_56041343f2d29db3.jpeg) *Kartendaten © OpenStreetMap contributors* Die Sidebar öffnet sich durch Klick oder Tippen auf die Schaltfläche „Hamburger-Menü“ (drei waagerechte Striche)[^3]. Das Hauptziel war, die – insbesondere auf Mobilgeräten – recht umständlich zu bedienende Navigationsleiste zu verbessern. Alle Funktionen der Navigationsleiste sind jetzt in der Sidebar untergebracht. Auf Desktop-Geräten bleibt die Navigationsleiste mit allen Schaltflächen weiterhin verfügbar, da dort ausreichend Platz ist. Gleichzeitig wollte ich im ersten Schritt die bekannten Abläufe möglichst wenig verändern, um die Umgewöhnung zu erleichtern – daher hat sich an den Funktionen der Navigationsleiste kaum etwas geändert. Ich habe die verschiedenen zusammengehörigen Funktionen visuell in Gruppen („Cards“) zusammengefasst, um die Übersichtlichkeit zu verbessern. Jede Gruppe verfügt jetzt außerdem über eine eingebaute Mini-Hilfe, die sich durch einen Klick auf das Info-Icon öffnet und die wichtigsten Funktionen der jeweiligen Gruppe erklärt: ![Eingebauter Info-Text zu den Import-Funktionen.](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-help_hu_b69ac423b2824182.png) *Eingebauter Info-Text zu den Import-Funktionen.* Damit soll es einfacher werden, die Funktionen zu finden und zu verstehen. Außerdem habe ich eine Vorauswahl von Routing-Profilen zur Direktauswahl per Schaltfläche in die Sidebar integriert. Ich schätze, damit sind etwa 80 % der verwendeten Profile abgedeckt. Für spezielle Wünsche bleibt die gewohnte Auswahl weiterhin verfügbar. ![](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-profile_hu_a6b9becb020f08f1.png) Das Auswahlfeld für die Profile ist jetzt ein ganz normales HTML-Auswahlfeld[^2] und keine Bootstrap-jQuery-JavaScript-Lösung mehr. Die bisherige Variante hat mich immer gestört, und ich habe den Umbau zum Anlass genommen, das endlich zu ändern – damit gibt es auch eine Third-Party-Abhängigkeit weniger im Code. ![Sidebar auf iOS.](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-ios_hu_3339286587f06c4f.jpeg) *Sidebar auf iOS.* Ich werde das jetzt erst einmal in Ruhe testen und dann weitersehen. Ich denke, auch die bekannte Navigationsleiste wird noch einmal überarbeitet werden. Ich könnte mir vorstellen, dass der blau-gelbe Farbverlauf weichen muss, auch wenn er mittlerweile einen gewissen Wiedererkennungswert hat. Außerdem überlege ich, die Sidebar auf Desktop-Geräten *mit ausreichend Platz* standardmäßig geöffnet zu lassen und den Kartenbereich nach rechts zu verschieben, damit die Schaltflächen auf der Karte sichtbar bleiben. Zurzeit wird die Sidebar ja _über_ die Karte gelegt und verdeckt dabei Inhalte. Am besten schaust du sie dir selbst schon einmal an und testest die neue Sidebar auf [**dev.bikerouter.de**](https://dev.bikerouter.de). Ich freue mich über Feedback, ob das so funktioniert und ob es dir gefällt. --- 🎨 [Alle TailwindCSS Farben in der Übersicht](https://tailwindcolor.com/) – ein Klick auf eine Farbe kopiert den Farbwert in die Zwischenablage. Das ist praktisch für Projekte ohne TailwindCSS, in denen man aber trotzdem die Farben verwenden möchte. Gibt es auch für [Material](https://materialui.co/colors). --- 🚴‍♂️ Der Artikel [The evolution of the Tour de France](https://www.datawrapper.de/blog/the-evolution-of-the-tour-de-france) betrachtet die Entwicklung der durchschnittlichen Geschwindigkeiten bei der Tour de France: ![](https://www.marcusjaschen.de/blog/2025/2025-31/images/tour-de-france-avg-speed_hu_186b13469b0b5f7b.png) Die Grafik im Artikel ist interaktiv, es macht Spaß, sie in Ruhe zu erkunden. --- 🌍 Wenn man durch die Landschaft fährt und die Augen offenhält, kann man überall Marker sehen, die auf unterirdische Leitungen aller Art hinweisen: Strom, Wasser, Gas, Öl usw. Es gibt mit [OpenInfrastructureMap](https://openinframap.org/) eine Kartenansicht der OpenStreetMap-Daten, die sich zum Ziel gesetzt hat, diese Art Infrastruktur sichtbar zu machen. Ich habe die Karte bereits in [Ausgabe 2023-38](/blog/2023/2023-42/) erwähnt. Zuletzt habe ich mich intensiver mit Gasleitungen[^4] beschäftigt und dabei festgestellt, dass es in meiner Umgebung eine ganze Menge davon gibt, davon aber bisher wenige in OpenStreetMap eingetragen sind. And so it begins… --- 🗺️ In diesem Zusammenhang bin ich auf [alte Topografische Karten aus den Jahren 1986-2000](https://geobroker.geobasis-bb.de/gbss.php?MODE=GetProductInformation&PRODUCTID=08779667-0cc0-43e6-8813-b58c47aeee8d) (teilweise noch mit DDR-Inhalten) gestoßen. In diesen sind die größeren Gas-Übertragungsleitungen nämlich eingezeichnet. Überhaupt enthalten die alten Karten so viel mehr Informationen, verglichen mit den aktuellen Topografischen Karten. Es lohnt sich wirklich, sie mal nebeneinander zu legen und selbst zu vergleichen. ![Topografische Karte 1:10.000 von 1986 (oben links) und aktuell (unten rechts). Quelle: © GeoBasis-DE/LGB, dl-de/by-2-0](https://www.marcusjaschen.de/blog/2025/2025-31/images/DTK10_hu_eb27af23a5ff929f.jpg) *Topografische Karte 1:10.000 von 1986 (oben links) und aktuell (unten rechts). Quelle: © GeoBasis-DE/LGB, dl-de/by-2-0* --- 🔊 In dieser Woche gehört: - [Serotonin Music by Max Muth [204]](https://soundcloud.com/serotonin_cgn/serotonin-music-by-max-muth-204) - [Tellerboy b2b Marlene del Mar @ Nektar Festival '25](https://soundcloud.com/marlenedelmar/tellerboy-b2b-marlene-del-mar-nektar-festival-25) - [Hophiluck @ freihgefühl Festival '25](https://soundcloud.com/hophiluck/hophiluck-freihgefuhl-festival-25) - [JessRey @ Symbiotikka | Kitkat Club | Goddesses Night](https://soundcloud.com/jessreymusic/jessrey-symbiotikka-kitkat-club-goddesses-night) - [Yves Meyer | Piepshow | KitKat Club | 26.01.2024](https://soundcloud.com/yves-meyer/piepshow) - [Sisyphos Kollektiver Kopfsalat 2024 Hammahalle Ben Green (Studio Rebuild)](https://soundcloud.com/bengreenberlin/halle-sept-final-2024-neu) [^2]: Genau genommen sind es zwei Auswahlfelder: eines für die Routing-Profile und eines für die Alternativ-Routen. So ist es semantisch besser und es lässt sich einfacher damit arbeiten. [^3]: Die Sidebar lässt sich auch schnell per Tastatur öffnen und schließen – einfach die Taste „F2“ drücken (der Shortcut könnte sich eventuell noch einmal ändern). [^4]: Hiermit sind große Übertragungsleitungen gemeint, mit Durchmessern von gerne mal 60 cm und mehr.