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 charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
<title>Fenris — NVMe Wear Dashboard</title>
|
<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 src="https://cdn.tailwindcss.com"></script>
|
||||||
<script>tailwind.config={darkMode:'class'}</script>
|
<script>tailwind.config={darkMode:'class'}</script>
|
||||||
<style>
|
<style>
|
||||||
@@ -396,9 +401,16 @@ DASHBOARD_HTML = r"""<!doctype html>
|
|||||||
<header>
|
<header>
|
||||||
<div class="container" style="display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem">
|
<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="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="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 id="devInfo" style="font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">loading…</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -428,7 +440,12 @@ DASHBOARD_HTML = r"""<!doctype html>
|
|||||||
</div>
|
</div>
|
||||||
</main>
|
</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>
|
<script>
|
||||||
let POLL_MS = 300000;
|
let POLL_MS = 300000;
|
||||||
|
|||||||