Lesekabinett & Startseite

views/routes/body.gohtml

@@ -1 +1,53 @@
-Hello from the root remplate!
+{{- $model := . -}}
+<div id="intropageroot">
+	<image-reel class="hidden lg:block max-w-full my-8 mx-12 relative" id="imagecontainer">
+		<div class="overflow-hidden flex flex-row justify-between">
+			{{- range $i, $img := $model.bilder -}}
+				<div class="shrink-0 shadow-lg primages overflow-hidden w-[200px]">
+					<popup-image
+						data-image-url="{{- $img.BildPath -}}"
+						aria-role="button"
+						tabindex="0"
+						data-hide-dl-button="true">
+						<img
+							class="shadow h-full scale-[1.3]"
+							src="{{ $img.VorschauPath }}?thumb=500x0"
+							alt="musen" />
+						<div class="image-description hidden">
+							{{- Safe $img.Beschreibung -}}
+						</div>
+					</popup-image>
+				</div>
+			{{- end -}}
+		</div>
+	</image-reel>
+
+	<div class="w-full min-h-full mt-8">
+		<div class="text-center relative max-w-screen-xl mx-auto" data-="">
+			<img
+				src="/assets/musen.png"
+				class="max-w-[28rem] mx-auto lg:absolute left-2/3 top-2"
+				alt="Bild von aufsteigenden Musen" />
+			<a href="/reihen" class="block no-underline !font-[Spectral] small-caps text-slate-700">
+				<h1 class="text-2xl lg:text-4xl pt-8 lg:!pt-52 !font-[Spectral]">Willkommen auf der</h1>
+				<h1 class="text-4xl lg:text-8xl !font-[Spectral]">Musenalm</h1>
+				<h2 class="text-2xl lg:text-4xl !font-[Spectral]">Bibliographie deutscher Almanache</h2>
+			</a>
+		</div>
+		<div class="mt-8 lg:text-lg font-medium lg:w-9/12 xl:w-7/12 mx-auto px-4 lg:px-0">
+			<div class="lg:flex gap-x-12 starttext font-serif hyphens-auto indented">
+				<div class="lg:w-2/3">
+					{{- Safe $model.texte.Abs1 -}}
+				</div>
+				<div class="lg:mt-36 lg:w-1/3">
+					{{- Safe $model.texte.Abs2 -}}
+				</div>
+			</div>
+			<div class="text-center mt-8 startlinks font-serif text-xl" data-="">
+				<a href="/redaktion/einfuehrung" class="">Einleitung</a>
+				<div class="inline px-1">|</div>
+				<a href="/reihen" class="font-bold">Alle Bände<i class="ri-arrow-right-double-line"></i></a>
+			</div>
+		</div>
+	</div>
+</div>

views/routes/redaktion/lesekabinett/body.gohtml

@@ -0,0 +1,8 @@
+<div class="container-normal relative">
+	<div class="text indented">
+		{{ if .record.Title }}<h1 class="mb-12">{{ .record.Title }}</h1>{{ end }}
+		<div class="text">
+			{{ Safe .record.Text }}
+		</div>
+	</div>
+</div>

views/routes/redaktion/literatur/body.gohtml

@@ -2,10 +2,10 @@
 
 
 <div class="container-normal relative">
-	<div class="text indented">
+	<div class="text ">
 		{{ if .record.Title }}<h1 class="mb-12">{{ .record.Title }}</h1>{{ end }}
-		<div class="flex flex-row gap-x-6 justify-between">
-			<div class="jumptext grow shrink-0">
+		<div class="flex flex-row gap-x-6 justify-between ">
+			<div class="grow shrink-0 text indented">
 				{{ Safe .record.Text }}
 			</div>
 			<div>

views/routes/redaktion/literatur/head.gohtml

@@ -0,0 +1 @@
+<title>{{ .site.title }} &ndash; {{ .record.Title }}</title>

views/routes/reihen/components/hero.gohtml

@@ -10,16 +10,16 @@
 			<div class="px-8">
 				{{ Safe $model.record.Text }}
 				<div class="pt-3">
-					<a href="/edition/einfuehrung">Einführung</i></a>
+					<a href="/redaktion/einfuehrung">Einführung</i></a>
 					<i class="ri-seedling-line px-1.5"></i>
-					<a href="/edition/dokumentation">Dokumentation </a>
+					<a href="/redaktion/dokumentation">Dokumentation </a>
 				</div>
 
 				<div class="mt-4 py-2 px-3 rounded bg-orange-100 border border-orange-200
 				text-orange-950 font-sans font-bold">
 					Bitte beachten Sie, dass es sich hier noch um eine öffentliche Testversion
 					handelt. Über Rückmeldungen und Anregungen freuen wir uns [&rarr; <a
-						href="/edition//kontakt">Kontakt</a>]
+						href="/redaktion//kontakt">Kontakt</a>]
 				</div>
 			</div>
 		</div>

views/routes/suche/beitraege/body.gohtml

@@ -185,7 +185,6 @@
 			{{- else -}}
 				<div class="mt-4">Kein Beitrag gefunden.</div>
 			{{- end -}}
-		</div>
 
 	<script type="module">
 	let elements = document.querySelectorAll('.search-text');
@@ -197,5 +196,6 @@
 			});
 		}, 200);
 	</script>
+		</div>
 	</div>
 {{- end -}}

views/routes/suche/beitraege/pills.gohtml

@@ -5,7 +5,9 @@
 -}}
 
 {{- if $isFiltered -}}
-	<div class="flex flex-row gap-x-3" id="searchpills">
+	<div
+		class="flex flex-row gap-x-3 bg-orange-100 items-center py-1 justify-between"
+		id="searchpills">
 		{{- if $model.filters.Agent -}}
 			<filter-pill
 				data-queryparam="agentfilter"
@@ -28,6 +30,7 @@
 			</filter-pill>
 		{{- end -}}
 		{{- if $model.filters.OnlyScans -}}
+			<div class="grow"></div>
 			<filter-pill
 				data-queryparam="onlyscans"
 				data-value="{{ $model.filters.OnlyScans }}"