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.
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 585 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"name": "Bongbetic Console",
|
||||
"short_name": "Console",
|
||||
"icons": [
|
||||
{ "src": "/icon-dark-192.png", "sizes": "192x192", "type": "image/png" },
|
||||
{ "src": "/icon-dark-512.png", "sizes": "512x512", "type": "image/png" }
|
||||
],
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#000000",
|
||||
"display": "standalone"
|
||||
}
|
||||
|
After Width: | Height: | Size: 242 KiB |
@@ -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;
|
||||
|
||||