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.

1 files changed, 30 insertions, 1 deletions

diff --git a/templates/base.html b/templates/base.html
index 024907d..99341e7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -75,6 +75,19 @@
               type="text/css"
               href="{{ '/static/css/style.css' | asseturl }}">
       {% endblock styles %}
+
+      {% block feature_styles %}
+        {% if needs_trail_assets | default(false) %}
+          <link rel="stylesheet"
+                href="{{ '/static/vendor/leaflet/leaflet.css' | asseturl }}">
+          <link rel="stylesheet"
+                href="{{ '/static/vendor/leaflet-fullscreen/Control.FullScreen.css' | asseturl }}">
+          <link rel="stylesheet"
+                href="{{ '/static/vendor/leaflet-elevation/dist/leaflet-elevation.css' | asseturl }}">
+          <link rel="stylesheet" href="{{ '/static/css/trail.css' | asseturl }}">
+        {% endif %}
+      {% endblock feature_styles %}
+
       {% block meta_links %}
         <link rel="canonical" href="{{ this|url(absolute=True, external=True) }}">
         <link rel="alternate"
@@ -187,7 +200,7 @@
                  id="atom"
                  aria-label="Atom feed — Latest posts"></a>
               <a rel="nofollow"
-                 href="/email/"
+                 href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6D;&#x65;&#x2B;&#x62;&#x6C;&#x6F;&#x67;&#x40;&#x64;&#x65;&#x6E;&#x6E;&#x69;&#x73;&#x66;&#x69;&#x6E;&#x6B;&#x2E;&#x6D;&#x65;"
                  id="email"
                  aria-label="Mail address: me plus blog at dennisfink.me"></a>
               <a rel="me"
@@ -210,5 +223,21 @@
         {% endblock %}
       </footer>
     {% endblock body %}
+    {% block scripts %}
+      {% if needs_trail_assets | default(false) %}
+        <script src="{{ '/static/vendor/leaflet/leaflet.js' | asseturl }}" defer></script>
+        <script src="{{ '/static/vendor/leaflet-providers/leaflet-providers.js' | asseturl }}"
+                defer></script>
+        <script src="{{ '/static/vendor/leaflet-i18n/leaflet-i18n.js' | asseturl }}"
+                defer></script>
+
+        <script src="{{ '/static/vendor/leaflet-elevation/dist/leaflet-elevation.min.js' | asseturl }}"
+                defer></script>
+        <script src="{{ '/static/vendor/leaflet-fullscreen/Control.FullScreen.umd.js' | asseturl }}"
+                defer></script>
+        <script src="{{ '/static/js/trail.js' | asseturl }}" defer></script>
+      {% endif %}
+    {% endblock scripts %}
+
   </body>
 </html>