Initial implementation of Sahsa Clock

Pygame framebuffer clock for Le Potato (ARM Debian) with aiohttp webhook server. Renders 12-hour clock directly to /dev/fb0 (no X11/Wayland). Supports full-screen message overlays pushed via a browser dashboard or Bearer-token API. Includes first-run setup wizard, session-based dashboard auth, bcrypt password storage, per-IP rate limiting, and systemd service unit. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-02-24 16:22:10 -06:00
commit 0c2392b2b3
13 changed files with 1587 additions and 0 deletions
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Sahsa Clock</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <div class="container">
+
+    <header>
+      <h1>Sahsa Clock</h1>
+      <form method="post" action="/logout">
+        <button type="submit" class="btn-signout">Sign out</button>
+      </form>
+    </header>
+
+    <main>
+
+      <section class="card">
+        <h2>Send Message</h2>
+
+        <div class="field">
+          <label for="msg">Message</label>
+          <textarea
+            id="msg"
+            rows="4"
+            maxlength="300"
+            placeholder="Type a message to display on the screen…"
+          ></textarea>
+          <div class="char-count"><span id="char-num">0</span> / 300</div>
+        </div>
+
+        <div class="field">
+          <label>Duration</label>
+          <div class="duration-grid">
+            <label class="dur-option">
+              <input type="radio" name="duration" value="30">
+              <span>30 sec</span>
+            </label>
+            <label class="dur-option">
+              <input type="radio" name="duration" value="60" checked>
+              <span>1 min</span>
+            </label>
+            <label class="dur-option">
+              <input type="radio" name="duration" value="300">
+              <span>5 min</span>
+            </label>
+            <label class="dur-option">
+              <input type="radio" name="duration" value="0">
+              <span>Until cleared</span>
+            </label>
+          </div>
+        </div>
+
+        <div class="action-row">
+          <button id="send-btn" class="btn btn-primary">Send to Screen</button>
+          <button id="clear-btn" class="btn btn-secondary">Clear Screen</button>
+        </div>
+      </section>
+
+      <section class="status-bar" id="status-bar">
+        <div class="status-dot" id="status-dot"></div>
+        <span id="status-text">Checking…</span>
+      </section>
+
+    </main>
+  </div>
+
+  <script src="/static/app.js"></script>
+</body>
+</html>