diff --git a/src/pages/shrines.md b/src/pages/shrines.md
deleted file mode 100644
index 4c6b6393..00000000
--- a/src/pages/shrines.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Shrines
-eleventyNavigation:
-    order: 7
-eleventyComputed:
-    desc: Index of {{ sitemeta.siteAuthor.name }}'s web shrines.
----
-
-A web shrine is a special web page dedicated to a specific topic, often one that the webmaster is interested in and passionate about, to celebrate or share information about their interest.
-
-Here is a list of shrines I have made for my own website.
-
-## [{% cite "A Summer’s End — Hong Kong 1986" %}](./asummersend/)
-
-![Key art of A Summer’s End — Hong Kong 1986](/assets/shrines/asummersend/images/ASE_Key_art_intro.avif){loading="lazy"}
-
-## [{% cite "Star Wars: Knights of the Old Republic" %}](./starwarskotor/)
-
-![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.avif){loading="lazy"}
-
-## [{% cite "Cassette Beasts" %}](./cassettebeasts/)
-
-![Key art of Cassette Beasts](/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif){loading="lazy"}
diff --git a/src/pages/shrines.njk b/src/pages/shrines.njk
new file mode 100644
index 00000000..ea17cb12
--- /dev/null
+++ b/src/pages/shrines.njk
@@ -0,0 +1,23 @@
+---
+title: Shrines
+eleventyNavigation:
+    order: 7
+eleventyComputed:
+    desc: Index of {{ sitemeta.siteAuthor.name }}'s web shrines.
+---
+
+<p>A web shrine is a special web page dedicated to a specific topic, often one that the webmaster is interested in and passionate about, to celebrate or share information about their interest.</p>
+
+<p>Here is a list of shrines I have made for my own website.</p>
+
+<h2><a href="./asummersend/">{% cite "A Summer’s End — Hong Kong 1986" %}</a></h2>
+
+<img src="/assets/shrines/asummersend/images/ASE_Key_art_intro.avif" alt="Key art of A Summer’s End — Hong Kong 1986" loading="lazy">
+
+<h2><a href="./starwarskotor/">{% cite "Star Wars: Knights of the Old Republic" %}</a></h2>
+
+<img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="Key art of the Star Wars: Knights of the Old Republic series" loading="lazy">
+
+<h2><a href="./cassettebeasts/">{% cite "Cassette Beasts" %}</a></h2>
+
+<img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Key art of Cassette Beasts" loading="lazy">
\ No newline at end of file