--- title: "The Week in Review – 2025-31" date: 2025-08-04T06:30:00+01:00 description: "🗺️ The new Bikerouter sidebar\n\n🎨 TailwindCSS and Material color codes for easy copying\n\n🚴‍♂️ Tour de France: Development of average speeds over time\n\n🌍 OpenInfraMap and a new topic to geek out on\n\n🗺️ Old topographic maps compared with current editions\n\n🔊 Listened to this week: Max Muth, Tellerboy b2b Marlene del Mar, Hophiluck, JessRey, Yves Meyer, and Ben Green" categories: - "The Week in Review" tags: - "weekly" - "Bikerouter" - "TailwindCSS" - "Material" - "Tour de France" - "OpenInfraMap" - "OpenStreetMap" - "Topographic Map" - "Map" - "Techno" lang: en canonical: https://www.marcusjaschen.de/en/blog/2025/2025-31/ translations: - lang: de url: https://www.marcusjaschen.de/blog/2025/2025-31/ markdown: https://www.marcusjaschen.de/blog/2025/2025-31/index.md image: https://www.marcusjaschen.de/blog/2025/2025-31/images/title_hu_5d61cfbf0d13352.jpg --- # The Week in Review – 2025-31 ![The image captures a serene landscape under a vast blue sky dotted with fluffy white clouds. In the foreground, there is an expanse of golden grass that stretches across the bottom part of the frame. Beyond this field lies a dense line of green trees, their leaves vibrant and lush against the backdrop of the sky.](https://www.marcusjaschen.de/blog/2025/2025-31/images/title_hu_5d61cfbf0d13352.jpg) *On a small hill here in town stands an old oak tree. Beneath it are a few benches, which I occasionally use to sit and relax.* 🗺️ Over the weekend, I once again spent *way too much* time at the computer. At least I made some progress on the “Tidying up the Bikerouter User Interface” project. Here comes the new sidebar: {#bikerouter-sidebar} ![Map data © OpenStreetMap contributors](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar_hu_56041343f2d29db3.jpeg) *Map data © OpenStreetMap contributors* The sidebar opens by clicking or tapping the “hamburger menu” button (three horizontal lines)[^3]. The main goal was to improve the navigation bar, which was quite cumbersome to use, especially on mobile devices. All functions of the navigation bar are now housed in the sidebar. On desktop devices, the navigation bar with all buttons remains available, since there’s enough space. At the same time, I wanted to change the familiar workflows as little as possible in this first step, to make the transition easier, so the functions of the navigation bar have hardly changed. I visually grouped the various related functions into “cards” to improve clarity. Each group now also has a built-in mini-help, which opens by clicking the info icon and explains the most important functions of that group: ![Built-in info text for the import functions.](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-help_hu_b69ac423b2824182.png) *Built-in info text for the import functions.* This should make it easier to find and understand the functions. I also integrated a selection of routing profiles for direct selection via button into the sidebar. I estimate that about 80% of the profiles used are covered by this. For special requests, the usual selection remains available. ![](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-profile_hu_a6b9becb020f08f1.png) The selection field for the profiles is now a regular HTML select field[^2] and no longer a Bootstrap-jQuery-JavaScript solution. The previous variant always bothered me, and I took the opportunity to finally change it. Also, with that change there’s one less third-party dependency in the code. ![Sidebar on iOS.](https://www.marcusjaschen.de/blog/2025/2025-31/images/bikerouter-sidebar-ios_hu_3339286587f06c4f.jpeg) *Sidebar on iOS.* I’ll give me some time to test the new sidebar and then decide how to proceed. I think the familiar navigation bar will also be revised again. I could imagine that the blue-yellow gradient will have to go, even though it now has a certain recognition value. I’m also considering keeping the sidebar open by default on desktop devices *with enough space* and shifting the map area to the right, so the buttons on the map remain visible. Currently, the sidebar is laid *over* the map and covers content. Best to check it out yourself and test the new sidebar at [**dev.bikerouter.de**](https://dev.bikerouter.de). I’d love feedback on whether it works for you and if you like it. --- 🎨 [All TailwindCSS colors at a glance](https://tailwindcolor.com/). One click on a color copies the color value to the clipboard. This is handy for projects without TailwindCSS, where you still want to use the colors. There’s also one for [Material](https://materialui.co/colors). --- 🚴‍♂️ The article [The evolution of the Tour de France](https://www.datawrapper.de/blog/the-evolution-of-the-tour-de-france) looks at the development of average speeds in the Tour de France over the years: ![](https://www.marcusjaschen.de/blog/2025/2025-31/images/tour-de-france-avg-speed_hu_186b13469b0b5f7b.png) The graphic in the article is interactive, and it’s fun to explore. --- 🌍 When you travel through the countryside and keep your eyes open, you can see markers everywhere indicating underground lines of all kinds: electricity, water, gas, oil, etc. With [OpenInfrastructureMap](https://openinframap.org/), there’s a map view of OpenStreetMap data that aims to make this kind of infrastructure visible. I already mentioned the map in [Issue 2023-38](/blog/2023/2023-42/). Recently, I’ve been looking more closely at gas pipelines[^4] and found that there are quite a few in my area, but so far only a few are mapped in OpenStreetMap. And so it begins… --- 🗺️ In this context, I came across [old topographic maps from 1986-2000](https://geobroker.geobasis-bb.de/gbss.php?MODE=GetProductInformation&PRODUCTID=08779667-0cc0-43e6-8813-b58c47aeee8d) (some still with GDR content). These show the major gas transmission lines. In general, the old maps contain so much more information compared to current topographic maps. It’s really worth laying them side by side and comparing for yourself. ![Topographic map 1:10,000 from 1986 (top left) and current (bottom right). Source: © GeoBasis-DE/LGB, dl-de/by-2-0](https://www.marcusjaschen.de/blog/2025/2025-31/images/DTK10_hu_eb27af23a5ff929f.jpg) *Topographic map 1:10,000 from 1986 (top left) and current (bottom right). Source: © GeoBasis-DE/LGB, dl-de/by-2-0* --- 🔊 Listened to this week: - [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]: Strictly speaking, there are two select fields: one for routing profiles and one for alternative routes. This is better semantically and makes it easier to work with. [^3]: The sidebar can also be quickly opened and closed via keyboard: just press the “F2” key (the shortcut may change in the future). [^4]: I’m not talking about the gas pipelines that transport gas to your home, but rather the large transmission lines that transport gas over long distances, with diameters of 0,6 m and more.