From ecf78d2202a0b7389a3cc97aac8481f513461be4 Mon Sep 17 00:00:00 2001
From: Declan Chidlow <accounts@vale.rocks>
Date: Wed, 12 Feb 2025 13:26:43 +0800
Subject: [PATCH] Add headings on Firehose

---
 src/assets/styles/pages/firehose.css | 6 ++++++
 src/pages/firehose.ori               | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/pages/firehose.css b/src/assets/styles/pages/firehose.css
index 3c6bf030..c69cf987 100644
--- a/src/assets/styles/pages/firehose.css
+++ b/src/assets/styles/pages/firehose.css
@@ -9,6 +9,12 @@ article {
 		gap: 2rem;
 		margin-bottom: 1rem;
 
+		h2 {
+			font-size: inherit;
+			line-height: inherit;
+			font-weight: normal;
+		}
+
 		div {
 			display: flex;
 			gap: 1ch;
diff --git a/src/pages/firehose.ori b/src/pages/firehose.ori
index 12d226dd..3f685b75 100644
--- a/src/pages/firehose.ori
+++ b/src/pages/firehose.ori
@@ -17,7 +17,7 @@
 					<header>
 						<div>
 							<span class="icons">article</span>
-							<a href="/posts/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) }</time></a>
+							<h2><a href="/posts/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) }</time></a></h2>
 						</div>
 					</header>
 
@@ -37,7 +37,7 @@
 					<header>
 						<div>
 							<span class="icons">photo_camera</span>
-							<a href="/photography/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) }</time></a>
+							<h2><a href="/photography/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) }</time></a></h2>
 						</div>
 
 						<div class="socials">
@@ -61,7 +61,7 @@
 					<header>
 						<div>
 							<span class="icons">stylus_note</span>
-							<a href="/micros/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) } ${ functions/pretty-time.js(item/pub_time) }</time></a>
+							<h2><a href="/micros/${ basename(key) }"><time datetime="${ item/pub_time }" title="Date of first publication.">${ functions/pretty-date.js(item/pub_time) } ${ functions/pretty-time.js(item/pub_time) }</time></a></h2>
 						</div>
 
 						<div class="socials">