1 files changed, 70 insertions, 0 deletions
diff --git a/public/admin.html b/public/admin.html
new file mode 100644
index 0000000..c722af6
--- /dev/null
+++ b/public/admin.html
@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="dark">
+  <title>pathways · admin</title>
+  <link rel="stylesheet" href="/admin.css?v=2">
+</head>
+<body>
+  <main id="app">
+    <section id="view-setup" hidden>
+      <h1>pathways<span class="dot">.</span> admin</h1>
+      <p class="sub">no admin password is set yet. create one to manage the walk graph and uploads.</p>
+      <form id="setup-form" autocomplete="off">
+        <input type="password" id="setup-pw" minlength="8" required placeholder="password (min 8 chars)">
+        <input type="password" id="setup-pw2" required placeholder="repeat password">
+        <button type="submit">set password</button>
+      </form>
+      <p class="err" id="setup-err"></p>
+    </section>
+
+    <section id="view-login" hidden>
+      <h1>pathways<span class="dot">.</span> admin</h1>
+      <form id="login-form">
+        <input type="password" id="login-pw" required placeholder="password" autocomplete="current-password">
+        <label class="remember"><input type="checkbox" id="login-remember" checked> remember this device</label>
+        <button type="submit">sign in</button>
+      </form>
+      <p class="err" id="login-err"></p>
+    </section>
+
+    <section id="view-dash" hidden>
+      <header class="top">
+        <h1>pathways<span class="dot">.</span> admin</h1>
+        <nav>
+          <button class="tab active" data-tab="status">status</button>
+          <button class="tab" data-tab="graph">walk graph</button>
+          <button id="logout">sign out</button>
+        </nav>
+      </header>
+
+      <section id="tab-status">
+        <div class="cards">
+          <div class="card"><span class="k">photos</span><span class="v" id="st-total">–</span></div>
+          <div class="card"><span class="k">graph built</span><span class="v" id="st-built">–</span></div>
+          <div class="card"><span class="k">built age</span><span class="v" id="st-age">–</span></div>
+          <div class="card"><span class="k">overrides</span><span class="v" id="st-overrides">–</span></div>
+          <div class="card"><span class="k">database</span><span class="v" id="st-db">–</span></div>
+          <div class="card"><span class="k">uptime</span><span class="v" id="st-up">–</span></div>
+        </div>
+        <p class="facets" id="st-facets"></p>
+        <div class="row">
+          <button id="rebuild">rebuild walk graph</button>
+          <button id="reset-graph" class="danger">clear all overrides</button>
+        </div>
+        <p class="err" id="dash-err"></p>
+      </section>
+
+      <section id="tab-graph" hidden>
+        <input type="search" id="gq" placeholder="search photos by title or id…">
+        <div class="results" id="g-results" hidden></div>
+        <div class="graph" id="g-graph" hidden></div>
+      </section>
+    </section>
+  </main>
+  <div id="toast"></div>
+  <script src="/admin.js?v=2"></script>
+</body>
+</html>