From 1fe1d13c600b7dfe421b3b99b833b7d5d1232724 Mon Sep 17 00:00:00 2001 From: Dennis Fink Date: Thu, 23 Jul 2026 00:18:21 +0200 Subject: Add GPX trail maps to blog posts This adds a trail flow block so posts can include attached GPX files as interactive maps with route display, elevation charts, activity summaries, and start/finish markers. The trail assets are loaded only when needed, keeping the shared templates clean while vendoring the Leaflet dependencies required for offline, self-hosted map rendering. --- .../leaflet-fullscreen/Control.FullScreen.css | 30 ++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 assets/static/vendor/leaflet-fullscreen/Control.FullScreen.css (limited to 'assets/static/vendor/leaflet-fullscreen/Control.FullScreen.css') diff --git a/assets/static/vendor/leaflet-fullscreen/Control.FullScreen.css b/assets/static/vendor/leaflet-fullscreen/Control.FullScreen.css new file mode 100644 index 0000000..7bd117e --- /dev/null +++ b/assets/static/vendor/leaflet-fullscreen/Control.FullScreen.css @@ -0,0 +1,30 @@ +:root { + --fullscreen-icon-enter: url('data:image/svg+xml,'); + --fullscreen-icon-exit: url('data:image/svg+xml,'); +} + +.leaflet-fullscreen-icon { + background-image: var(--fullscreen-icon-enter); + background-size: 26px 26px; +} + +.leaflet-fullscreen-icon.leaflet-fullscreen-on { + background-image: var(--fullscreen-icon-exit); +} + +/* Safari still needs this vendor-prefix: https://caniuse.com/mdn-css_selectors_fullscreen */ +.leaflet-container:-webkit-full-screen, +.leaflet-container:fullscreen { + width: 100% !important; + height: 100% !important; + z-index: 99999; +} + +.leaflet-pseudo-fullscreen { + position: fixed !important; + width: 100% !important; + height: 100% !important; + top: 0 !important; + left: 0 !important; + z-index: 99999; +} -- cgit v1.3.1