diff --git a/README.md b/README.md index f4b0d0f..8f8014a 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,23 @@ A feature-rich PHP-based ticketing system designed for tracking and managing data center infrastructure issues with enterprise-grade workflow management and a retro terminal aesthetic. **Documentation**: [Wiki](https://wiki.lotusguild.org/en/Services/service-tinker-tickets) +**Design System**: [web_template](https://code.lotusguild.org/LotusGuild/web_template) — shared CSS, JS, and layout patterns for all LotusGuild apps + +## Styling & Layout + +Tinker Tickets uses the **LotusGuild Terminal Design System**. For all styling, component, and layout documentation see: + +- [`web_template/README.md`](https://code.lotusguild.org/LotusGuild/web_template/src/branch/main/README.md) — full component reference, CSS variables, JS API +- [`web_template/base.css`](https://code.lotusguild.org/LotusGuild/web_template/src/branch/main/base.css) — unified CSS (`.lt-*` classes) +- [`web_template/base.js`](https://code.lotusguild.org/LotusGuild/web_template/src/branch/main/base.js) — `window.lt` utilities (toast, modal, CSRF, fetch helpers) +- [`web_template/aesthetic_diff.md`](https://code.lotusguild.org/LotusGuild/web_template/src/branch/main/aesthetic_diff.md) — cross-app divergence analysis and convergence guide +- [`web_template/php/layout.php`](https://code.lotusguild.org/LotusGuild/web_template/src/branch/main/php/layout.php) — PHP base layout template + +**Key conventions:** +- All `.lt-*` CSS classes come from `base.css` — do not duplicate them in `assets/css/` +- All `lt.*` JS utilities come from `base.js` — use `lt.toast`, `lt.modal`, `lt.api`, etc. +- CSP nonces: every `