drone build Sat Sep 19 17:41:04 PDT 2026

gallery/index.html

@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1640,6 +1651,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/gallery/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>