+baende list styling

views/routes/baende/components/_band.gohtml

@@ -0,0 +1,20 @@
+<div class="band-text border-b border-stone-200 py-2">
+    <div class="flex justify-between">
+        <a href="/beitrag/{{ .entry.MusenalmID }}" class="text-lg font-semibold hover:underline">{{ .entry.PreferredTitle }}</a>
+        <div class="text-sm text-stone-600">{{ .entry.Year }}</div>
+    </div>
+    <div class="text-sm text-stone-700">{{ .entry.ResponsibilityStmt }}</div>
+    <div class="text-sm text-stone-700">{{ .entry.PublicationStmt }}</div>
+
+    {{ $rels := index .model.result.EntriesSeries .entry.Id }}
+    {{ if $rels }}
+        <div class="text-sm mt-1">
+            <strong>Reihe:</strong>
+            {{ range $i, $rel := $rels }}
+                {{ if $i }}, {{ end }}
+                {{ $series := index $.model.result.Series $rel.Series }}
+                <a href="/reihe/{{ $series.MusenalmID }}" class="hover:underline">{{ $series.Title }}</a>
+            {{ end }}
+        </div>
+    {{ end }}
+</div>

views/routes/baende/components/alphabet.gohtml

@@ -0,0 +1,9 @@
+<div class="w-full">
+	<div class="flex flex-wrap justify-between font-sans text-sm tracking-wide">
+	{{ range .letters }}
+		<a href="/baende/?letter={{ . }}"
+			class="px-1.5 py-0.5"
+			:class="{ 'bg-stone-300' : '{{ . }}' == '{{ $.letter }}' }">{{ . }}</a>
+	{{ end }}
+	</div>
+</div>

views/routes/baende/components/search.gohtml

@@ -0,0 +1,6 @@
+<div class="mb-4">
+    <form action="/baende/" method="get" class="flex">
+        <input type="text" name="search" value="{{ .search }}" placeholder="Suche..." class="w-full px-2 py-1 border border-stone-300">
+        <button type="submit" class="px-4 py-1 bg-stone-200 border border-stone-300 border-l-0">Suchen</button>
+    </form>
+</div>