Initial commit

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-20 03:53:49 +00:00
commit 1c4aaf18b2
17 changed files with 1441 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>readitlater</title>
+
+    <!-- Google Font: Big Shoulders Inline (Light 300) -->
+    <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline:wght@300&display=swap" rel="stylesheet">
+
+    <!-- Tailwind -->
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <!-- HTMX -->
+    <script src="https://unpkg.com/htmx.org@1.9.12"></script>
+  </head>
+  <body class="bg-slate-50 text-slate-900">
+    <header class="bg-white border-b sticky top-0 z-10">
+      <div class="max-w-5xl mx-auto px-4 py-3 flex items-center gap-4">
+        <a
+          class="text-4xl text-red-600"
+          style="font-family: 'Big Shoulders Inline', sans-serif; font-weight: 300;"
+          href="/readitlater/"
+        >
+          Readitlater
+        </a>
+
+        <!-- Search form -->
+        <form action="/readitlater/" method="get" class="ml-auto flex items-center gap-2">
+          <input
+            type="search"
+            name="q"
+            value="{{ q|default('') }}"
+            placeholder="Search titles & full text…"
+            class="border rounded px-3 py-1 w-64"
+          />
+          <button class="px-3 py-1 bg-slate-900 text-white rounded">Search</button>
+        </form>
+
+        <!-- Paste URL form -->
+        <form action="/readitlater/add-url" method="post" class="flex items-center gap-2">
+          <input
+            type="url"
+            name="u"
+            required
+            placeholder="Paste URL…"
+            class="border rounded px-3 py-1 w-64"
+          />
+          <button class="px-3 py-1 bg-blue-600 text-white rounded">Save</button>
+        </form>
+
+        {% if session.get('auth_ok') %}
+          <form action="/readitlater/logout" method="post">
+            <button class="px-3 py-1 text-sm border rounded hover:bg-slate-50">Sign out</button>
+          </form>
+        {% endif %}
+      </div>
+    </header>
+
+    <main class="max-w-5xl mx-auto px-4 py-6">
+      {% block content %}{% endblock %}
+    </main>
+  </body>
+</html>