Pages were unstyled HTML until now. design/enterprise.css (enconf's 4400-line stylesheet) is tightly coupled to Ant Design/React class names and a fixed desktop sidebar layout — not usable as-is for Deklarix's plain server-rendered forms. Instead, internal/web/static/ app.css is a small, purpose-built mobile-first stylesheet that reuses enconf's actual design tokens (primary blue #1677ff, radius scale, shadows, Inter) for brand consistency without dragging in the unrelated layout/framework rules. Inter is self-hosted (copied from enconf's font files) rather than pulled from Google Fonts, keeping the "no runtime internet dependency" property. Only the "latin" subset is included — German umlauts and ß all live in U+0000-00FF, so the cyrillic/greek/vietnamese subsets enconf ships aren't needed here. Inputs/buttons are sized for touch (44px min-height) and use 16px font size to avoid iOS's auto-zoom-on-focus. Findings are color-coded by severity (red/amber/green backgrounds with a matching left border). Verified visually with chromium --headless --screenshot at both mobile (390px) and desktop (1280px) viewports, including a real WK-001 finding fetched from the running server and rendered through the actual stylesheet — not just asserted via HTTP status codes. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
16 lines
404 B
HTML
16 lines
404 B
HTML
{{define "head"}}
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{.Title}} — Deklarix</title>
|
|
<link rel="stylesheet" href="/static/app.css">
|
|
<script src="/static/htmx.min.js"></script>
|
|
{{end}}
|
|
|
|
{{define "nav"}}
|
|
<nav>
|
|
<form method="post" action="/logout" style="display:inline">
|
|
<button type="submit">Abmelden</button>
|
|
</form>
|
|
</nav>
|
|
{{end}}
|