Add notes page

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-31 20:40:53 +00:00
parent d168287636
commit 090f5943c3
2 changed files with 65 additions and 0 deletions
--- a/static/notes.html
+++ b/static/notes.html
@@ -0,0 +1,61 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Notes</title>
+    <link rel="icon" href="/static/favicon.png" type="image/png" />
+    <link rel="stylesheet" href="https://unpkg.com/xp.css" integrity="sha384-isKk8ZXKlU28/m3uIrnyTfuPaamQIF4ONLeGSfsWGEe3qBvaeLU5wkS4J7cTIwxI" crossorigin="anonymous" />
+    <link rel="stylesheet" href="/static/style.css" />
+    <style>
+      .notes-content {
+        line-height: 1.6;
+      }
+      .notes-content h2 {
+        margin-top: 1.5em;
+        margin-bottom: 0.5em;
+        border-bottom: 1px solid #ccc;
+        padding-bottom: 0.25em;
+      }
+      .notes-content h2:first-child {
+        margin-top: 0;
+      }
+      .notes-content p {
+        margin: 0.75em 0;
+      }
+      .notes-content ul, .notes-content ol {
+        margin: 0.75em 0;
+        padding-left: 1.5em;
+      }
+      .notes-content li {
+        margin: 0.25em 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="window" style="max-width: 800px; margin: 20px auto;">
+      <div class="title-bar">
+        <div class="title-bar-text">Notes</div>
+        <div class="title-bar-controls">
+          <button aria-label="Minimize"></button>
+          <button aria-label="Maximize"></button>
+          <button aria-label="Close"></button>
+        </div>
+      </div>
+      <div class="window-body">
+        <p style="margin-bottom: 16px;"><a href="/">← Back to search</a></p>
+
+        <div class="notes-content">
+          <h2>Welcome</h2>
+          <p>This is a space for thoughts, observations, and notes related to this project and beyond.</p>
+
+          <!-- Add your notes below -->
+
+        </div>
+      </div>
+      <div class="status-bar">
+        <p class="status-bar-field">Last updated: January 2026</p>
+      </div>
+    </div>
+  </body>
+</html>