woah what

2025-12-16 17:34:56 +07:00
parent ed38899362
commit 73278074c5
9 changed files with 98 additions and 10 deletions
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>wakey • home</title>
+    <link rel="stylesheet" href="home_2/styles.css" />
+    <script type="module" src="home_2/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrap">
+      <header>
+        <h1>home <span class="muted">ping your device with a WoL</span></h1>
+        <span id="status-pill" class="pill warn">unknown</span>
+      </header>
+
+      <div class="row">
+        <input
+          id="name"
+          type="text"
+          placeholder="target (name, ip, mac...)"
+          spellcheck="false"
+        />
+        <button id="check" class="secondary">Check</button>
+        <button id="wake">Wake</button>
+      </div>
+      <div class="row muted" style="gap: 16px">
+        <span
+          >Uses query
+          <span title="available keys: name, ips, macs, devs, nuds"
+            >(?name=...)</span
+          >
+          on this page to view the status.</span
+        ><span id="preview" class="tiny"></span
+        ><a id="permalink" href="#">permalink</a>
+      </div>
+
+      <section id="out" class="card">
+        <pre id="log">ready.</pre>
+        <div id="html"></div>
+      </section>
+
+      <section id="leases" class="card">
+        <h3 style="margin-top: 0">DHCP leases</h3>
+        <div id="leases_html"></div>
+      </section>
+    </div>
+  </body>
+</html>