Some Styling

views/routes/ausgabe/body.gohtml

@@ -1,31 +1,23 @@
 {{ $model := .model }}
-{{ $date := .model.Datum.When }}
-<div>
-	<a href="/jahrgang/{{- $date.Year -}}">
-		Zum Jahr
-		{{ $date.Year }}
-	</a>
 
-	<div class="flex flex-row gap-x-2">
-		{{ if $model.Prev }}
-			<a href="/{{- $model.Prev.Datum.When.Year -}}/{{- $model.Prev.Number.No -}}">
-				&larr; Zurück
-			</a>
-		{{ end }}
+{{ if $model.Images.HasImages }}
+<div class="flex flex-col lg:flex-row gap-6 w-full min-h-screen mt-8">
+	<!-- Left side: Sticky Inhaltsverzeichnis -->
+	<div class="lg:w-1/3 xl:w-1/4 flex-shrink-0">
+		<div class="lg:sticky lg:top-12 lg:max-h-[calc(100vh-2rem)] lg:overflow-y-auto">
+			{{ template "_title_nav" . }}
+			{{ template "_inhaltsverzeichnis" . }}
+		</div>
+	</div>
 
-		{{ if $model.Next }}
-			<a href="/{{- $model.Next.Datum.When.Year -}}/{{- $model.Next.Number.No -}}">
-				Weiter &rarr;
-			</a>
-		{{ end }}
+	<!-- Right side: Newspaper pages -->
+	<div class="lg:w-2/3 xl:w-3/4 flex-1">
+		{{ template "_newspaper_layout" . }}
 	</div>
 </div>
-
-<div>
-	<div class="py-3 text-xl">
-		<div>{{ $date.Year }}</div>
-		<div>Stück {{ $model.Number.No }}</div>
-		<div>{{ WeekdayName $date.Weekday }}, {{ $date.Day }}. {{ MonthName $date.Month }}</div>
-	</div>
+{{ else }}
+<div class="max-w-4xl">
+		{{ template "_title_nav" . }}
 	{{ template "_inhaltsverzeichnis" . }}
 </div>
+{{ end }}