- Replace warm serif theme with Semantic UI-inspired design: white background, Lato font, subtle transparent borders - Section cards become transparent wrappers with standalone h2 headings; tables carry their own border and shadow - Status indicators replaced with plain colored symbols (✓ ✗ ! ? –) — no badge backgrounds - Remove section nav (table of contents) - Fix HTML: remove redundant div in header, error section tag → div[role=alert], add aria-label to nav Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
36 lines
1.1 KiB
HTML
36 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ .Title }}</title>
|
|
<link rel="stylesheet" href="/static/view.css">
|
|
</head>
|
|
<body>
|
|
<header class="page-header">
|
|
<h1>{{ .Title }}</h1>
|
|
</header>
|
|
|
|
<main class="page-main">
|
|
<section class="upload-panel">
|
|
<h2>Open Snapshot</h2>
|
|
<p>Select a Reanimator JSON snapshot to render.</p>
|
|
<form method="post" action="/render" enctype="multipart/form-data">
|
|
<label class="upload-dropzone" for="snapshot_file">
|
|
<input id="snapshot_file" name="snapshot_file" type="file" accept=".json,application/json" required>
|
|
<span class="upload-eyebrow">Standalone Mode</span>
|
|
<strong>Choose a snapshot JSON file</strong>
|
|
<span>The file is rendered read-only and not modified.</span>
|
|
</label>
|
|
<div class="upload-actions">
|
|
<button type="submit">Render Snapshot</button>
|
|
</div>
|
|
</form>
|
|
{{ if .Error }}
|
|
<div class="error-box">{{ .Error }}</div>
|
|
{{ end }}
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|