You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
999 B
37 lines
999 B
<!doctype html> |
|
<html lang="en" data-theme="dark"> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
<title>Monitor</title> |
|
<link rel="stylesheet" href="/styles.css" /> |
|
</head> |
|
<body> |
|
<div class="wrap"> |
|
<header class="top"> |
|
<div> |
|
<div class="title">Monitor</div> |
|
<div class="sub">7-day snapshot • rotating refresh</div> |
|
</div> |
|
|
|
<div class="top-right"> |
|
<div class="status-pill" id="status">Loading…</div> |
|
<div class="cycle" id="cycle"></div> |
|
|
|
<!-- Theme toggle (no text) --> |
|
<label class="switch" title="Toggle theme"> |
|
<input type="checkbox" id="themeToggle" aria-label="Toggle theme" /> |
|
<span class="slider"></span> |
|
</label> |
|
</div> |
|
</header> |
|
|
|
<div class="card"> |
|
<!-- app.js renders everything inside here --> |
|
<div id="root"></div> |
|
</div> |
|
</div> |
|
|
|
<script src="/app.js" defer></script> |
|
</body> |
|
</html>
|
|
|