Files
internetforkids/layouts/shortcodes/legislation-timeline.html
Christian Gick f4b2511333
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 14s
Deploy Internet for Kids / Deploy (push) Successful in 5s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 3s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s
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

83 lines
3.2 KiB
HTML

{{ $lang := .Page.Language.Lang }}
<style>
.ifk-timeline-wrap { margin: 2rem 0; }
.ifk-timeline-wrap h3 { text-align: center; margin-bottom: 1rem; font-size: 1.25rem; }
.ifk-mermaid-container {
background: #fafbfc; border: 1px solid #e2e8f0; border-radius: 10px;
padding: 1.5rem; overflow-x: auto;
}
</style>
<div class="ifk-timeline-wrap">
<h3>{{ if eq $lang "de" }}Meilensteine der Gesetzgebung{{ else if eq $lang "fr" }}Jalons législatifs{{ else }}Legislation Milestones{{ end }}</h3>
<div class="ifk-mermaid-container">
<pre class="mermaid">
timeline
{{ if eq $lang "de" -}}
title Kinderschutzgesetze — Meilensteine
2020 : 🇰🇷 Südkorea Jugendschutzgesetz
2021 : 🇩🇪 JuSchG-Novelle (Online)
: 🇨🇳 Minderjährigenschutzgesetz
2022 : 🇮🇪 Online Safety Act
2023 : 🇬🇧 Online Safety Act
: 🇮🇳 DPDP Act
2024 : 🇦🇺 Social Media Ban (unter 16)
: 🇳🇱 DSA + Kinderkodex
: 🇸🇪 DSA + Jugendrichtlinien
: 🇯🇵 Regulierung Kontaktaufnahme
2025 : 🇧🇷 ECA Digital
: 🇮🇹 Einwilligungsgesetz (14+)
: 🇪🇸 Digitaler Kinderschutz
: 🇳🇴 Social-Media-Altersgrenze (15)
2026 : 🇫🇷 Social-Media-Verbot (unter 15)
: 🇺🇸 KOSA + COPPA-Update
: 🇨🇦 Online Harms Act
{{- else if eq $lang "fr" -}}
title Lois de protection de l'enfance — Jalons
2020 : 🇰🇷 Loi protection jeunesse
2021 : 🇩🇪 JuSchG en ligne
: 🇨🇳 Loi protection mineurs
2022 : 🇮🇪 Online Safety Act
2023 : 🇬🇧 Online Safety Act
: 🇮🇳 DPDP Act
2024 : 🇦🇺 Interdiction réseaux sociaux (-16)
: 🇳🇱 DSA + Code enfance
: 🇸🇪 DSA + Directives jeunesse
: 🇯🇵 Régulation sollicitation
2025 : 🇧🇷 ECA Digital
: 🇮🇹 Consentement (14+)
: 🇪🇸 Protection enfance numérique
: 🇳🇴 Limite âge réseaux (15)
2026 : 🇫🇷 Interdiction réseaux (-15)
: 🇺🇸 KOSA + COPPA
: 🇨🇦 Online Harms Act
{{- else -}}
title Child Protection Laws — Milestones
2020 : 🇰🇷 South Korea Youth Protection Act
2021 : 🇩🇪 Germany JuSchG Online Extension
: 🇨🇳 China Minor Protection Law
2022 : 🇮🇪 Ireland Online Safety Act
2023 : 🇬🇧 UK Online Safety Act
: 🇮🇳 India DPDP Act
2024 : 🇦🇺 Australia Social Media Ban (under 16)
: 🇳🇱 Netherlands DSA + Children's Code
: 🇸🇪 Sweden DSA + Youth Guidelines
: 🇯🇵 Japan Solicitation Regulation
2025 : 🇧🇷 Brazil ECA Digital
: 🇮🇹 Italy Consent Law (14+)
: 🇪🇸 Spain Digital Child Protection
: 🇳🇴 Norway Social Media Age (15)
2026 : 🇫🇷 France Social Media Ban (under 15)
: 🇺🇸 USA KOSA + COPPA Update
: 🇨🇦 Canada Online Harms Act
{{- end }}
</pre>
</div>
</div>
<script src="{{ "js/mermaid.min.js" | relURL }}"></script>
<script>
mermaid.initialize({ startOnLoad: true, theme: 'neutral', timeline: { useMaxWidth: true } });
</script>