Initial commit

2026-07-27 10:20:20 +02:00
commit fbd2fa79cb
40 changed files with 2195 additions and 0 deletions
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>DiscDrop – Artists</title>
+    <link rel="icon" type="image/svg+xml" href="/static/img/favicon.svg"/>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css"/>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/[email protected]"></script>
+    <link rel="stylesheet" href="/static/css/app.css"/>
+    <script src="/static/js/app.js" defer></script>
+</head>
+<body>
+<header class="sticky top-0 z-30 bg-base-100/90 backdrop-blur border-b border-base-300">
+    <div class="navbar flex flex-wrap justify-center gap-4 px-4 py-3 max-w-5xl mx-auto">
+        <div class="flex items-center gap-2">
+            <img src="/static/img/logo.svg" alt="DiscDrop logo" class="h-9 w-9"/>
+            <span class="text-xl font-bold">DiscDrop</span>
+        </div>
+        <div class="flex items-center gap-2">
+            <a href="/" class="btn btn-ghost btn-sm">Feed</a>
+            <button id="theme-switcher" class="btn btn-ghost btn-circle" aria-label="Toggle theme" onclick="DiscDrop.toggleTheme()">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
+            </button>
+        </div>
+    </div>
+</header>
+
+<main class="max-w-5xl mx-auto px-4 py-6 space-y-3">
+    <h1 class="text-2xl font-bold mb-2">Followed Artists</h1>
+    {#if artists.empty}
+    <div class="text-center text-base-content/60 py-12">
+        <p>You're not following any artists yet.</p>
+        <a href="/" class="link">Go to the feed to search and follow artists.</a>
+    </div>
+    {#else}
+    {#for artist in artists}
+    <div hx-get="/artists/{artist.mbid}/row" hx-trigger="revealed" hx-swap="innerHTML">
+        <div class="loading loading-spinner loading-sm"></div>
+    </div>
+    {/for}
+    {/if}
+</main>
+</body>
+</html>