132 lines
3.9 KiB
HTML
132 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>VOYAGER · Edge01</title>
|
|
<meta name="description" content="Voyager operations console for Edge01 and connected systems.">
|
|
<link rel="stylesheet" href="css/voyager.css">
|
|
</head>
|
|
<body>
|
|
<div class="app-shell">
|
|
<aside class="sidebar">
|
|
<div class="brand">
|
|
<div class="brand-mark">V</div>
|
|
<div>
|
|
<div class="brand-name">VOYAGER</div>
|
|
<div class="brand-node">Edge01 Operations</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="nav">
|
|
<a class="nav-link active" href="#overview">Overview</a>
|
|
<a class="nav-link" href="#mail">Mail</a>
|
|
<a class="nav-link" href="#services">Applications</a>
|
|
<a class="nav-link" href="#home-lab">Private</a>
|
|
</nav>
|
|
|
|
<div class="sidebar-footer">
|
|
<span class="status-dot online"></span>
|
|
voyager.zerafa.com
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="main">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Infrastructure Operations Console</p>
|
|
<h1>VOYAGER</h1>
|
|
<p class="node-label">Edge01 · DreamHost VPS</p>
|
|
</div>
|
|
<div class="topbar-meta">
|
|
<span>Debian 13</span>
|
|
<span>208.113.210.193</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="overview" class="section">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-kicker">Overview</p>
|
|
<h2>System sweep</h2>
|
|
</div>
|
|
<p>Each system reports independently.</p>
|
|
</div>
|
|
<div id="status-grid" class="status-grid"></div>
|
|
</section>
|
|
|
|
<section id="mail" class="section">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-kicker">Mail Security</p>
|
|
<h2>Gateway operations</h2>
|
|
</div>
|
|
<p id="mail-updated">Waiting for telemetry…</p>
|
|
</div>
|
|
|
|
<div id="mail-health-grid" class="status-grid"></div>
|
|
|
|
<div class="mail-layout">
|
|
<article class="operations-panel">
|
|
<div class="panel-heading">
|
|
<div>
|
|
<p class="section-kicker">Traffic</p>
|
|
<h3>Today</h3>
|
|
</div>
|
|
<span class="panel-tag">Postfix</span>
|
|
</div>
|
|
<div id="mail-metrics" class="metric-grid"></div>
|
|
</article>
|
|
|
|
<article class="operations-panel">
|
|
<div class="panel-heading">
|
|
<div>
|
|
<p class="section-kicker">Security</p>
|
|
<h3>Gateway details</h3>
|
|
</div>
|
|
<span class="panel-tag">MX</span>
|
|
</div>
|
|
|
|
<div id="mail-details" class="detail-list"></div>
|
|
|
|
<a class="panel-action" href="https://rspamd.zerafa.com">
|
|
Open Rspamd Console
|
|
<span>↗</span>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="services" class="section">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-kicker">Applications</p>
|
|
<h2>Quick launch</h2>
|
|
</div>
|
|
<p>Public services hosted on Edge01.</p>
|
|
</div>
|
|
<div id="service-grid" class="service-grid"></div>
|
|
</section>
|
|
|
|
<section id="home-lab" class="section">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-kicker">Private Network</p>
|
|
<h2>Home systems</h2>
|
|
</div>
|
|
<p>These activate after the secure tunnel is built.</p>
|
|
</div>
|
|
<div id="home-grid" class="service-grid"></div>
|
|
</section>
|
|
|
|
<footer>
|
|
<span>VOYAGER · Edge01</span>
|
|
<span>Operations Console v0.3.0</span>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="js/voyager.js"></script>
|
|
</body>
|
|
</html>
|