Redesign chart UI toward clean professional style
- 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>
This commit is contained in:
@@ -8,9 +8,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<div>
|
||||
<h1>{{ .Title }}</h1>
|
||||
</div>
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
|
||||
@@ -8,9 +8,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<div>
|
||||
<h1>{{ .Title }}</h1>
|
||||
</div>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ if .DownloadArchiveURL }}
|
||||
<div class="header-actions">
|
||||
<a class="header-action" href="{{ .DownloadArchiveURL }}">{{ if .DownloadArchiveLabel }}{{ .DownloadArchiveLabel }}{{ else }}Download archive{{ end }}</a>
|
||||
@@ -41,13 +39,7 @@
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<nav class="section-nav">
|
||||
{{ range .Sections }}
|
||||
<a href="#{{ .ID }}">{{ .Title }}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
|
||||
<div class="sections-grid">
|
||||
<div class="sections-grid">
|
||||
{{ range .Sections }}
|
||||
<section class="section-card {{ if or (eq .ID "board") (eq .ID "firmware") }}section-card-half{{ else }}section-card-full{{ end }}" id="{{ .ID }}">
|
||||
<h2>{{ .Title }}</h2>
|
||||
@@ -147,7 +139,7 @@
|
||||
{{ end }}
|
||||
|
||||
{{ if .Error }}
|
||||
<section class="error-box">{{ .Error }}</section>
|
||||
<div role="alert" class="error-box">{{ .Error }}</div>
|
||||
{{ end }}
|
||||
|
||||
{{ if not .HasSnapshot }}
|
||||
|
||||
Reference in New Issue
Block a user