56 Commits

Author	SHA1	Message	Date
Christian Gick	e93f5593e2	fix: final map implementation — iframe + style.json + fill-antialias:false ... Three-part fix for retina tile seam artifacts: 1. iframe isolation from Hugo Tailwind CSS (box-sizing interference) 2. Use tileserver style.json URL (not inline style — different layer configs) 3. fill-antialias: false on choropleth layer Shortcode is now a thin iframe wrapper. Map logic in static/map-embed.html. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 16:59:57 +03:00
Christian Gick	b2306f7f3e	fix: isolate map in iframe to prevent Tailwind CSS tile seam artifacts ... Hugo's Tailwind CSS reset (box-sizing: border-box on *) interferes with MapLibre GL's WebGL tile rendering, causing horizontal line artifacts on retina displays. The iframe provides complete CSS isolation. Map features: choropleth fills (fill-antialias: false), click popups with law details, hover highlights, zoom/pan, fullscreen, i18n. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 16:44:34 +03:00
Christian Gick	4724820873	fix: eliminate map tile seam lines with fill-antialias: false ... Root cause: MapLibre GL's fill-antialias (default true) anti-aliases polygon edges differently on each side of internal tile boundaries, creating visible 1px horizontal seams on retina displays. Fix: set fill-antialias: false on the choropleth fill layer. Switched back to MapLibre GL with clicksports vector tiles. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 16:29:33 +03:00
Christian Gick	60e63b8cd1	fix: use nonzero fill rule instead of evenodd ... evenodd creates transparent stripes where polygon rings overlap at certain latitudes. nonzero fills correctly regardless of ring overlap. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 13:24:04 +03:00
Christian Gick	89c8567dcc	fix: two-pass render - all countries as single white fill first ... Canvas anti-aliasing creates semi-transparent edges between adjacent polygons. Pass 1 draws ALL countries in one beginPath/fill call as solid white - no seams possible. Pass 2 overdraws colored countries. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 13:22:11 +03:00
Christian Gick	64c71234ec	fix: remove land fill - gaps show ocean gray instead of white lines ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 13:13:41 +03:00
Christian Gick	64c4a51b46	fix: eliminate alpha blending — use pre-blended solid colors ... The root cause of horizontal lines: globalAlpha 0.65 on country fills creates visible seams where adjacent polygons don't perfectly overlap. Sub-pixel gaps between polygons allow the white land fill to show through at different brightness than the semi-transparent overlay. Fix: pre-blend all status colors with white at 0.65 opacity and draw at full opacity (globalAlpha=1). No alpha = no blending artifacts. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 13:09:46 +03:00
Christian Gick	a0fb62aa66	fix: convert canvas to static img + try 110m data ... Canvas drawn once, converted to PNG data URL, displayed as <img>. Also switched to 110m resolution to test if lines are data-related. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 12:08:05 +03:00
Christian Gick	a1b3263412	fix: willReadFrequently forces CPU-backed canvas, bypasses GPU tiling ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 11:24:56 +03:00
Christian Gick	42939db1b0	fix: remove overflow:hidden + border-radius to prevent GPU compositing layer ... These CSS properties force a separate compositing layer which the GPU tiles internally, creating horizontal seam artifacts on retina displays. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 10:26:05 +03:00
Christian Gick	8061a23c87	fix: pure Canvas 2D renderer at exact device pixel dimensions ... Canvas renders as single bitmap at devicePixelRatio-matched dimensions. No SVG, no CSS transforms, no GPU scaling = no compositor tile seams. Full redraw on zoom/pan with canvas isPointInPath hit testing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 10:19:35 +03:00
Christian Gick	82760e3263	fix: move ocean background to SVG element itself ... GPU tile seams show parent container background through gaps. Moving background to the SVG element puts it in the same compositing layer as the path fills, so tile seams split both identically. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 10:08:50 +03:00
Christian Gick	82211ac5e4	fix: remove crispEdges - pixel snapping creates gaps between paths ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 10:06:10 +03:00
Christian Gick	65b2c757a4	fix: contain strict + land base fill to prevent GPU tile seams ... contain: strict forces single compositing unit. Land base fill covers polar gaps between country polygons. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 10:01:36 +03:00
Christian Gick	6a4e8dde05	fix: add shape-rendering crispEdges to prevent GPU tile seams in SVG ... WebKit tiles large SVG elements for GPU rendering. Anti-aliasing at tile boundaries creates different sub-pixel values on each side. crispEdges disables anti-aliasing so both sides render identically. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 09:57:15 +03:00
Christian Gick	df2cb09a05	fix: replace Leaflet with pure SVG map to eliminate WebKit GPU seams ... WebKit Bug #156130 causes 1px gaps at translate3d boundaries on retina displays. Both Leaflet and MapLibre use translate3d internally, making the artifact unfixable from app code. Pure SVG with viewBox zoom/pan has no translate3d, no tiling, no GPU compositor layers = no seams. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 09:50:05 +03:00
Christian Gick	f56a0cd67d	fix: use Leaflet Canvas renderer instead of SVG ... Canvas renders to single bitmap - no SVG layer compositing that causes GPU seams on retina Macs. Padding 1.0 for smooth panning. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 09:15:12 +03:00
Christian Gick	b9a62902c2	fix: render ocean as SVG rectangle to prevent GPU compositing seams ... CSS background bleeds through Leaflet transform3d layer boundaries on retina Macs causing horizontal lines. Move ocean color into SVG layer so it composites with countries. Add backface-visibility: hidden. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 09:03:56 +03:00
Christian Gick	578b95ff9e	fix: white land, blue-gray ocean background ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 08:40:10 +03:00
Christian Gick	a0b862acf4	fix: switch map from MapLibre GL to Leaflet SVG, eliminates tile seams ... MapLibre GL WebGL renderer tiles all sources internally, causing visible seam lines on retina displays. Leaflet renders GeoJSON as SVG paths in a single layer - zero tiling, zero seams. Also replaces child-safety-map with world-map on all homepages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 08:37:10 +03:00
Christian Gick	3bd0476abf	fix: eliminate map tile-seam lines by removing vector tile source ... Replace OpenMapTiles vector tiles with pure TopoJSON rendering: - Ocean = background color (#dce4ec), land = white fill from land object - Country borders via topojson.mesh (shared edges, no tiling) - antialias: false + renderWorldCopies: false on Map constructor - No more vector tile source = no more tile-boundary artifacts Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 08:31:58 +03:00
Christian Gick	63495fd901	fix: eliminate map tile-seam lines, fix scroll, remove Expert Analysis ... - fill-antialias: false + buffer: 512 on GeoJSON source to kill tile boundary artifacts - cooperativeGestures replaces scrollZoom: false (page scrolls normally, Ctrl+scroll to zoom map) - Remove "Expert Analysis" bullet from homepage in all 3 languages Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 08:04:13 +03:00
Christian Gick	955e4bef6f	fix: remove map tile-seam lines + add interactive popups with law data ... Pre-blend fill colors over white background (opacity=1) to eliminate horizontal line artifacts at tile boundaries. Fix addTo(map) → addTo(window._ifkMap). Add hover highlight, age limit display, status badges, and article anchor links. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 07:59:36 +03:00
Christian Gick	8a209f76f8	fix: add country name labels from vector tiles (zoom >= 3) ... Open Sans Regular, uppercase, gray with white halo. Only visible when zoomed in. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:10:36 +03:00
Christian Gick	30a6642e18	fix: enable scroll wheel zoom in fullscreen mode ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:07:20 +03:00
Christian Gick	00194c4ce8	fix: inline minimal style (no flash), remove all layer-hiding code ... Use inline style with only background+water layers instead of loading full style.json then hiding everything. No flash, no lines, instant clean render. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:06:53 +03:00
Christian Gick	ea0c78adef	fix: white land, darker sea (#c8d3df), add fullscreen button ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:04:44 +03:00
Christian Gick	0dfc11d0fc	fix: nuke ALL base layers then re-enable only water fills ... Hide every single layer first, then only show water with matching outline color. No lines of any kind remain. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:03:55 +03:00
Christian Gick	adf51d7bf1	fix: darken land background (#eaeaea) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:03:23 +03:00
Christian Gick	a936222be1	fix: strip base map to white/gray, hide all noise, no attribution ... White land, light blue-gray water, thin admin borders only. Everything else hidden. No MapLibre attribution badge. Default zoom 2, centered on [20,20] for better world view. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:02:31 +03:00
Christian Gick	bab74ef7e7	fix: hide all line layers except boundaries (removes grid lines) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:00:29 +03:00
Christian Gick	57320ccb51	fix: higher-res boundaries (50m), hide city names, country-only labels ... - 50m GeoJSON for cleaner country outlines (was 110m) - Hide all symbol layers except country/continent names - Country names only visible at zoom >= 3 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 16:00:02 +03:00
Christian Gick	3d8e568f8c	fix: desaturate base map (white land, light gray sea) ... Makes choropleth colors pop against neutral background. Hides landcover/landuse/park fills. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:58:28 +03:00
Christian Gick	5a840743da	fix: choropleth below labels + hide country names at zoom < 3 ... Insert fill/outline layers before first label layer so text stays readable. Country/place labels only visible at zoom >= 3. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:57:49 +03:00
Christian Gick	cc5568f0a9	debug: expose map instance as window._ifkMap for choropleth debugging ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:45:27 +03:00
Christian Gick	2affacd222	fix: use safeJS for jsonify output (was string-escaped, not object) ... Hugo was wrapping jsonify output in quotes, making it a string instead of a JS object. countries.forEach then fails. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:32:11 +03:00
Christian Gick	da29dbc8bc	fix: cache-busting CSS URL + named function init for map/charts ... CSS link now includes ?v=timestamp to bust browser cache. Map/charts use named functions instead of IIFEs (minifier safe). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:25:11 +03:00
Christian Gick	9a86cf6383	fix: neutral TOC links + poll-based map/chart init (timing fix) ... TOC links now gray (#4b5563) instead of accent color. Map and charts use polling (100ms retry) to wait for libs instead of window.load which fires too early. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 15:14:04 +03:00
Christian Gick	8f2132f4ff	fix: use actual Agiliton brand colors (indigo #667eea + purple #764ba2) ... Extracted from agiliton.eu — indigo/purple gradient palette, not green. Applied to all shortcodes, badges, links, accents. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:57:08 +03:00
Christian Gick	d5e599b247	fix: Agiliton lime colors in all shortcodes + smaller TOC font ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:46:24 +03:00
Christian Gick	48bae02b88	feat: use Agiliton lime branding colors throughout ... Enforced=#84cc16, Passed=#65a30d, Progress=#a3e635, Guidelines=#d9f99d Links and accents use lime-600 (#65a30d) from Agiliton brand palette. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:41:52 +03:00
Christian Gick	3cd7951467	feat: use MapLibre GL + clicksports vector tiles (like held.de) ... Self-hosted maplibre-gl.js, vector tiles from maps.clicksports.de style.json. No raster rendering needed — uses WebGL directly. Same approach as held.de dealer map. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:39:48 +03:00
Christian Gick	67a350d016	fix: revert to OSM tiles (clicksports raster renderer broken) ... TileServer GL renderer times out on raster requests. Needs headless GL renderer fix — tracked separately. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:36:14 +03:00
Christian Gick	f4b2511333	feat: self-host all JS/CSS (GDPR) + clicksports map tiles ... - Leaflet, TopJSON, Chart.js, Mermaid served from /js/ - Leaflet CSS from /css/leaflet.min.css - World atlas GeoJSON from /data/countries-110m.json - Zero external CDN requests (GDPR compliant) - Map tiles from maps.clicksports.de (fixed missing Noto Sans font) - Attribution: clicksports maps + OpenMapTiles + OpenStreetMap - window.load for script initialization (load order fix) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:35:17 +03:00
Christian Gick	2954021f85	fix: wrap map+chart scripts in DOMContentLoaded (load order) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:22:19 +03:00
Christian Gick	9dd4a68d71	fix: quote LANG variable in shortcode JS (was unquoted ReferenceError) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 14:01:28 +03:00
Christian Gick	7f6d96cbe7	fix: switch map from MapLibre to Leaflet (minifier compat) ... MapLibre inline style JSON was mangled by Hugo minifier. Leaflet + OSM tiles is simpler and works reliably. Updated map colors to Agiliton green palette. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 13:56:42 +03:00
Christian Gick	09a11520e8	fix: use OSM raster tiles for world map (clicksports vector tiles 503) ... maps.clicksports.de vector tile style.json returns 503 on render. Fall back to OSM raster tiles until tile server is fixed. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 12:39:45 +03:00
Christian Gick	df72e6aaba	feat: switch world map to MapLibre GL + clicksports vector tiles ... Replace Leaflet+OSM with MapLibre GL JS consuming vector tiles from maps.clicksports.de (TileServer GL). Choropleth overlay via TopoJSON remains the same. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 12:08:28 +03:00
Christian Gick	308034e40d	feat(IFK-9): interactive world map, charts, stats banner, timeline ... - Add centralized data/countries.json with all 17 countries (EN/DE/FR) - Add Leaflet choropleth world map with TopoJSON boundaries - Add stats banner shortcode (enforced/passed/progress/guidelines counts) - Add Chart.js charts (status donut, age limits bar, legislation timeline) - Add Mermaid timeline of legislation milestones 2020-2026 - Refactor child-safety-map table to use data file (DRY) - Update all 3 language articles (EN/DE/FR) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-03 12:03:02 +03:00