feat(IFK-9): interactive world map, charts, stats banner, timeline
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 9s
Deploy Internet for Kids / Deploy (push) Successful in 6s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 4s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
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
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 9s
Deploy Internet for Kids / Deploy (push) Successful in 6s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 4s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
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
- 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>
This commit is contained in:
82
layouts/shortcodes/legislation-timeline.html
Normal file
82
layouts/shortcodes/legislation-timeline.html
Normal file
@@ -0,0 +1,82 @@
|
||||
{{ $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="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
|
||||
<script>
|
||||
mermaid.initialize({ startOnLoad: true, theme: 'neutral', timeline: { useMaxWidth: true } });
|
||||
</script>
|
||||
Reference in New Issue
Block a user