83 Commits

Author	SHA1	Message	Date
Christian Gick	6cd3fabd0b	Add pillar article: Is TikTok safe for my child? (EN/DE/FR) ... First of five parent-intent pillar articles targeting high-search-volume queries. Funnels to Agiliton VPN via existing vpn-cta shortcode (now also localised to French). Describes the curated blocklist (HaGeZi, OISD, Cloudflare top-10k allowlist) without naming the backend engine. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-04-14 09:10:40 +03:00
Christian Gick	bd7192ae24	fix addiction-stat card overflow on narrow viewports ... Remove min-width:4rem on the number (was pushing card past container), add flex-wrap + flex:1 1 12rem on label so it wraps under the number when the card itself is narrower than content. Slightly smaller number font (2.25rem) for balance.	2026-04-14 08:40:06 +03:00
Christian Gick	665e4cb8be	add Germany social media age debate article (EN/DE/FR) ... Covers the April 13, 2026 IW Bildungsmonitor (age 13) vs Kolleck taz commentary (enforce DSA/GDPR, no age bar), federal government's wait-and-see stance (expert commission autumn 2026), JIM-Studie 2025 screen-time numbers, state-level phone bans, and comparison to France/Greece/Australia. New germany-screen-time shortcode for age-group smartphone minutes bar chart. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-04-14 08:34:14 +03:00
Christian Gick	ad00804de7	IFK-13: remove Sie/Ihre from DE overview, fix duplicate Rybbit script ... Replace formal address (Sie/Ihre/Ihnen) with neutral/impersonal tone in kinderschutzgesetze article. datenschutz.md kept as-is (legal req). Remove duplicate Rybbit analytics script from extend-footer.html (already loaded via baseof.html). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 08:08:26 +03:00
Christian Gick	8214c44425	consolidate map: remove child-safety-map, keep world-map + country-table ... Removed redundant child-safety-map shortcode (static table duplicating country-table). Now one map module (world-map) and one table (country-table). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 07:43:30 +03:00
Christian Gick	645574822d	add sortable country table to global overview (EN/DE/FR) ... Sorted by country name by default. Clickable headers to sort by law, age, status, or year. All 20 countries from countries.json. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 07:39:10 +03:00
Christian Gick	4b68cf11cf	add tag cloud layout for /tags/ page ... New terms.html template renders tags as pills with article counts instead of the generic list view with dates and read-more links. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 08:19:41 +03:00
Christian Gick	c8673ed77a	fix broken footer link: vpn-appstore -> vpn-app (404) ... Link check found go.agiliton.eu/vpn-appstore returns 404. Correct URL is /vpn-app. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 08:14:41 +03:00
Christian Gick	92f767002b	header: always "Internet for Kids", homepage h1: localized subtitle ... Header brand is now hardcoded English across all languages. Homepage h1 uses subtitle from front matter: - EN: Protecting Children in a Digital World - DE: Kinderschutz in der digitalen Welt - FR: Protéger les enfants dans un monde numérique Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:57:11 +03:00
Christian Gick	f62a39fc19	add prominent h1 title to homepage matching article style ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:54:09 +03:00
Christian Gick	b3f55a2b46	add drop cap on homepage intro first letter ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:33:57 +03:00
Christian Gick	8f3230a2d0	spread stat cards across article: one per section ... - Bar chart: after intro (early viewport) - 5h card: after "They Knew" - 2-3x card: after bullet list in "The Numbers" - 3h+ card: after "Courts Are Catching Up" New single-card shortcode addiction-stat with num/color/label params. Removed grouped addiction-impact and addiction-stats shortcodes. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:29:27 +03:00
Christian Gick	00a58bb212	split stats into chart + impact cards, spread across article ... Chart after intro (early viewport), impact stat cards after bullet list in The Numbers section. Old combined shortcode replaced. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:27:13 +03:00
Christian Gick	a81e42c8e4	stack stats vertically: chart on top, 3 stat cards in a row below ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:23:40 +03:00
Christian Gick	c5817cada5	redesign stats: chart + stat cards, add crosslinks between articles ... Replace broken health impact chart (mixed units) with stat cards showing 5h avg, 2-3x risk, 3h+ threshold. Keep horizontal bar for percentages. Add crosslinks at end of addiction article → global overview + France ban. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:21:41 +03:00
Christian Gick	a9854f3917	add addiction stats charts to The Numbers section (EN/DE/FR) ... Two Chart.js visualizations: usage/addiction percentages (horizontal bar) and health impact metrics. Multilingual labels. New shortcode: addiction-stats. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:19:02 +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	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	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	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	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