feat(dashboard): Bongbetic wordmark in header + monogram favicon

- Header now shows the Bongbetic icon + light/dark wordmark (linked to
  bongbetic.com) next to FENRIS — no more lonely "F" placeholder.
- Footer gets the little b_glyph monogram for that extra polish.
- Wires up real favicons (ico + 16/32) and apple-touch-icon + webmanifest
  so the tab and bookmarks actually look like Bongbetic.
- Vendors the missing brand bits: favicon set, apple icon, 192px icons,
  hi-res wordmark and contact sheet.
This commit is contained in:
xavierk
2026-08-23 18:54:05 +05:30
parent 47e1eaaf12
commit 91db519148
10 changed files with 31 additions and 3 deletions
+20 -3
View File
@@ -360,6 +360,11 @@ DASHBOARD_HTML = r"""<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Fenris — NVMe Wear Dashboard</title>
<link rel="icon" href="/assets/bongbetic-brand/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/bongbetic-brand/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/bongbetic-brand/favicon-16.png">
<link rel="apple-touch-icon" href="/assets/bongbetic-brand/apple-touch-icon.png">
<link rel="manifest" href="/assets/bongbetic-brand/site.webmanifest">
<script src="https://cdn.tailwindcss.com"></script>
<script>tailwind.config={darkMode:'class'}</script>
<style>
@@ -396,9 +401,16 @@ DASHBOARD_HTML = r"""<!doctype html>
<header>
<div class="container" style="display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem">
<div style="display:flex;align-items:center;gap:.75rem;min-width:0">
<div style="width:28px;height:28px;border-radius:6px;background:#58a6ff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0f14;flex-shrink:0">F</div>
<a href="https://bongbetic.com" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0" title="Bongbetic">
<img src="/assets/bongbetic-brand/icon-dark-512.png" alt="Bongbetic" style="width:32px;height:32px;border-radius:6px;object-fit:cover">
<picture>
<source srcset="/assets/bongbetic-brand/wordmark-light.png" media="(prefers-color-scheme: dark)">
<img src="/assets/bongbetic-brand/wordmark-dark.png" alt="Bongbetic" style="height:18px;object-fit:contain">
</picture>
</a>
<span style="color:var(--border);font-size:1.1rem;flex-shrink:0">·</span>
<div style="min-width:0">
<div style="font-weight:800;letter-spacing:.08em;font-size:.95rem;white-space:nowrap">FENRIS <span style="font-weight:400;opacity:.7;letter-spacing:0">by Bongbetic</span></div>
<div style="font-weight:800;letter-spacing:.08em;font-size:.95rem;white-space:nowrap">FENRIS</div>
<div id="devInfo" style="font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">loading…</div>
</div>
</div>
@@ -428,7 +440,12 @@ DASHBOARD_HTML = r"""<!doctype html>
</div>
</main>
<footer class="container">© Bongbetic — Fenris · <span id="footerMeta"></span></footer>
<footer class="container" style="display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap">
<a href="https://bongbetic.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:inherit">
<img src="/assets/bongbetic-brand/b_glyph.svg" alt="" style="width:16px;height:16px;opacity:.7"> © Bongbetic
</a>
— Fenris · <span id="footerMeta"></span>
</footer>
<script>
let POLL_MS = 300000;