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

feat: use Agiliton lime branding colors throughout
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 13s
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 8s
Details
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Details
Deploy Internet for Kids / Rollback (push) Has been skipped
Details
Deploy Internet for Kids / Audit (push) Successful in 1s
Details

Browse Source 
Enforced=#84cc16, Passed=#65a30d, Progress=#a3e635, Guidelines=#d9f99d
Links and accents use lime-600 (#65a30d) from Agiliton brand palette.

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

14
assets/css/main.css
View File

@@ -40,9 +40,9 @@
--ifk-font: 'Newsreader', 'Times New Roman', serif; --ifk-font: 'Newsreader', 'Times New Roman', serif;
--ifk-text: #1c1917; --ifk-text: #1c1917;
--ifk-bg: #fafaf9; --ifk-bg: #fafaf9;
--ifk-accent: #4d7c0f; --ifk-accent: #65a30d;
--ifk-accent-hover: #3f6212; --ifk-accent-hover: #4d7c0f;
--ifk-secondary: #059669; --ifk-secondary: #84cc16;
} }
/* Utility classes for colors */ /* Utility classes for colors */
@@ -298,10 +298,10 @@ nav a:hover {
} }
/* Status badges (for shortcodes) */ /* Status badges (for shortcodes) */
.csm-enforced { background: var(--ifk-accent); color: white; } .csm-enforced { background: #84cc16; color: white; }
.csm-passed { background: var(--ifk-secondary); color: white; } .csm-passed { background: #65a30d; color: white; }
.csm-progress { background: #86efac; color: #14532d; } .csm-progress { background: #a3e635; color: #365314; }
.csm-guidelines { background: #d1fae5; color: #065f46; } .csm-guidelines { background: #d9f99d; color: #365314; }
/* Shortcode-specific overrides */ /* Shortcode-specific overrides */
.ifk-stat-num { font-family: var(--ifk-font); } .ifk-stat-num { font-family: var(--ifk-font); }

10
layouts/shortcodes/world-map.html
View File

@@ -23,10 +23,10 @@
<p class="ifk-map-subtitle">{{ if eq $lang "de" }}Klicken Sie auf ein Land für Details{{ else if eq $lang "fr" }}Cliquez sur un pays pour plus de détails{{ else }}Click a country for details{{ end }}</p> <p class="ifk-map-subtitle">{{ if eq $lang "de" }}Klicken Sie auf ein Land für Details{{ else if eq $lang "fr" }}Cliquez sur un pays pour plus de détails{{ else }}Click a country for details{{ end }}</p>
<div id="ifk-world-map"></div> <div id="ifk-world-map"></div>
<div class="ifk-map-legend"> <div class="ifk-map-legend">
<div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#4d7c0f"></div>{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div> <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#84cc16"></div>{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div>
<div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#059669"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div> <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#65a30d"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
<div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#86efac"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div> <div class="ifk-map-legend-item"><div class="ifk-map-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="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#d1fae5"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div> <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#d9f99d"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
<div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#e2e8f0"></div>{{ if eq $lang "de" }}Keine Daten{{ else if eq $lang "fr" }}Pas de données{{ else }}No Data{{ end }}</div> <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#e2e8f0"></div>{{ if eq $lang "de" }}Keine Daten{{ else if eq $lang "fr" }}Pas de données{{ else }}No Data{{ end }}</div>
</div> </div>
</div> </div>
@@ -36,7 +36,7 @@
<script> <script>
window.addEventListener('load', function() { window.addEventListener('load', function() {
var LANG = "{{ $lang }}"; var LANG = "{{ $lang }}";
var STATUS_COLORS = { enforced: '#4d7c0f', passed: '#059669', progress: '#86efac', guidelines: '#d1fae5' }; var STATUS_COLORS = { enforced: '#84cc16', passed: '#65a30d', progress: '#a3e635', guidelines: '#d9f99d' };
var STATUS_LABELS = { var STATUS_LABELS = {
en: { enforced: 'Enforced', passed: 'Passed', progress: 'In Progress', guidelines: 'Guidelines' }, en: { enforced: 'Enforced', passed: 'Passed', progress: 'In Progress', guidelines: 'Guidelines' },
de: { enforced: 'In Kraft', passed: 'Verabschiedet', progress: 'In Bearbeitung', guidelines: 'Richtlinien' }, de: { enforced: 'In Kraft', passed: 'Verabschiedet', progress: 'In Bearbeitung', guidelines: 'Richtlinien' },

14
static/css/main.css
View File

@@ -40,9 +40,9 @@
--ifk-font: 'Newsreader', 'Times New Roman', serif; --ifk-font: 'Newsreader', 'Times New Roman', serif;
--ifk-text: #1c1917; --ifk-text: #1c1917;
--ifk-bg: #fafaf9; --ifk-bg: #fafaf9;
--ifk-accent: #4d7c0f; --ifk-accent: #65a30d;
--ifk-accent-hover: #3f6212; --ifk-accent-hover: #4d7c0f;
--ifk-secondary: #059669; --ifk-secondary: #84cc16;
} }
/* Utility classes for colors */ /* Utility classes for colors */
@@ -298,10 +298,10 @@ nav a:hover {
} }
/* Status badges (for shortcodes) */ /* Status badges (for shortcodes) */
.csm-enforced { background: var(--ifk-accent); color: white; } .csm-enforced { background: #84cc16; color: white; }
.csm-passed { background: var(--ifk-secondary); color: white; } .csm-passed { background: #65a30d; color: white; }
.csm-progress { background: #86efac; color: #14532d; } .csm-progress { background: #a3e635; color: #365314; }
.csm-guidelines { background: #d1fae5; color: #065f46; } .csm-guidelines { background: #d9f99d; color: #365314; }
/* Shortcode-specific overrides */ /* Shortcode-specific overrides */
.ifk-stat-num { font-family: var(--ifk-font); } .ifk-stat-num { font-family: var(--ifk-font); }