45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
 
|
<!doctype html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|||
|
|
<title>Status Panel</title>
|
|||
|
|
<link rel="stylesheet" href="/style.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header class="top">
|
|||
|
|
<div class="brand"><span class="dot" id="hbdot" title="watchdog heartbeat"></span><b>STATUS PANEL</b> <span id="sitename" class="muted"></span></div>
|
|||
|
|
<input id="search" type="search" placeholder="find a key, computer, device, fix or setting" aria-label="search" autocomplete="off">
|
|||
|
|
<div class="topright">
|
|||
|
|
<button class="link" id="legendbtn" title="What the status words mean">?</button>
|
|||
|
|
<button id="editbtn" class="toggle">Editing: off</button>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<div id="legend" class="legend" hidden>
|
|||
|
|
<b>Status words, the same everywhere:</b>
|
|||
|
|
<span><i class="l-ok"></i>OK</span>
|
|||
|
|
<span><i class="l-problem"></i>Problem (with the reason)</span>
|
|||
|
|
<span><i class="l-unknown"></i>Can't see from here – ask at the computer</span>
|
|||
|
|
<span><i class="l-none"></i>Not needed</span>
|
|||
|
|
<span><i class="l-hand"></i>Done by hand (who, when)</span>
|
|||
|
|
</div>
|
|||
|
|
<div id="searchresults" class="searchresults" hidden></div>
|
|||
|
|
<div class="shell">
|
|||
|
|
<nav class="menu" id="menu">
|
|||
|
|
<a href="#overview">Overview</a>
|
|||
|
|
<a href="#keys">Keys</a>
|
|||
|
|
<a href="#computers">Computers</a>
|
|||
|
|
<a href="#logs">Logs</a>
|
|||
|
|
<a href="#history">History</a>
|
|||
|
|
<a href="#help">Help</a>
|
|||
|
|
<div class="divider">Set up once</div>
|
|||
|
|
<a href="#site">Site setup</a>
|
|||
|
|
<a href="#fixes">Fixes</a>
|
|||
|
|
</nav>
|
|||
|
|
<main id="main"><p class="muted">Loading…</p></main>
|
|||
|
|
</div>
|
|||
|
|
<div id="dialog" class="dialog" hidden></div>
|
|||
|
|
<script src="/app.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|