94 lines
2.6 KiB
Plaintext
94 lines
2.6 KiB
Plaintext
<!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 infrastructure 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</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="nav">
|
|
<a class="nav-link active" href="#overview">Overview</a>
|
|
<a class="nav-link" href="#infrastructure">Infrastructure</a>
|
|
<a class="nav-link" href="#services">Services</a>
|
|
<a class="nav-link" href="#home-lab">Home Lab</a>
|
|
<a class="nav-link" href="#monitoring">Monitoring</a>
|
|
</nav>
|
|
|
|
<div class="sidebar-footer">
|
|
<span class="status-dot online"></span>
|
|
portal.zerafa.com
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="main">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Infrastructure Console</p>
|
|
<h1>VOYAGER</h1>
|
|
<p class="node-label">Edge01</p>
|
|
</div>
|
|
<div class="topbar-meta">
|
|
<span>DreamHost VPS</span>
|
|
<span>Debian 13</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="services" class="section">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-kicker">Services</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 lab</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>Infrastructure Console v0.2.0</span>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="js/voyager.js"></script>
|
|
</body>
|
|
</html>
|