diff --git a/src/_includes/main/content-list.njk b/src/_includes/main/content-list.njk
new file mode 100644
index 00000000..ecc6e68c
--- /dev/null
+++ b/src/_includes/main/content-list.njk
@@ -0,0 +1,22 @@
+---
+layout: main/base
+metadata:
+ type: article
+---
+
+
+ {{ title }}
+ {% if intro %}
+ {{ intro }}
+ {% endif %}
+
+
+
+ {% if toc %}
+ {% include "toc.njk" %}
+ {% endif %}
+
+
+ {{ content | safe }}
+
+
\ No newline at end of file
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 23d449a4..43112af6 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -261,6 +261,7 @@ main {
.main__header,
.article,
+.content-list,
.left-sidebar,
.right-sidebar {
padding: 1.5rem clamp(1rem, 5%, 3rem);
@@ -271,6 +272,7 @@ main {
}
.article,
+.content-list,
.left-sidebar,
.right-sidebar {
background-color: var(--clr-content-bg);
@@ -302,7 +304,8 @@ main {
grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem);
}
- .article {
+ .article,
+ .content-list {
grid-area: article;
}
diff --git a/src/pages/articles.njk b/src/pages/articles.njk
index 5cf4dc24..9cff230e 100644
--- a/src/pages/articles.njk
+++ b/src/pages/articles.njk
@@ -1,5 +1,5 @@
---
-layout: main/base
+layout: main/content-list
title: Articles
metadata:
desc: List of articles published on my website.
@@ -7,42 +7,36 @@ metadata:
date: 2023-01-04
---
-
-
+
+ My Articles
+ Articles I have written.
+
+ {% for article in collections["my articles"] %}
+ -
+
+
+
+ {% endfor %}
+
+
-
- My Articles
- Articles I have written.
-
- {% for article in collections["my articles"] %}
- -
-
-
-
- {% endfor %}
-
-
+
+ My Articles for Video Games with Their Own Pages
+
+ - My Cassette Beasts shrine Articles page
+ - My Star Wars: Knights of the Old Republic shrine Articles page
+
+
-
- My Articles for Video Games with Their Own Pages
-
- - My Cassette Beasts shrine Articles page
- - My Star Wars: Knights of the Old Republic shrine Articles page
-
-
-
-
- Featured Articles
- Articles featuring other people's interview with me.
-
- {% for article in collections["featured articles"] %}
- -
-
-
-
- {% endfor %}
-
-
-
+
+ Featured Articles
+ Articles featuring other people's interview with me.
+
+ {% for article in collections["featured articles"] %}
+ -
+
+
+
+ {% endfor %}
+
+