# Lirelle — static markup

Plain HTML + CSS · no JavaScript · Stage + Tint

Each file is the fully-rendered DOM of one screen — no React, no Babel, no scripts. The only dependency is the shared stylesheet `../lumo.css`. Open any file and the layout is right there in the source for Claude Code to read.

Note: these are static snapshots. Buttons, tabs and toggles show their resting state but do not respond — for the working app use the prototype in the project root. Edit markup here; edit behaviour in the `lumo-*.jsx` modules.
Meetings — states
Meetings · idle (Summary)Meetings.html→ Meetings · Transcript tab Meetings - Transcript.html→ Meetings · recording Meetings - Recording.html→ Meetings · finalising Meetings - Finalising.html→ Meetings · empty Meetings - Empty.html→ Meetings · failed Meetings - Failed.html→
Other sections
Transcripts Transcripts.html→ Account Account.html→ Settings Settings.html→