293e608ca4
Follow-up from #1532. Previously `body.dashboard-shell` / `body.home-shell` carried the 1.5em horizontal gutter, and full-width chrome broke out of it with negative margins (`.dashboard-chrome { margin: 0 -1.5em }`, the `#server-warnings { margin: 0 -1.5em }` override). Invert it: `<body>` is now full-bleed, and the padded page content lives in a single inner `.page-content` wrapper that carries the gutter. The server-warnings banner, the sticky tab strip, and the footer then span the full width for free — so the `-1.5em` breakout hacks are gone. - `.page-content { padding: 0 1.5em }` is a shared primitive in common.css (the dashboard + H0M3 both opt in by wrapping their content; FL0W / L0GS / ST4TS / S3TT1NGS stay full-bleed with their own `.<page>-main` padding). - dashboard.html / index.html wrap their content in `.page-content`. - dashboard.css / home.css: drop the body horizontal gutter (keep `padding-bottom` for foot breathing room); `.dashboard-chrome` margin `0 -1.5em 1em` → `0 0 1em`. - common.css: drop the `#server-warnings` breakout override. Behaviour/visual-neutral by intent (content gutter unchanged; chrome + banner already rendered full-width via the old breakout). Worth a gui screenshot-diff to confirm — esp. the now-full-width footer divider. Last fold-in of #1464 step 2.
70 lines
2.8 KiB
HTML
70 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>hyperhive // h0m3</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/static/colors.css">
|
|
<link rel="stylesheet" href="/static/theme.css">
|
|
<link rel="stylesheet" href="/static/common.css">
|
|
<link rel="stylesheet" href="/static/home.css">
|
|
</head>
|
|
<body class="home-shell">
|
|
|
|
<!-- H0M3: the menu hub. A plain grid of links to every top-level
|
|
surface. This is the page served at `/` — the landing page — with
|
|
the dashboard relocated to /dashboard.html. No tabbar / SSE —
|
|
it's a static portal. -->
|
|
<!-- Padded content wrapper: carries the 1.5em side gutter
|
|
(.page-content, common.css) while <body> stays full-bleed so the
|
|
server-warnings banner spans the full width. -->
|
|
<div class="page-content">
|
|
<header class="home-header">
|
|
<p class="banner-thin" id="hive-identity" hidden></p>
|
|
<pre class="banner">░▒▓█▓▒░ ░▒▓█▓▒░ H Y P E R H I V E · H0M3 ░▒▓█▓▒░ ░▒▓█▓▒░</pre>
|
|
</header>
|
|
|
|
<main class="home-main">
|
|
<nav class="home-menu" aria-label="hyperhive surfaces">
|
|
|
|
<a class="home-tile" href="/dashboard.html">
|
|
<span class="home-tile-label">Dashboard</span>
|
|
<span class="home-tile-desc">containers · approvals · permissions · schedules · system</span>
|
|
</a>
|
|
|
|
<a class="home-tile" href="/flow.html">
|
|
<span class="home-tile-label">Flow</span>
|
|
<span class="home-tile-desc">live all-agents message firehose</span>
|
|
</a>
|
|
|
|
<a class="home-tile" href="/logs.html">
|
|
<span class="home-tile-label">Logs</span>
|
|
<span class="home-tile-desc">build · agent · system logs</span>
|
|
</a>
|
|
|
|
<a class="home-tile" href="/stats.html">
|
|
<span class="home-tile-label">Stats</span>
|
|
<span class="home-tile-desc">hive-wide turn stats · cost · model mix</span>
|
|
</a>
|
|
|
|
<a class="home-tile" href="/settings.html">
|
|
<span class="home-tile-label">Settings</span>
|
|
<span class="home-tile-desc">operator-local prefs · browser notifications</span>
|
|
</a>
|
|
|
|
<!-- Matrix tile: hidden until home.js confirms the matrix GUI is
|
|
enabled (state.matrix_gui_enabled), mirroring the dashboard
|
|
tab gating so operators without it don't see a dead link. -->
|
|
<a class="home-tile" id="home-tile-matrix" href="/matrix/" hidden>
|
|
<span class="home-tile-label">Matrix</span>
|
|
<span class="home-tile-desc">matrix chat client</span>
|
|
</a>
|
|
|
|
</nav>
|
|
</main>
|
|
</div><!-- /.page-content -->
|
|
|
|
<script type="module" src="/static/home.js" defer></script>
|
|
</body>
|
|
</html>
|