lesekabinett pdfs & literaturangaben

import/Lesekabinett/beschreibungen.txt

@@ -0,0 +1,39 @@
+Joseph Franz von Ratschky: Vorbericht. in: Wiener Musenalmanach. 1779, S. 3-6.
+ratschky_in_wiener_1779.pdf
+
+Gottfried August Bürger: Nothgedrungene Nachrede. in: Göttinger Musenalmanach. 1782, S. 184-192.
+buerger_in_goettinger_1782.pdf
+
+Christian Cay Lorenz Hirschfeld: An die Leser. in: Gartenkalender. 1783, S. 272.
+hirschfeld_in_gartenkalender_1783.pdf
+
+Johann Heinrich Voß: Ankündigung. in: Hamburger Musenalmanach. 1784, S. 222ff.
+voss_in_hamburger_1784.pdf
+
+Gotthold Friedrich Stäudlin: Nachrede. in: Schwäbischer Musenalmanach. 1786 [o. S.].
+staeudlin_in_schwaebischer_1786.pdf
+
+Gottfried August Bürger: Fürbitte eines ans peinliche Kreuz der Verlegenheit genagelten Herausgebers eines Musenalmanachs. in: Göttinger Musenalmanach. 1789, S. 104.
+buerger_in_goettinger_1789.pdf
+
+Anonymus: Die deutschen Almanache. in: Bibliothek der redenden und bildenden Künste. Zweyten Bandes erstes Stück. Leipzig, in der Dyckischen Buchhandlung, 1806, S. 207-217.
+anonymus.pdf
+
+Stephan Schütze: Die Neujahrsversammlung. Ein dramatischer Prolog. in: Taschenbuch der Liebe und Freundschaft gewidmet. 1813, S. 1-20.
+schuetze_in_taschenbuch_1813.pdf
+
+N. B. E.: Die deutschen Taschenbücher für 1820. in: Hermes oder kritisches Jahrbuch der Literatur. Zweites Stück für das Jahr 1820. Amsterdam, in der Verlags-Expedition des Hermes, S. 191-235.
+nbe_in_hermes_1820.pdf
+
+Ferdinand Johannes Wit: Die Almanachomanie. in: Politisches Taschenbuch. 1831, S. 102-111.
+wit_in_politaschenbuch_1831.pdf
+
+August Wilhelm Schlegel: Recept. in: Deutscher Musenalmanach (Chamisso, Schwab, Gaudy). 1836, S. 18.
+schlegel_in_deutscher_1836.pdf
+
+Robert Eduard Prutz: Die Musenalmanache und Taschenbücher in Deutschland. in: Neue Schriften. Zur deutschen Literatur- und Kulturgeschichte. Erster Band, Halle, G. Schwetschke'scher Verlag, 1854, S. 105-165.
+prutz_in_musenalmanache.pdf
+
+Anonymus: Woher das Wort Almanach komme. in: Neues Wochenblatt zum Nuzzen und zur Unterhaltung für Kinder und junge Leute. Erstes Bändchen, erstes Stück, Leipzig, in der Sommerschen Buchhandlung 1794, S. 8f.
+allatroia_anonymus_wochenblatt_1794.pdf
+Allatroia

views/routes/person/body.gohtml

@@ -73,9 +73,9 @@
 </div>
 
 {{- if .result.BResult -}}
-	<div class="container-normal flex flex-col font-serif mt-7 gap-y-6">
-		<h2 class="border-b font-sans flex  flex-row justify-between items-end">
-			<div>
+	<div class="container-normal flex flex-col font-serif mt-7">
+		<h2 class=" font-sans flex  flex-row items-center gap-x-3 mb-6">
+			<div class="-ml-0.5">
 				<i class="ri-book-line"></i>
 				{{ if eq $model.result.LenEntries 1 }}
 					<b>Ein Band</b>
@@ -92,61 +92,94 @@
 			</div>
 
 			{{- if len $model.result.CResult -}}
-				<div class="flex flex-row bg-stone-100 px-2 py-1 items-center">
-					<a class="" href="#almanachcontents"> Zu den Beiträgen</a>
+				<div>&middot;</div>
+				<div class="flex flex-row  py-1 items-center text-base">
+					<i class="ri-arrow-down-double-line mr-1"></i>
+					<a class="" href="#almanachcontents">Beiträge</a>
 					<div
 						class="inline-block mx-2 text-xs bg-slate-800 text-white font-bold px-1.5 py-0.5
 					rounded">
 						{{- $model.result.LenContents -}}
 					</div>
-					<i class="ri-arrow-down-double-line"></i>
 				</div>
 			{{- end -}}
 		</h2>
-		{{ range $id, $r := .result.BResult }}
-			<div class="grow-0 max-w-[48rem]">
-				<div>
-					<span class="font-bold">{{ $r.Title }}</span>
-				</div>
-				{{ if $r.Annotation }}
-					<div class="max-w-[48rem]">
-						<span class="">{{ Safe $r.Annotation }}</span>
+		<div class="flex flex-col gap-y-6 mb-6">
+			{{ range $id, $r := .result.BResult }}
+				<div class="grow-0 max-w-[48rem]">
+					<div>
+						<span class="font-bold">{{ $r.Title }}</span>
+					</div>
+					{{ if $r.Annotation }}
+						<div class="max-w-[48rem]">
+							<span class="">{{ Safe $r.Annotation }}</span>
+						</div>
+					{{ end }}
+					<div class="">
+						{{- $bds := index $model.result.EntriesSeries $r.Id -}}
+						{{ template "personreiherelations" (Arr $r $bds $model.result.Entries true
+							$model.result.EntriesAgents)
+						}}
 					</div>
-				{{ end }}
-				<div class="">
-					{{- $bds := index $model.result.EntriesSeries $r.Id -}}
-					{{ template "personreiherelations" (Arr $r $bds $model.result.Entries true
-						$model.result.EntriesAgents)
-					}}
 				</div>
-			</div>
-		{{ end }}
+			{{ end }}
+		</div>
 	</div>
 {{ end }}
 
 {{- if len $model.result.CResult -}}
-	<div class="container-normal mt-16 pt-0" id="almanachcontents">
-		<div class="font-sans border-b">
-			<i class="ri-article-line"></i>
-			{{ if eq $model.result.LenContents 1 }}
-				<b>Ein Beitrag</b>
-			{{- else }}
-				<b>{{- $model.result.LenContents }}</b>
-				Beiträge
-			{{- end }}
-			in
-			{{- if eq (len $model.result.CResult) 1 }}
-				<b>einem Band</b>
-			{{- else }}
-				<b>{{ len $model.result.CResult }}</b> Bänden
-			{{- end }}
+	<div class="container-normal mt-12 pt-0" id="almanachcontents">
+		<div class="font-sans flex flex-row gap-x-3 mb-8">
+			<div>
+				<i class="ri-article-line"></i>
+				{{ if eq $model.result.LenContents 1 }}
+					<b>Ein Beitrag</b>
+				{{- else }}
+					<b>{{- $model.result.LenContents }}</b>
+					Beiträge
+				{{- end }}
+				in
+				{{- if eq (len $model.result.CResult) 1 }}
+					<b>einem Band</b>
+				{{- else }}
+					<b>{{ len $model.result.CResult }}</b> Bänden
+				{{- end }}
+			</div>
+			<div>&middot;</div>
+			<div>
+				<input type="checkbox" id="showall" autocomplete="off" />
+				<label for="showall" class="cursor-pointer select-none ml-1">Alle anzeigen</label>
+				<script type="module">
+					const tablist = document.getElementById("entries-tabs");
+					const checkbox = document.getElementById("showall");
+					{{- if eq (len $model.result.CResult) 1 -}}
+						if (checkbox) {
+							if (tablist) {
+								tablist.showAll();
+							}
+							checkbox.checked = true;
+							checkbox.disabled = true;
+						}
+					{{- else -}}
+					if (tablist && checkbox) {
+						checkbox.addEventListener("change", () => {
+							if (checkbox && checkbox.checked) {
+								tablist.showAll();
+							} else {
+								tablist.default();
+							}
+						});
+					}
+					{{- end -}}
+				</script>
+			</div>
 		</div>
 		<div class="mt-8">
-			<tab-list>
+			<tab-list id="entries-tabs">
 				{{- range $_, $e := $model.result.CResult -}}
 					{{- $contents := index $model.result.Contents $e.Id -}}
 					<div
-						class="font-serif flex flex-row justify-between hover:text-slate-800 text-stone-600
+						class="font-serif flex flex-row justify-between hover:text-slate-900 text-stone-600
 						font-bold border-b pb-0.5 mb-2 tab-list-head items-end">
 						<div>
 							{{ $e.PreferredTitle }}

views/routes/reihen/components/hero.gohtml

@@ -1,6 +1,6 @@
 {{ $model := . }}
 <div
-	class="bg-[url(/assets/hintergrund.png)] w-full border-t border-b py-8 mt-9 relative"
+	class="bg-[url(/assets/hintergrund.webp)] w-full border-t border-b py-8 mt-9 relative"
 	x-data="{ open: true }"
 	x-show="open">
 	<div class="container-extraoversize flex flex-row gap-x-8">

views/transform/main.js

@@ -180,7 +180,7 @@ class FilterPill extends HTMLElement {
 	render() {
 		this.innerHTML = `
 		<a href="${this.getURL()}" class="!no-underline block text-base" hx-target="#searchresults" hx-select="#searchresults" hx-swap="outerHTML show:window:top">
-			<div class="flex flex-row filter-pill rounded-lg bg-orange-100 hover:-saturate-100 px-2.5 mt-2">
+			<div class="flex flex-row filter-pill rounded-lg bg-orange-100 hover:saturate-50 px-2.5 mt-2">
 			<div href="${this.getURL()}" class="filter-pill-close no-underline font-bold mr-1 text-orange-900 hover:text-orange-800">
 				<i class="ri-close-circle-line"></i>
 			</div>
@@ -799,6 +799,7 @@ class Tablist extends HTMLElement {
 
 	constructor() {
 		super();
+		this._showall = false;
 		this.shown = -1;
 		this._headings = [];
 		this._contents = [];
@@ -807,15 +808,7 @@ class Tablist extends HTMLElement {
 	connectedCallback() {
 		this._headings = Array.from(this.querySelectorAll(".tab-list-head"));
 		this._contents = Array.from(this.querySelectorAll(".tab-list-panel"));
-		for (let heading of this._headings) {
-			heading.addEventListener("click", this.handleTabClick.bind(this));
-			heading.classList.add("cursor-pointer");
-			heading.classList.add("select-none");
-			heading.setAttribute("role", "button");
-			heading.setAttribute("aria-pressed", "false");
-			heading.setAttribute("tabindex", "0");
-		}
-
+		this.hookupEvtHandlers();
 		this.hideDependent();
 
 		if (this._headings.length === 1) {
@@ -841,6 +834,73 @@ class Tablist extends HTMLElement {
 		});
 	}
 
+	hookupEvtHandlers() {
+		for (let heading of this._headings) {
+			heading.addEventListener("click", this.handleTabClick.bind(this));
+			heading.classList.add("cursor-pointer");
+			heading.classList.add("select-none");
+			heading.setAttribute("role", "button");
+			heading.setAttribute("aria-pressed", "false");
+			heading.setAttribute("tabindex", "0");
+		}
+
+		for (let content of this._contents) {
+			content.classList.add("hidden");
+		}
+	}
+
+	restore() {
+		for (let heading of this._headings) {
+			heading.classList.add("cursor-pointer");
+			heading.classList.add("select-none");
+			heading.setAttribute("role", "button");
+			heading.setAttribute("aria-pressed", "false");
+			heading.setAttribute("tabindex", "0");
+			heading.classList.remove("pointer-events-none");
+			heading.classList.remove("!text-slate-900");
+		}
+
+		for (let content of this._contents) {
+			content.classList.add("hidden");
+		}
+	}
+
+	disable() {
+		for (let heading of this._headings) {
+			heading.classList.remove("cursor-pointer");
+			heading.classList.remove("select-none");
+			heading.removeAttribute("role");
+			heading.removeAttribute("aria-pressed");
+			heading.removeAttribute("tabindex");
+			heading.classList.add("pointer-events-none");
+			heading.classList.add("!text-slate-900");
+		}
+	}
+
+	showAll() {
+		this._showall = true;
+		this.shown = -1;
+		this.disable();
+		this._contents.forEach((content, i) => {
+			content.classList.remove("hidden");
+			let heading = this._headings[i];
+			let showopened = heading.querySelectorAll(".show-opened");
+			for (let e of showopened) {
+				e.classList.add("hidden");
+			}
+			let showclosed = heading.querySelectorAll(".show-closed");
+			for (let e of showclosed) {
+				e.classList.add("hidden");
+			}
+		});
+	}
+
+	default() {
+		this._showall = false;
+		this.restore();
+		this.hideDependent();
+	}
+
 	hideDependent() {
 		if (this.shown < 0) {
 			for (const el of this._headings) {

views/transform/site.css

@@ -485,6 +485,6 @@
 	}
 
 	.tab-list-head[aria-pressed="true"] {
-		@apply !text-slate-800 bg-stone-50;
+		@apply !text-slate-900 bg-stone-50;
 	}
 }