Add motto and date

assets/style.scss

@@ -6,7 +6,6 @@
 
 * {
 	box-sizing: border-box;
-	font-family: "Noto Sans", sans-serif;
 	margin: 0;
 	padding: 0;
 }
@@ -16,6 +15,7 @@ body {
 	color: $color-text;
 	display: flex;
 	flex-direction: column;
+	font-family: "Noto Sans", sans-serif;
 	margin: 0 auto;
 	min-height: 100vh;
 	max-width: $large;
@@ -60,7 +60,6 @@ header {
 
 		span {
 			color: $color-highlight;
-			font-family: inherit;
 		}
 	}
 
@@ -106,8 +105,15 @@ header {
 main {
 	padding: 1rem;
 
-	.tldr {
-		margin-top: -0.8rem;
+	.upcoming {
+		font-family: "OCR A", "Noto Sans Mono", monospace;
+		font-size: 3em;
+		text-align: center;
+
+		.ueber {
+			background: url(/uber.svg) no-repeat center / 95% 95%;
+			color: transparent;
+		}
 	}
 }
 

layouts/_default/baseof.html

@@ -39,6 +39,7 @@
 			</nav>
 		</header>
 		<main>
+			<p class="upcoming">23.000 Meilen <span class="ueber">über</span> dem Meer<br>20.-&#8203;23.&#8203;7.&#8203;2023</p>
 			{{ block "main" . }}
 			{{ end }}
 		</main>

static/uber.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="55.380753mm"
+   height="16.483541mm"
+   viewBox="0 0 55.380753 16.483541"
+   version="1.1"
+   id="svg983"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs980" />
+  <g
+     id="layer1"
+     transform="translate(-99.823041,-68.266279)">
+    <g
+       id="g978"
+       transform="matrix(0.26458333,0,0,0.26458333,84.745252,18.339405)">
+      <path
+         class="st4"
+         d="m 94.5,245.3 c 0,1.8 0.3,5.7 -3.8,5.7 -3.3,0 -3.8,-2.7 -3.8,-5.4 v -1.3 l -6.2,4.1 c -2.5,1.6 -4.6,2.6 -6.6,2.6 h -5.7 c -2.2,0 -4.6,-0.6 -7.1,-2.8 -3.4,-3 -3.4,-6.2 -3.5,-10.4 L 57,213.7 c -0.1,-2.8 0.3,-5.8 3.8,-5.8 3.3,0 3.7,2.8 3.8,5.3 l 0.8,23.6 c 0.1,1.8 0.2,3.8 0.8,5 0.6,1.2 2.6,1.6 4.5,1.6 h 2.6 c 0.9,0 1.7,-0.2 2.4,-0.7 L 87,235.6 v -22.3 c 0,-2.6 0.6,-5.3 3.8,-5.3 3.2,0 3.8,2.6 3.8,5.3 v 32 z M 69.3,198.7 c 0,2.4 -1,4.9 -4,4.9 -3,0 -4,-2.5 -4,-4.9 v -5 c 0,-2.7 1.1,-5 4,-5 2.9,0 4,2.2 4,5 z m 20.4,0 c 0,2.4 -1,4.9 -4,4.9 -3,0 -4,-2.5 -4,-4.9 v -5 c 0,-2.7 1.1,-5 4,-5 2.9,0 4,2.2 4,5 z"
+         id="path552"
+         style="fill:#ffffff" />
+      <path
+         class="st4"
+         d="m 122.4,213.5 1.4,-1.4 c 2.6,-2.6 4.1,-4.2 7.6,-4.2 h 8.5 c 2,0 3.8,1.1 5.7,2.7 l 2.6,2.2 c 3,2.6 4.2,4.8 4.2,8.9 v 15.4 c 0,4.1 -1.1,6.2 -4.2,8.9 l -2.6,2.2 c -1.8,1.5 -4.1,2.7 -6,2.7 h -7.9 c -3.1,0 -5.3,-1.9 -7.4,-3.9 l -1.8,-1.7 v 0.5 c 0,2.5 -0.8,5.1 -3.8,5.1 -3.3,0 -3.8,-2.7 -3.8,-5.4 v -48.2 c 0,-2.6 0.6,-5.3 3.8,-5.3 3.2,0 3.8,2.6 3.8,5.3 v 16.2 z m 0,19 c 0,2.5 0.3,3.4 2.3,5.1 l 4.4,3.8 c 1,0.8 2.2,1.9 3,1.9 h 5.8 c 1.1,0 1.8,-0.2 2.4,-0.7 l 3.4,-2.8 c 0.9,-0.7 1,-2.6 1,-4.1 v -13.6 c 0,-1.5 -0.4,-2.7 -1,-3.2 l -3.5,-2.7 c -0.5,-0.4 -1,-0.6 -1.8,-0.6 H 133 c -1,0 -2.3,0.6 -3.2,1.4 l -5,4.3 c -1.3,1 -2.3,2.2 -2.3,4.6 v 6.6 z"
+         id="path554"
+         style="fill:#ffffff" />
+      <path
+         class="st4"
+         d="m 185.8,251 c -3.2,0 -4.5,0 -6.9,-2.1 l -3.3,-2.9 c -3,-2.7 -3.9,-4.5 -3.9,-8.6 v -14.8 c 0,-4.1 0.6,-6.5 3.8,-9.2 l 2.7,-2.3 c 3.6,-3.1 5.4,-3.2 8.5,-3.2 h 7 c 3.8,0 5.5,0.4 8.5,2.8 l 3.1,2.5 c 3.5,2.8 4,5.8 4,10 v 6.1 c 0,4.4 -0.7,5.7 -5.3,5.7 h -24.6 v 2.6 c 0,0.7 0.6,1.7 1.1,2.2 l 1.9,2.1 c 1,1.1 2.6,1.4 5.1,1.4 H 204 c 2.6,0 5.3,0.6 5.3,3.8 0,3.4 -3,3.8 -5.3,3.8 h -18.2 z m -6.4,-23.7 h 22.2 v -4.6 c 0,-1.4 0.1,-2.6 -1,-3.6 l -3,-2.6 c -1,-0.9 -2.5,-1 -3.7,-1 h -6.5 c -1.4,0 -2.6,0 -3.9,0.9 l -2.6,1.9 c -1,0.7 -1.6,1.3 -1.6,3.5 v 5.5 z"
+         id="path556"
+         style="fill:#ffffff" />
+      <path
+         class="st4"
+         d="m 228.9,213.6 c 0,-2.8 0.3,-5.7 3.8,-5.7 3,0 3.8,2.6 3.8,5.1 v 3.1 l 6,-5 c 2.2,-1.8 4.4,-3.3 6.8,-3.3 h 6.1 c 3,0 5.4,1 7.5,3 2.6,2.6 3.4,5.2 3.4,8.7 0,2.6 -0.5,5.4 -3.8,5.4 -2.8,0 -3.9,-2.2 -3.9,-4.7 0,-1.3 0,-2.2 -0.8,-3.4 -1,-1.4 -2.8,-1.4 -4.6,-1.4 H 251 c -1.4,0 -2.5,0.7 -3.8,1.8 l -10.7,8.9 v 19.4 c 0,2.6 -0.6,5.3 -3.8,5.3 -3.2,0 -3.8,-2.6 -3.8,-5.3 z"
+         id="path558"
+         style="fill:#ffffff" />
+    </g>
+  </g>
+</svg>