Files
internetforkids/layouts/shortcodes/addiction-impact.html
Christian Gick 00a58bb212
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 10s
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 3s
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
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

24 lines
1.7 KiB
HTML

{{/* Stat cards — health impact metrics */}}
{{ $lang := .Page.Language.Lang }}
<style>
.addiction-impact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2rem 0; }
.addiction-impact-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:1.25rem; text-align:center; }
.addiction-impact-num { font-size:2rem; font-weight:800; line-height:1; margin-bottom:0.5rem; font-family:system-ui,sans-serif; }
.addiction-impact-desc { font-size:0.8rem; color:#475569; line-height:1.35; font-family:system-ui,sans-serif; }
@media(max-width:640px){ .addiction-impact-cards{grid-template-columns:1fr;} }
</style>
<div class="addiction-impact-cards">
<div class="addiction-impact-card">
<div class="addiction-impact-num" style="color:#667eea">5h</div>
<div class="addiction-impact-desc">{{ if eq $lang "de" }}Durchschnittliche tägliche Nutzung{{ else if eq $lang "fr" }}Utilisation quotidienne moyenne{{ else }}Average daily use{{ end }}</div>
</div>
<div class="addiction-impact-card">
<div class="addiction-impact-num" style="color:#ef4444">2-3x</div>
<div class="addiction-impact-desc">{{ if eq $lang "de" }}Suizidgedanken-Risiko bei Abhängigkeit{{ else if eq $lang "fr" }}Risque d'idéation suicidaire{{ else }}Suicidal ideation risk with addiction{{ end }}</div>
</div>
<div class="addiction-impact-card">
<div class="addiction-impact-num" style="color:#764ba2">3h+</div>
<div class="addiction-impact-desc">{{ if eq $lang "de" }}Schwelle für erhöhte Angst & Depression{{ else if eq $lang "fr" }}Seuil d'anxiété & dépression accrues{{ else }}Threshold for increased anxiety & depression{{ end }}</div>
</div>
</div>