christian/internetforkids
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Agiliton lime colors in all shortcodes + smaller TOC font
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 12s
Details
Deploy Internet for Kids / Deploy (push) Successful in 5s
Details
Deploy Internet for Kids / Health Check (push) Successful in 2s
Details
Deploy Internet for Kids / Smoke Tests (push) Successful in 3s
Details
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Details
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Details
Deploy Internet for Kids / Rollback (push) Has been skipped
Details
Deploy Internet for Kids / Audit (push) Successful in 2s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-03 14:46:24 +03:00
parent 48bae02b88
commit d5e599b247
6 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/main.css
View File

@@ -282,13 +282,13 @@ nav a:hover {
} }
/* Table of Contents */ /* Table of Contents */
#TableOfContents { #TableOfContents, #TableOfContents li, #TableOfContents a, #sidebar-toc, #sidebar-toc li, #sidebar-toc a {
font-family: system-ui, -apple-system, sans-serif; font-family: system-ui, -apple-system, sans-serif !important;
font-size: 0.95rem; font-size: 0.8rem !important;
line-height: 1.7; line-height: 1.6 !important;
} }
#TableOfContents a { #TableOfContents a, #sidebar-toc a {
color: var(--ifk-accent); color: var(--ifk-accent);
text-decoration: none; text-decoration: none;
} }

2
layouts/_default/single.html
View File

@@ -62,7 +62,7 @@
<h3 style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:#6b7280;font-weight:600;margin-bottom:0.75rem"> <h3 style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:#6b7280;font-weight:600;margin-bottom:0.75rem">
{{ i18n "table_of_contents" | default "Contents" }} {{ i18n "table_of_contents" | default "Contents" }}
</h3> </h3>
<div style="font-size:0.85rem;line-height:1.7;border-left:2px solid #e5e7eb;padding-left:0.75rem"> <div id="sidebar-toc" style="font-size:0.8rem;line-height:1.6;border-left:2px solid #e5e7eb;padding-left:0.75rem">
{{ .TableOfContents }} {{ .TableOfContents }}
</div> </div>

18
layouts/shortcodes/child-safety-map.html
View File

@@ -14,14 +14,14 @@
.csm-container h3 { text-align: center; margin-bottom: 0.5rem; font-size: 1.25rem; } .csm-container h3 { text-align: center; margin-bottom: 0.5rem; font-size: 1.25rem; }
.csm-subtitle { text-align: center; color: #666; font-size: 0.85rem; margin-bottom: 1rem; } .csm-subtitle { text-align: center; color: #666; font-size: 0.85rem; margin-bottom: 1rem; }
.csm-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; } .csm-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.csm-table th { background: #1e40af; color: white; padding: 0.75rem 1rem; text-align: left; font-weight: 600; } .csm-table th { background: #84cc16; color: white; padding: 0.75rem 1rem; text-align: left; font-weight: 600; }
.csm-table td { padding: 0.65rem 1rem; border-bottom: 1px solid #e2e8f0; vertical-align: top; } .csm-table td { padding: 0.65rem 1rem; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.csm-table tr:hover { background: #f0fdf4; } .csm-table tr:hover { background: #f0fdf4; }
.csm-status { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; white-space: nowrap; } .csm-status { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; white-space: nowrap; }
.csm-enforced { background: #1e40af; color: white; } .csm-enforced { background: #84cc16; color: white; }
.csm-passed { background: #3b82f6; color: white; } .csm-passed { background: #65a30d; color: white; }
.csm-progress { background: #93c5fd; color: #1e3a5f; } .csm-progress { background: #a3e635; color: #365314; }
.csm-guidelines { background: #dbeafe; color: #1e3a5f; } .csm-guidelines { background: #d9f99d; color: #365314; }
.csm-legend { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 1.5rem; font-size: 0.8rem; } .csm-legend { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 1.5rem; font-size: 0.8rem; }
.csm-legend-item { display: flex; align-items: center; gap: 0.35rem; } .csm-legend-item { display: flex; align-items: center; gap: 0.35rem; }
.csm-legend-swatch { width: 14px; height: 14px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); } .csm-legend-swatch { width: 14px; height: 14px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); }
@@ -57,9 +57,9 @@
</table> </table>
<div class="csm-legend"> <div class="csm-legend">
<div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#1e40af"></div>{{ if eq $lang "de" }}Gesetz in Kraft{{ else if eq $lang "fr" }}Loi en vigueur{{ else }}Law Enforced{{ end }}</div> <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#84cc16"></div>{{ if eq $lang "de" }}Gesetz in Kraft{{ else if eq $lang "fr" }}Loi en vigueur{{ else }}Law Enforced{{ end }}</div>
<div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#3b82f6"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div> <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#65a30d"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
<div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#93c5fd"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div> <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#a3e635"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
<div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#dbeafe"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div> <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#d9f99d"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
</div> </div>
</div> </div>

12
layouts/shortcodes/law-charts.html
View File

@@ -57,7 +57,7 @@ window.addEventListener('load', function() {
labels: [labels.enforced, labels.passed, labels.progress, labels.guidelines], labels: [labels.enforced, labels.passed, labels.progress, labels.guidelines],
datasets: [{ datasets: [{
data: [counts.enforced, counts.passed, counts.progress, counts.guidelines], data: [counts.enforced, counts.passed, counts.progress, counts.guidelines],
backgroundColor: ['#1e40af', '#3b82f6', '#93c5fd', '#dbeafe'], backgroundColor: ['#84cc16', '#65a30d', '#a3e635', '#d9f99d'],
borderWidth: 2, borderColor: '#fff' borderWidth: 2, borderColor: '#fff'
}] }]
}, },
@@ -71,7 +71,7 @@ window.addEventListener('load', function() {
/* Horizontal bar: age limits */ /* Horizontal bar: age limits */
var sorted = countries.slice().sort(function(a, b) { return b.ageLimitSocial - a.ageLimitSocial; }); var sorted = countries.slice().sort(function(a, b) { return b.ageLimitSocial - a.ageLimitSocial; });
var colors = { enforced: '#1e40af', passed: '#3b82f6', progress: '#93c5fd', guidelines: '#dbeafe' }; var colors = { enforced: '#84cc16', passed: '#65a30d', progress: '#a3e635', guidelines: '#d9f99d' };
new Chart(document.getElementById('ifk-chart-age'), { new Chart(document.getElementById('ifk-chart-age'), {
type: 'bar', type: 'bar',
@@ -106,10 +106,10 @@ window.addEventListener('load', function() {
data: { data: {
labels: years, labels: years,
datasets: [ datasets: [
{ label: labels.enforced, data: years.map(function(y) { return yearCounts[y].enforced; }), backgroundColor: '#1e40af', borderRadius: 4 }, { label: labels.enforced, data: years.map(function(y) { return yearCounts[y].enforced; }), backgroundColor: '#84cc16', borderRadius: 4 },
{ label: labels.passed, data: years.map(function(y) { return yearCounts[y].passed; }), backgroundColor: '#3b82f6', borderRadius: 4 }, { label: labels.passed, data: years.map(function(y) { return yearCounts[y].passed; }), backgroundColor: '#65a30d', borderRadius: 4 },
{ label: labels.progress, data: years.map(function(y) { return yearCounts[y].progress; }), backgroundColor: '#93c5fd', borderRadius: 4 }, { label: labels.progress, data: years.map(function(y) { return yearCounts[y].progress; }), backgroundColor: '#a3e635', borderRadius: 4 },
{ label: labels.guidelines, data: years.map(function(y) { return yearCounts[y].guidelines; }), backgroundColor: '#dbeafe', borderRadius: 4 } { label: labels.guidelines, data: years.map(function(y) { return yearCounts[y].guidelines; }), backgroundColor: '#d9f99d', borderRadius: 4 }
] ]
}, },
options: { options: {

8
layouts/shortcodes/stats-banner.html
View File

@@ -31,19 +31,19 @@
<div class="ifk-stats"> <div class="ifk-stats">
<div class="ifk-stat"> <div class="ifk-stat">
<div class="ifk-stat-num" style="color:#1e40af">{{ $enforced }}</div> <div class="ifk-stat-num" style="color:#84cc16">{{ $enforced }}</div>
<div class="ifk-stat-label">{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div> <div class="ifk-stat-label">{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div>
</div> </div>
<div class="ifk-stat"> <div class="ifk-stat">
<div class="ifk-stat-num" style="color:#3b82f6">{{ $passed }}</div> <div class="ifk-stat-num" style="color:#65a30d">{{ $passed }}</div>
<div class="ifk-stat-label">{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adoptées{{ else }}Passed{{ end }}</div> <div class="ifk-stat-label">{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adoptées{{ else }}Passed{{ end }}</div>
</div> </div>
<div class="ifk-stat"> <div class="ifk-stat">
<div class="ifk-stat-num" style="color:#6366f1">{{ $progress }}</div> <div class="ifk-stat-num" style="color:#a3e635">{{ $progress }}</div>
<div class="ifk-stat-label">{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div> <div class="ifk-stat-label">{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
</div> </div>
<div class="ifk-stat"> <div class="ifk-stat">
<div class="ifk-stat-num" style="color:#8b5cf6">{{ $guidelines }}</div> <div class="ifk-stat-num" style="color:#d9f99d">{{ $guidelines }}</div>
<div class="ifk-stat-label">{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div> <div class="ifk-stat-label">{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
</div> </div>
</div> </div>

10
static/css/main.css
View File

@@ -282,13 +282,13 @@ nav a:hover {
} }
/* Table of Contents */ /* Table of Contents */
#TableOfContents { #TableOfContents, #TableOfContents li, #TableOfContents a, #sidebar-toc, #sidebar-toc li, #sidebar-toc a {
font-family: system-ui, -apple-system, sans-serif; font-family: system-ui, -apple-system, sans-serif !important;
font-size: 0.95rem; font-size: 0.8rem !important;
line-height: 1.7; line-height: 1.6 !important;
} }
#TableOfContents a { #TableOfContents a, #sidebar-toc a {
color: var(--ifk-accent); color: var(--ifk-accent);
text-decoration: none; text-decoration: none;
} }