47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<!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="/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="/css/app.css"/>
|
||
<script src="/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="/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>
|