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,71 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>LinkLog Profile</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/static/style.css" />
+  </head>
+  <body>
+    <header class="site-header">
+      <div class="container">
+        <div class="header-row">
+          <h1>Profile</h1>
+          <div class="header-actions">
+            <a id="admin-link" class="login-button hidden" href="/admin">Admin</a>
+            <button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <main class="container">
+      <p class="auth-notice">Sign in at <a href="/login">/login</a> to manage your settings.</p>
+      <section class="link-item settings-panel">
+        <h2>Profile Settings</h2>
+        <form id="profile-form">
+          <label>
+            Username
+            <output id="username" class="readonly-value">Loading...</output>
+          </label>
+          <label>
+            Email
+            <input id="email" name="email" type="email" required />
+          </label>
+          <label>
+            Bio
+            <textarea id="bio" name="bio" rows="4"></textarea>
+          </label>
+          <label>
+            Avatar URL
+            <input id="avatar-url" name="avatar_url" type="url" value="https://example.com/avatar.png" />
+          </label>
+          <button type="submit">Save profile</button>
+          <p id="profile-status" class="status" role="status"></p>
+        </form>
+      </section>
+
+      <section class="link-item settings-panel">
+        <h2>Mastodon</h2>
+        <form id="mastodon-form">
+          <label>
+            Instance
+            <input id="mastodon-instance" name="instance" type="text" value="mastodon.social" placeholder="mastodon.social" />
+          </label>
+          <label>
+            Access token
+            <input id="mastodon-access-token" name="access_token" type="password" autocomplete="off" />
+          </label>
+          <label>
+            Post prefix
+            <input id="mastodon-post-prefix" name="post_prefix" type="text" value="From my #LinkLog: &quot;" />
+          </label>
+          <button type="submit">Save Mastodon settings</button>
+          <p id="mastodon-status" class="status" role="status"></p>
+        </form>
+      </section>
+    </main>
+    <script src="/static/logout.js?v=2"></script>
+    <script src="/static/profile.js?v=2"></script>
+  </body>
+</html>