Julien Gautier
c144cdcbd5
Switch the SPA from header+main+footer to a fixed header above a sidebar/main split. The sidebar carries grouped navigation, can be collapsed to an icon-only rail (state persisted in localStorage), and hosts the accessibility-statement links the footer used to own. Adds brand palette tokens (primary teal #12546c, accent orange #f7a919) as Tailwind v4 @theme entries, an <app-icon> façade over lucide-angular so the future icomoon sprite migration is a single-file change, and the APF logo asset under public/logos/. Menu data is static for v1 — items point to '#' placeholders, with the Dashboard entry routerLink-bound so the active-state styling is visible on the home page. The MenuItem shape already carries an optional requiredPermissions field so the permission-aware filter (to land alongside the auth flow per ADR-0009) plugs in without restructuring. WCAG-relevant choices preserved: skip-link, role/aria landmarks, aria-current="page" on active links, aria-expanded on the toggle, prefers-reduced-motion respected on width transitions, and a 44px minimum hit-target on every interactive element (ADR-0016). Footer component removed — its links migrated to the sidebar bottom.
Documentation index
This is the entry point to all project documentation. It is maintained automatically: any addition, rename, or removal of a .md file under docs/ must be reflected here in the same change.
Conventions
- Documentation is written in English.
- One topic per file. Group related files into a folder when there are three or more.
- Cross-reference with relative links so they keep working in GitHub, IDEs, and exported sites.
- For architectural decisions, do not add them here — they belong in decisions/ as MADR 4.0.0 ADRs.
Sections
Daily development
- development.md — repo layout, prerequisites, initial setup, daily commands, observability dev-loop (Jaeger UI, log ↔ trace correlation), dependency updates (Renovate), conventional commit cycle. Day-to-day reference for working on the project.
Architecture
- architecture.md — cross-cutting Mermaid diagrams: C4 system context, C4 containers, Nx module boundaries, CI/CD pipeline. Single-decision diagrams (auth sequence, ERD, etc.) live inline in their ADR.
Onboarding & environment
Setup guides for new contributors:
- setup/01-wsl-terminal-setup.md — modern WSL terminal (Zsh + Powerlevel10k + CLI tools)
- setup/02-dev-web-stack.md — Node via nvm, pnpm via corepack, Docker
- setup/03-angular-nx-monorepo.md — Angular + Nx monorepo bootstrap
Operations & runbooks
Empty — to be populated when we deploy.
Security, performance, accessibility
Empty — placeholders to be filled with rationale docs alongside their corresponding ADRs.