From b11f8efff23635db41dee5c3b7fb690c32b82c25 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Sun, 22 Mar 2026 08:37:45 +0100
Subject: [PATCH] fix(where): use circleMarker instead of image-based marker
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removes dependency on marker PNG files. circleMarker is a pure
SVG/canvas circle — no external image requests, no 404 risks.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 where.njk | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/where.njk b/where.njk
index f66bf96..62e8032 100644
--- a/where.njk
+++ b/where.njk
@@ -39,11 +39,6 @@ leafletMap: true
   </script>
   <script>
     window.addEventListener('load', function() {
-      L.Icon.Default.mergeOptions({
-        iconUrl: '/css/images/marker-icon.png',
-        iconRetinaUrl: '/css/images/marker-icon-2x.png',
-        shadowUrl: '/css/images/marker-shadow.png'
-      });
       var map = L.map('checkin-map');
       L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
@@ -60,7 +55,13 @@ leafletMap: true
         var popup = safeUrl
           ? '<a href="' + safeUrl + '" target="_blank" rel="noopener">' + safeName + '</a>'
           : safeName;
-        return L.marker([p.lat, p.lng]).bindPopup(popup);
+        return L.circleMarker([p.lat, p.lng], {
+          radius: 7,
+          color: '#fff',
+          weight: 2,
+          fillColor: '#3b82f6',
+          fillOpacity: 0.9
+        }).bindPopup(popup);
       });
       markers.forEach(function(m) { cluster.addLayer(m); });
       map.addLayer(cluster);