quickSnote

2026-09-23 13:36:24 -07:00
parent 35c71a1e6d
commit 04a40840d1
14 changed files with 844 additions and 1 deletions
--- a/browser-extension/options.html
+++ b/browser-extension/options.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <title>quickSnote Options</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      background: #1e1e2e;
+      color: #cdd6f4;
+      max-width: 520px;
+      margin: 3rem auto;
+      padding: 0 1.5rem;
+    }
+    h1 { font-size: 1.5rem; margin-bottom: 1.5rem; color: #cba6f7; }
+    label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.35rem; color: #a6adc8; }
+    input[type="text"] {
+      width: 100%; padding: 0.6rem 0.75rem; border: 1px solid #45475a; border-radius: 6px;
+      background: #313244; color: #cdd6f4; font-size: 0.9rem; box-sizing: border-box;
+    }
+    input[type="text"]:focus { outline: 2px solid #cba6f7; outline-offset: -1px; }
+    .field { margin-bottom: 1.25rem; }
+    .hint { font-size: 0.78rem; color: #6c7086; margin-top: 0.25rem; }
+    #status { margin-top: 1rem; font-size: 0.875rem; color: #a6e3a1; min-height: 1.5rem; }
+  </style>
+</head>
+<body>
+  <h1>quickSnote</h1>
+
+  <div class="field">
+    <label for="serverUrl">snotes server URL</label>
+    <input type="text" id="serverUrl" placeholder="http://snotes.lan:8000" />
+    <div class="hint">The address of your snotes app, including port. Auto-filled from the helper page.</div>
+  </div>
+
+  <div class="field">
+    <button id="save-close" style="padding:0.6rem 1.2rem;background:#cba6f7;color:#1e1e2e;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;margin-top:0.5rem">
+      Save &amp; Close
+    </button>
+  </div>
+
+  <div id="status"></div>
+
+  <script src="options.js"></script>
+</body>
+</html>