Add headings on Firehose

DeclanChidlow · Feb 12, 2025 · ecf78d2 · ecf78d2
1 parent 1bec8a1
commit ecf78d2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git 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
@@ -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">