dekun
61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>HyperNode · 算力控制面</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,650&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/static/styles.css?v=2" />
|
|
</head>
|
|
<body>
|
|
<div class="shell">
|
|
<aside class="rail">
|
|
<a class="brand" href="#overview">
|
|
<span class="mark" aria-hidden="true">
|
|
<svg viewBox="0 0 32 32" width="28" height="28">
|
|
<path d="M16 3 L27 9.5 V22.5 L16 29 L5 22.5 V9.5 Z" fill="none" stroke="currentColor" stroke-width="1.4"/>
|
|
<circle cx="16" cy="16" r="2.2" fill="currentColor"/>
|
|
<path d="M16 8 V14 M16 18 V24 M10 12.5 L14.2 15 M17.8 17 L22 19.5" stroke="currentColor" stroke-width="1.2"/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
<strong>HyperNode</strong>
|
|
<em>Compute Atelier</em>
|
|
</span>
|
|
</a>
|
|
<nav class="nav" id="nav">
|
|
<button type="button" data-view="overview">总览</button>
|
|
<button type="button" data-view="nodes">节点</button>
|
|
<button type="button" data-view="ledger">流水</button>
|
|
<button type="button" data-view="cash">提现</button>
|
|
</nav>
|
|
<div class="rail-foot">
|
|
<span id="health-dot" class="dot"></span>
|
|
<span id="health-text">正在连接</span>
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="stage">
|
|
<header class="top">
|
|
<div>
|
|
<p class="eyebrow" id="eyebrow">控制面</p>
|
|
<h1 id="title">总览</h1>
|
|
</div>
|
|
<div class="top-meta">
|
|
<div class="clock">
|
|
<span>北京时间</span>
|
|
<strong id="clock">--:--:--</strong>
|
|
</div>
|
|
<button type="button" class="ghost" id="refresh">刷新</button>
|
|
</div>
|
|
</header>
|
|
<main id="view" class="view"></main>
|
|
</div>
|
|
</div>
|
|
<div id="toast" class="toast" role="status"></div>
|
|
<script src="/static/app.js?v=2"></script>
|
|
</body>
|
|
</html>
|