Merge pull request #30 from itk-dev/feature/arbejdsmiljo-handleplan-prototype

feat: add Arbejdsmiljøhandleplan prototype and project page

Author: yepzdk

CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+### Added — Arbejdsmiljøhandleplan Project
+- Clickable prototype of a digital work-environment action plan for Aarhus Kommune, based on Borgmesterens Afdeling's Word template — copied from the `arbejdsmiljo-handleplan` concept
+- Minimal overview (`index.md`) with background, purpose, what the prototype shows and demo logins, plus a `mocks.md` listing page
+- Multi-file vanilla HTML/JS/CSS mock at `docs/public/projects/arbejdsmiljo-handleplan/mocks/` — dashboard with revision-due advis strip, create/edit plan with live risk colours and a 4×4 risk matrix, automatic change log, simulated sharing with read-only recipient view; uses `localStorage` as backend
+- Wired into the sidebar, home feature cards, and the shared mock banner
+
 ### Changed — Accessibility and call-to-action experiment in Vosnæs hearing detail mock (deltag-aarhus)
 - Raised card, input, dropdown and divider borders to a WCAG 1.4.11-compliant `#8c8c8c` (3.36:1 on white, up from ~1.2:1) via the `--border-default`/`--border-subtle` tokens; repointed the structural separator borders that hardcoded `--gray-200`/`--gray-350` at `--border-subtle`
 - Fixed muted text contrast: `--text-muted` now `#767676` (4.54:1 on white); the dark-footer bottom links use `--gray-350` (9.48:1 on `#333`) instead of the failing `--gray-600` (3.42:1)

docs/.vitepress/sidebar.mts

@@ -130,6 +130,16 @@ const skabelonloesning: DefaultTheme.SidebarItem[] = [
   },
 ]
 
+const arbejdsmiljoHandleplan: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Arbejdsmiljøhandleplan',
+    items: [
+      { text: 'Overview', link: '/projects/arbejdsmiljo-handleplan/' },
+      { text: 'Interactive Mocks', link: '/projects/arbejdsmiljo-handleplan/mocks' },
+    ],
+  },
+]
+
 const designSystem: DefaultTheme.SidebarItem[] = [
   {
     text: 'Design System',
@@ -158,6 +168,7 @@ export function sidebar(): DefaultTheme.Sidebar {
     '/projects/dansk-viden-til-dansk-ai/': danskVidenTilDanskAi,
     '/projects/ai-bibliotek/': aiBibliotek,
     '/projects/skabelonloesning/': skabelonloesning,
+    '/projects/arbejdsmiljo-handleplan/': arbejdsmiljoHandleplan,
     '/projects/design-system/': designSystem,
   }
 }

docs/index.md

@@ -54,4 +54,8 @@ features:
     details: Analyse og oplæg til et open source-alternativ til DynamicTemplate — bygget på åbne standarder og delbart via OS2. Med løsningsbeskrivelse, faseopdelt timeestimat og en interaktiv visualisering af administrationsgrænsefladen.
     link: /projects/skabelonloesning/
     linkText: View project
+  - title: Arbejdsmiljøhandleplan
+    details: Klikbar prototype af en digital arbejdsmiljøhandleplan for Aarhus Kommune — baseret på BA's Word-skabelon. Dashboard med advis-stribe, opret/redigér plan med live risikofarver og 4×4 risikomatrix, automatisk log og deling. Bruger localStorage som backend.
+    link: /projects/arbejdsmiljo-handleplan/
+    linkText: View project
 ---

docs/projects/arbejdsmiljo-handleplan/index.md

@@ -0,0 +1,49 @@
+<small>**Project:** Arbejdsmiljøhandleplan · **Status:** Pitch · **Date:** juni 2026</small>
+
+# Arbejdsmiljøhandleplan
+
+**En klikbar prototype af en digital arbejdsmiljøhandleplan for Aarhus Kommune — baseret på den gældende Word-skabelon for Borgmesterens Afdeling (BA).**
+
+---
+
+## Baggrund
+
+Arbejdsmiljøhandleplanen er i dag en Word-skabelon, der udfyldes manuelt i den enkelte arbejdsmiljøgruppe (AMG). Skabelonen rummer ni faste sektioner — fra selve handleplan-tabellen og risikovurderingsmatrixen til årshjul, sygefravær og arbejdsulykker — og skal revideres mindst én gang om året.
+
+En Word-fil giver ingen påmindelser om, hvornår revisionen er overskredet, ingen historik over hvad der er ændret, og ingen nem måde at dele planen med ledelse eller MED-udvalg på. Hver gruppe sidder med sin egen fil, og overblikket på tværs forsvinder.
+
+## Formål
+
+Prototypen undersøger spørgsmålet: **Hvordan kunne en digital arbejdsmiljøhandleplan se ud og fungere på tværs af afdelinger i Aarhus Kommune — med samme indhold som den nuværende skabelon, men med live risikofarver, automatisk historik, advis om revisionsdato og deling indbygget?**
+
+Den er ren HTML, vanilla JS og CSS uden backend — alt gemmes i browserens `localStorage`. Den er et **visuelt og funktionelt diskussionsgrundlag**, ikke en færdig løsning.
+
+## Hvad prototypen viser
+
+- **Dashboard** med advis-stribe (fx "Skal revideres om 14 dage"), KPI-fliser og brugerens egne handleplaner. Badges markerer om revisionsdatoen nærmer sig (≤30 dage = gul) eller er overskredet (rød).
+- **Opret og redigér handleplan** med skabelonens sektioner som faner: handleplan-tabel med live risikofarve, 4×4 risikovurderingsmatrix, væsentligste arbejdsmiljøforhold, årshjul, kompetenceudvikling, sygefravær, uønskede hændelser og arbejdsulykker.
+- **Log** — automatisk historik over alle ændringer pr. plan, vist kronologisk, med filtrering på bruger og handling.
+- **Deling** — simuleret "send link til e-mail" med autocomplete og en read-only modtagervisning.
+- **Adviser** — "Markér som revideret" sætter datoen 12 måneder frem og logger handlingen.
+
+::: info Demo-login
+To demo-brugere seedes ved første åbning:
+
+| E-mail | Kode | Rolle |
+| --- | --- | --- |
+| `anna@aarhus.dk` | `demo` | Arbejdsmiljørepræsentant (AMR) — har en udfyldt demo-handleplan |
+| `peter@aarhus.dk` | `demo` | Arbejdsmiljøleder (AML) — har en tom plan, hvor revision er overskredet |
+:::
+
+## Begrænsninger
+
+- Ingen rigtig auth eller backend; passwords hashes trivielt — kun til demo.
+- Deling er kun UI; der sendes ingen rigtig mail. Linket virker i samme browser, fordi delingerne gemmes lokalt.
+- Adviser er visuelle badges uden mail- eller push-integration.
+- Prototypen er ikke til produktion.
+
+---
+
+## Interaktiv prototype
+
+<a href="/research-projects/projects/arbejdsmiljo-handleplan/mocks/index.html" class="mock-button" target="_blank">Åbn prototypen ↗</a>

docs/projects/arbejdsmiljo-handleplan/mocks.md

@@ -0,0 +1,11 @@
+<small>**Project:** Arbejdsmiljøhandleplan</small>
+
+# Interaktive Mocks
+
+---
+
+**<a href="/research-projects/projects/arbejdsmiljo-handleplan/mocks/index.html" target="_blank">Arbejdsmiljøhandleplan — prototype ↗</a>**
+
+Klikbar prototype af en digital arbejdsmiljøhandleplan, baseret på BA's Word-skabelon. Dashboard med advis-stribe og KPI'er, opret/redigér plan med alle skabelon-sektioner (handleplan-tabel med live risikofarve, 4×4 risikomatrix, årshjul, sygefravær, ulykker m.m.), automatisk log, deling via simuleret e-mail-link og read-only modtagervisning. Bruger `localStorage` som backend.
+
+Log ind som `anna@aarhus.dk` / `demo` (udfyldt plan) eller `peter@aarhus.dk` / `demo` (overskredet revision).