Initial LinkLog implementation

2026-08-24 14:30:30 +02:00
commit 1c827956c4
50 changed files with 3436 additions and 0 deletions
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>LinkLog Feed</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/static/style.css" />
+  </head>
+  <body data-user-filter="{{ user_filter or '' }}">
+    <header class="site-header">
+      <div class="container">
+        <div class="header-row">
+          <div>
+            <h1>LinkLog</h1>
+            <p>Public link feed</p>
+          </div>
+          <a class="login-button" href="/login">Sign in</a>
+        </div>
+      </div>
+    </header>
+
+    <main class="container">
+      {% if profile %}
+      <section class="link-item profile-summary">
+        <div class="link-header">
+          <div class="avatar">{{ profile.username[:1].upper() }}</div>
+          <div class="user-name">{{ profile.username }}</div>
+        </div>
+        <p>{{ profile.bio or 'No profile information provided.' }}</p>
+      </section>
+      {% endif %}
+      <section class="toolbar">
+        <label>
+          Sort
+          <select id="sort-select">
+            <option value="newest">Newest first</option>
+            <option value="oldest">Oldest first</option>
+          </select>
+        </label>
+        <label>
+          User filter
+          <input id="user-filter" type="text" placeholder="alice" />
+        </label>
+      </section>
+
+      <section id="feed" class="feed" aria-live="polite"></section>
+    </main>
+
+    <script src="/static/feed.js"></script>
+  </body>
+</html>