Hand, Some other changes

views/routes/brief/body.gohtml

@@ -1,12 +1,21 @@
-{{- template "_letterhead" .meta -}}
+<div class="flex flex-row w-full border-b pb-2 mb-3">
+	{{- template "_letterhead" .meta -}}
 
-{{ if .prev }}
-	<a href="/brief/{{ .prev.Letter }}" class="stdlink">Vorheriger</a>
-{{ end }}
-{{ if .next }}
-	<a href="/brief/{{ .next.Letter }}" class="stdlink">Nächster</a>
-{{ end }}
 
+	<div class="self-end justify-self-end grow-0 ">
+		{{ if .prev }}
+			<a href="/brief/{{ .prev.Letter }}" class="stdlink"
+				><i class="ri-arrow-left-long-line"></i
+			></a>
+		{{ end }}
+		<span class="mx-1 font-variant-small-caps">LKB</span>
+		{{ if .next }}
+			<a href="/brief/{{ .next.Letter }}" class="stdlink"
+				><i class="ri-arrow-right-long-line"></i
+			></a>
+		{{ end }}
+	</div>
+</div>
 
 <div class="text">
 	{{- Safe (ParseGeneric .text.Content) -}}

views/routes/components/_letterhead.gohtml

@@ -1,7 +1,7 @@
 {{ $model := . }}
 
 
-<div class="flex flex-row">
+<div class="flex flex-row grow">
 	<div class="mr-4 text-6xl">{{ $model.Letter }}</div>
 	<div class="pt-0.5">
 		<div>{{ $model.Earliest.Text -}}</div>

views/routes/components/_letterlist.gohtml

@@ -1,7 +1,7 @@
 {{- $letters := . }}
 
 {{ range $l := $letters -}}
-	<a class="block mb-2" href="/brief/{{ $l.Letter }}">
+	<a class="block mb-4" href="/brief/{{ $l.Letter }}">
 		{{- template "_letterhead" $l -}}
 	</a>
 {{- end -}}

views/transform/site.css

@@ -68,13 +68,12 @@
 	}
 
 	.stdlink {
-		@apply underline decoration-dotted;
+		@apply underline decoration-dotted hover:decoration-solid;
 	}
 
 	nav a[aria-current="page"] {
 		@apply font-bold text-red-500;
 	}
-
 	.text {
 		@apply font-serif max-w-[80ch] relative;
 	}
@@ -109,6 +108,34 @@
 		@apply inline-block w-4;
 	}
 
+	.text .line.tab-2 {
+		@apply inline-block w-8;
+	}
+
+	.text .line.tab-3 {
+		@apply inline-block w-12;
+	}
+
+	.text .line.tab-4 {
+		@apply inline-block w-16;
+	}
+
+	.text .line.tab-5 {
+		@apply inline-block w-20;
+	}
+
+	.text .line.tab-6 {
+		@apply inline-block w-24;
+	}
+
+	.text .line.tab-7 {
+		@apply inline-block w-28;
+	}
+
+	.text .line.tab-8 {
+		@apply inline-block w-32;
+	}
+
 	.text br.index-1 {
 		@apply hidden;
 	}
@@ -176,7 +203,23 @@
 		top: 55%;
 	}
 
-	.text .note {
-		@apply w-full bg-slate-100 italic;
+	.text .note,
+	.text .hand-person,
+	.text .sidenote-note,
+	.text .sidenote-page,
+	.text .sidenote-pos {
+		@apply inline px-2 mr-2 w-full bg-gray-100 font-bold text-gray-700;
+	}
+
+	.text .sidenote-page::before {
+		content: "S. ";
+	}
+
+	.text .sidenote-pos::before {
+		content: "Pos: ";
+	}
+
+	.text .hand {
+		@apply inline text-blue-950;
 	}
 }