108 Commits

This Branch

This Branch

All Branches

Author	SHA1	Message	Date
Christian Gick	44149cee93	fix fact-checked claims: update MDL count to 2400+, remove unverified quote ... - MDL lawsuit count: 1,745 (stale Apr 2025) → 2,400+ (Mar 2026) - Katarina Barley quote: unverifiable, replaced with editorial summary - Applied to all 3 languages Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:16:51 +03:00
Christian Gick	ed8d0b03a9	fix FAQ shortcode: use ~~~ separator, function-style split, trim whitespace ... Hugo strips --- (interprets as thematic break) from shortcode .Inner content. Switch to ~~~ separator. Also fix split syntax (function-style instead of pipe) and add trim to handle whitespace around items. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:14:13 +03:00
Christian Gick	25821ecb11	IFK-12: add tech addiction article (EN/DE/FR), fix Germany status ... New article: How Tech Companies Turned Addiction Into a Business Model - covers design patterns, lawsuits, EU DSA enforcement, stats - all 3 languages with FAQ sections Fix Germany in countries.json: status "enforced" → "guidelines" (JuSchG is traditional youth protection with limited digital extension, not dedicated social media regulation) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:01:14 +03:00
Christian Gick	6a0fb368f4	fix footer to single line: © 2026 Internet for Kids | Powered by Agiliton VPN ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 06:51:40 +03:00
Christian Gick	89e93ec8e7	remove VPN product CTA blocks, add powered-by footer ... Remove {{< vpn-cta >}} shortcode from all 3 language articles (EN/DE/FR) — editorial VPN mentions kept intact. Footer now shows "Powered by Agiliton VPN" linking to App Store, plus updated copyright line. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 06:48:35 +03:00
Christian Gick	f5f13cac4d	fix: show default MapLibreGL attribution instead of hidden custom one (CF-2872) ... The previous implementation hid the default attribution control via display:none and replaced it with a tiny 8px/0.6 opacity custom div. Now uses the default MapLibreGL attribution which auto-renders the proper "© OpenMapTiles © OpenStreetMap contributors" from tile metadata. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 20:16:47 +03:00
Christian Gick	80cfa8df4e	style: zoom out default, shift left ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:31:40 +03:00
Christian Gick	435c1bfe12	style: swap enforced/passed colors, add OSM attribution (legally required) ... Enforced = purple (darkest), Passed = dark blue. Added small '© OpenStreetMap' link — required by ODbL license. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:12:24 +03:00
Christian Gick	e5ee29f1a9	style: replace OSM attribution with CLICKSPORTS Maps link ... Same attribution pattern as held.de and other clicksports maps customers. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:06:57 +03:00
Christian Gick	6950f914e2	style: default view centered on world with all colored countries visible ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:04:59 +03:00
Christian Gick	f4e45cf83f	style: enforced darkest color, smaller attribution, legend update ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:04:17 +03:00
Christian Gick	ccca7ae482	fix: interactive popups + maxZoom 4 + invisible hit layer ... Popup click/hover now uses invisible GeoJSON fill layer (raster layers don't support events). MaxZoom capped at 4 to prevent blurry zoom. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:01:16 +03:00
Christian Gick	8e15d1aa0c	perf: reduce choropleth re-renders with 50% padding + bounds check ... Only re-renders when viewport moves >30% outside pre-rendered area. 50% padding means most small pans stay within the existing image. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:59:03 +03:00
Christian Gick	882e9141fb	style: white land, gray sea, no roads/cities, country names zoom 3+ ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:57:20 +03:00
Christian Gick	b1cc054df0	fix: render choropleth as single image overlay — eliminates all tile seams ... GeoJSON sources are internally tiled by geojson-vt, causing seams at tile boundaries during panning. Solution: pre-render the choropleth to a canvas, convert to PNG data URL, and add as a MapLibre image source. Single image = zero tiles = zero seams. GeoJSON source kept invisible for hover/click hit testing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:43:29 +03:00
Christian Gick	302a02eebd	fix: rename map variable to avoid DOM id collision, restore colors ... window.map was shadowed by div#map. Renamed to window._ifkMap. Added error handling for choropleth data loading. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:11:07 +03:00
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