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 --- -
-
-

Articles

-
+
+

My Articles

+

Articles I have written.

+ +
-
-

My Articles

-

Articles I have written.

- -
+
+

My Articles for Video Games with Their Own Pages

+ +
-
-

My Articles for Video Games with Their Own Pages

- -
- -
-

Featured Articles

-

Articles featuring other people's interview with me.

- -
-
+
+

Featured Articles

+

Articles featuring other people's interview with me.

+ +