marginalien

views/layouts/default/root.gohtml

@@ -44,7 +44,7 @@
 			{{ end }}
 
 
-			<scroll-button></scroll-button>
+			<scroll-button class="print:hidden"></scroll-button>
 
 			{{ block "scripts" . }}
 				<!-- Default scripts... -->

views/transform/site.css

@@ -64,6 +64,12 @@
 		}
 	}
 
+	@media print {
+		html {
+			font-size: 14px;
+		}
+	}
+
 	body {
 		@apply bg-stone-50;
 	}
@@ -79,8 +85,9 @@
 	nav a[aria-current="page"] {
 		@apply font-bold text-red-500;
 	}
+
 	.text {
-		@apply font-serif max-w-[80ch] print:max-w-[60ch] relative;
+		@apply font-serif max-w-[80ch] relative;
 	}
 
 	.text .page,
@@ -89,6 +96,7 @@
 	.text .ul,
 	.text .dul,
 	.text .it,
+	.text .tl,
 	.text .pe,
 	.text .gr,
 	.text .hb,
@@ -97,6 +105,7 @@
 	.text .align,
 	.text .b,
 	.text .i,
+	.text .subst,
 	.text .insertion,
 	.text .del,
 	.text .fn,
@@ -104,6 +113,10 @@
 		@apply inline;
 	}
 
+	.address {
+		@apply contents;
+	}
+
 	.text .b {
 		@apply font-bold;
 	}
@@ -157,7 +170,20 @@
 	}
 
 	.text .page {
-		@apply font-sans text-sm text-gray-500;
+		@apply font-sans text-sm text-gray-500 absolute left-0 ml-[-5%] w-[2%] mt-[0.4rem] leading-[1.2];
+	}
+
+	.text .eanchor-page::before {
+		content: " | ";
+		@apply text-gray-500 font-sans text-sm relative bottom-[0.1rem];
+	}
+
+	/* .text .page + br { */
+	/* 	@apply hidden; */
+	/* } */
+
+	.text .page::before {
+		content: "";
 	}
 
 	.text .page.index-1 {
@@ -180,7 +206,7 @@
 	.tradition,
 	.text,
 	.text * {
-		clear: both;
+		@apply clear-both;
 	}
 
 	.text .align.pos-right {
@@ -197,11 +223,12 @@
 	}
 
 	.text .insertion::before {
+		margin-right: -0.2em;
 		content: "⌞";
 	}
 
 	.text .insertion::after {
-		padding-left: 0.5em;
+		margin-left: -0.2em;
 		content: "⌟";
 	}
 
@@ -227,22 +254,20 @@
 		top: 55%;
 	}
 
-	.text .sidenote {
-		@apply block border-l-4 border-slate-200 pl-2 my-1;
+	.text .note-note {
+		@apply inline text-sm text-gray-500 relative left-[0.1rem] -top-[0.1rem];
 	}
 
-	.text .note,
-	.text .hand-person,
-	.text .sidenote-meta {
-		@apply absolute right-[-45ch] w-[40ch] px-2 mr-2 bg-gray-100 italic text-sm text-gray-700 font-sans;
+	.text .sidenote {
+		@apply border-l-4 border-slate-200 pl-2 my-1;
 	}
 
 	.text .sidenote-page::before {
-		content: "S. ";
+		content: "| S. ";
 	}
 
-	.text .sidenote-pos::before {
-		content: "Pos: ";
+	.text .sidenote-pos {
+		@apply !hidden;
 	}
 
 	.text .hand {