reanimator/chart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign chart UI toward clean professional style

Browse Source 
- 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:
Mikhail Chusavitin
2026-03-18 01:52:16 +03:00
parent e5b2ba652c
commit c025ae0477
3 changed files with 198 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/templates/view.html
View File

@@ -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 }}