itk-dev · yepzdk · Apr 22, 2026 · Apr 22, 2026
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+### Added — WCAG Contrast Checker Project
+- Color contrast accessibility tool for analyzing WCAG AA/AAA compliance
+- Interactive prototype with CSV upload, manual input, and Danish municipal sample palettes
+
+### Added — Deltag Aarhus Projekttidslinje Project
+- Interactive citizen engagement timeline for "Stationspladsen i Hjortshøj"
+- Responsive vertical/horizontal layout with milestone navigation
+
+### Added — Book Aarhus Project
+- Resource booking application prototype for rooms and facilities in Aarhus Kommune
+- Search, filtering, favorites, and responsive room cards
+
 ### Added — deltag.aarhus.dk Project
 - Hearing detail page prototype for Aarhus Kommune's citizen participation platform
 - Interactive mock with 784 simulated hearing responses, filtering, sorting, MitID login, submission form

diff --git a/docs/.vitepress/sidebar.mts b/docs/.vitepress/sidebar.mts
@@ -48,12 +48,45 @@ const deltagAarhus: DefaultTheme.SidebarItem[] = [
   },
 ]
 
+const wcagContrastChecker: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'WCAG Contrast Checker',
+    items: [
+      { text: 'Overview', link: '/projects/wcag-contrast-checker/' },
+      { text: 'Interactive Mocks', link: '/projects/wcag-contrast-checker/mocks' },
+    ],
+  },
+]
+
+const deltagAarhusTimeline: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Deltag Aarhus — Projekttidslinje',
+    items: [
+      { text: 'Overview', link: '/projects/deltag-aarhus-timeline/' },
+      { text: 'Interactive Mocks', link: '/projects/deltag-aarhus-timeline/mocks' },
+    ],
+  },
+]
+
+const bookAarhus: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Book Aarhus',
+    items: [
+      { text: 'Overview', link: '/projects/book-aarhus/' },
+      { text: 'Interactive Mocks', link: '/projects/book-aarhus/mocks' },
+    ],
+  },
+]
+
 export function sidebar(): DefaultTheme.Sidebar {
   return {
     '/projects/climate-nudging/': climateNudging,
     '/projects/salary-negotiation/': salaryNegotiation,
     '/projects/agentic-orchestration/': agenticOrchestration,
     '/projects/deltag-aarhus/': deltagAarhus,
+    '/projects/wcag-contrast-checker/': wcagContrastChecker,
+    '/projects/deltag-aarhus-timeline/': deltagAarhusTimeline,
+    '/projects/book-aarhus/': bookAarhus,
   }
 }
 

diff --git a/docs/index.md b/docs/index.md
@@ -22,4 +22,16 @@ features:
     details: Prototype af en høringsdetalje-side til Aarhus Kommunes borgerdeltagelsesplatform — med 784 simulerede høringssvar, MitID-login og variantskift.
     link: /projects/deltag-aarhus/
     linkText: View project
+  - title: WCAG Contrast Checker
+    details: Accessibility tool for analyzing color contrast ratios against WCAG AA/AAA standards. Upload CSV, add colors manually, or test with Danish municipal palettes.
+    link: /projects/wcag-contrast-checker/
+    linkText: View project
+  - title: Deltag Aarhus — Projekttidslinje
+    details: Interaktiv tidslinjeskabelon til borgerinddragelsesprojekter. Demonstrerer forløbet for "Stationspladsen i Hjortshøj" med milepæle fra 2023 til 2027.
+    link: /projects/deltag-aarhus-timeline/
+    linkText: View project
+  - title: Book Aarhus
+    details: Prototype af en responsiv bookingapplikation til lokaler og faciliteter i Aarhus Kommune med søgning, filtrering og favoritter.
+    link: /projects/book-aarhus/
+    linkText: View project
 ---
diff --git a/docs/projects/book-aarhus/index.md b/docs/projects/book-aarhus/index.md
@@ -0,0 +1,39 @@
+<small>**Project:** Book Aarhus · **Status:** Prototype · **Date:** January 2026</small>
+
+# Book Aarhus
+
+**Prototype af en responsiv bookingapplikation til lokaler og faciliteter i Aarhus Kommune.**
+
+---
+
+## Hvad prototypen viser
+
+En bookingplatform hvor brugere kan søge, filtrere og booke lokaler og faciliteter på tværs af Aarhus Kommunes bygninger. Prototypen demonstrerer søgeoplevelsen, filtreringssystemet og lokalevisningen.
+
+---
+
+## Features
+
+- **Søg og filtrer:**
+  - Fritekstsøgning
+  - Filtertyper: lokaletype, faciliteter, siddepladser, pris, tilgængelighed
+  - Responsivt filtermodul (modal på mobil)
+
+- **Lokalekort:**
+  - Billede, kapacitet, tilgængelighedsinfo
+  - Udstyrsliste, adresse, beskrivelse
+  - Eksempler fra Dokk1, Blixen, Aarhus Kunstmuseum, Aarhus Universitet
+
+- **Brugeroplevelse:**
+  - Fanebaseret navigation: "Find ressourcer", "Dine bookinger", "Dine favoritter", "Samarbejdspartner"
+  - Favoritsystem til hyppigt bookede lokaler
+  - Populære lokaler-sektion
+  - Responsivt design med hamburger-menu på mobil
+
+---
+
+## Interaktiv prototype
+
+<a href="/research-projects/projects/book-aarhus/mocks/index.html" class="mock-button" target="_blank">Åbn Book Aarhus ↗</a>
+
+Prøv at skifte mellem fanerne og ændre browservinduets bredde for at se det responsive layout.
diff --git a/docs/projects/book-aarhus/mocks.md b/docs/projects/book-aarhus/mocks.md
@@ -0,0 +1,8 @@
+<small>**Project:** Book Aarhus</small>
+
+# Interaktive Mocks
+
+---
+
+**<a href="/research-projects/projects/book-aarhus/mocks/index.html" target="_blank">Book Aarhus — Lokale- og facilitetsbooking ↗</a>**
+Responsiv bookingapplikation med søgning, filtrering, lokalekort, favoritter og fanebaseret navigation. Eksempler fra Dokk1, Blixen, Aarhus Kunstmuseum m.fl.
diff --git a/docs/projects/deltag-aarhus-timeline/index.md b/docs/projects/deltag-aarhus-timeline/index.md
@@ -0,0 +1,42 @@
+<small>**Project:** Deltag Aarhus — Projekttidslinje · **Status:** Prototype · **Date:** January 2026</small>
+
+# Deltag Aarhus — Projekttidslinje
+
+**Interaktiv tidslinjeskabelon til borgerinddragelsesprojekter på deltag.aarhus.dk.**
+
+---
+
+## Hvad prototypen viser
+
+En tidslinje for borgerinddragelsesprojektet "Stationspladsen i Hjortshøj" der viser projektets forløb fra august 2023 til januar 2027. Tidslinjen demonstrerer hvordan borgere kan følge et projekts udvikling over tid.
+
+---
+
+## Features
+
+- **Responsivt layout:**
+  - Vertikal tidslinje med vekslende venstre/højre-placering (desktop)
+  - Horisontal tidslinje med kort-baseret design (mobil)
+
+- **Milepæle og statusser:**
+  - Afsluttede aktiviteter (grøn)
+  - Igangværende aktiviteter (blå)
+  - Kommende aktiviteter (grå)
+  - Redaktørnoter (særlig markering)
+
+- **Navigation:**
+  - Mini-tidslinje i højre side (desktop) til hurtig navigation
+  - Klikbare milepæle med scroll-to-section
+
+- **Realistisk indhold:**
+  - Dialogmøder, workshops, pop-up events, digitale høringer
+  - Links til faktiske deltag.aarhus.dk-sider
+  - Billeder fra Aarhus Kommunes hjemmeside
+
+---
+
+## Interaktiv prototype
+
+<a href="/research-projects/projects/deltag-aarhus-timeline/mocks/index.html" class="mock-button" target="_blank">Åbn tidslinjen ↗</a>
+
+Prøv at ændre browservinduets bredde for at se det responsive layout skifte mellem desktop og mobil.
diff --git a/docs/projects/deltag-aarhus-timeline/mocks.md b/docs/projects/deltag-aarhus-timeline/mocks.md
@@ -0,0 +1,8 @@
+<small>**Project:** Deltag Aarhus — Projekttidslinje</small>
+
+# Interaktive Mocks
+
+---
+
+**<a href="/research-projects/projects/deltag-aarhus-timeline/mocks/index.html" target="_blank">Projekttidslinje — Stationspladsen i Hjortshøj ↗</a>**
+Interaktiv tidslinje for et borgerinddragelsesprojekt med milepæle fra 2023 til 2027. Responsivt layout med vertikal (desktop) og horisontal (mobil) visning, statusfarver og navigerbar mini-tidslinje.
diff --git a/docs/projects/wcag-contrast-checker/index.md b/docs/projects/wcag-contrast-checker/index.md
@@ -0,0 +1,41 @@
+<small>**Project:** WCAG Contrast Checker · **Status:** Prototype · **Date:** January 2026</small>
+
+# WCAG Contrast Checker
+
+**Accessibility tool for analyzing color contrast ratios against WCAG AA and AAA standards.**
+
+---
+
+## What it does
+
+The WCAG Contrast Checker helps designers and developers verify that their color combinations meet accessibility requirements. It calculates contrast ratios between foreground and background colors and checks compliance against both WCAG AA (4.5:1 for normal text) and AAA (7:1 for normal text) levels.
+
+---
+
+## Features
+
+- **Three input modes:**
+  - Upload a CSV file with color definitions (name, background hex, foreground hex)
+  - Add colors manually via the UI
+  - Load sample data with Danish municipal color palettes (Aarhus, Aalborg, Viborg, etc.)
+
+- **Contrast analysis:**
+  - Real-time contrast ratio calculation
+  - WCAG AA and AAA compliance indicators
+  - Visual preview of each color combination
+
+- **Brightness adjustment:**
+  - Expandable detail rows with brightness sliders
+  - Test variations of each color to find compliant alternatives
+  - See how small adjustments affect compliance
+
+- **Export:**
+  - Download results as CSV for documentation
+
+---
+
+## Interactive prototype
+
+<a href="/research-projects/projects/wcag-contrast-checker/mocks/index.html" class="mock-button" target="_blank">Open WCAG Contrast Checker ↗</a>
+
+Try loading the sample data to see Danish municipal color palettes analyzed against WCAG standards.
diff --git a/docs/projects/wcag-contrast-checker/mocks.md b/docs/projects/wcag-contrast-checker/mocks.md
@@ -0,0 +1,8 @@
+<small>**Project:** WCAG Contrast Checker</small>
+
+# Interactive Mocks
+
+---
+
+**<a href="/research-projects/projects/wcag-contrast-checker/mocks/index.html" target="_blank">WCAG Contrast Checker ↗</a>**
+Accessibility tool for analyzing color contrast ratios. Upload CSV, add colors manually, or load sample data with Danish municipal color palettes. Shows WCAG AA/AAA compliance with brightness adjustment sliders.