From 13efa82248130d0b8e54a2278adb14f1dc21bbe5 Mon Sep 17 00:00:00 2001
From: Ethan Gardner <egardner@taunton.com>
Date: Mon, 9 Jan 2023 14:49:34 -0500
Subject: [PATCH] style collection title

---
 index.njk                     | 2 +-
 src/css/app.css               | 1 +
 src/css/layout/collection.css | 4 ++++
 tags.njk                      | 2 +-
 4 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/css/layout/collection.css

diff --git a/index.njk b/index.njk
index d0ece5f..928fa97 100644
--- a/index.njk
+++ b/index.njk
@@ -3,7 +3,7 @@ layout: layouts/base.njk
 title: Recent Articles
 ---
 <div class="content">
-  <h1>{{ title }}</h1>
+  <h1 class="collection-title">{{ title }}</h1>
   <ol reversed class="postlist list-reset">
     {% for article in collections.articles | reverse %}
       <li class="postlist-item{% if article.url == url %} postlist-item-active{% endif %}">
diff --git a/src/css/app.css b/src/css/app.css
index 899ea16..d59887c 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -4,6 +4,7 @@
 @import 'utilities/helpers.css';
 @import 'layout/header.css';
 @import 'layout/article.css';
+@import 'layout/collection.css';
 @import 'components/postlist.css';
 @import 'components/meta.css';
 @import 'components/icons.css';
diff --git a/src/css/layout/collection.css b/src/css/layout/collection.css
new file mode 100644
index 0000000..810a7c6
--- /dev/null
+++ b/src/css/layout/collection.css
@@ -0,0 +1,4 @@
+.collection-title {
+  font-size: var(--size-4);
+  text-transform: uppercase;
+}
diff --git a/tags.njk b/tags.njk
index 9686a89..0a262a7 100644
--- a/tags.njk
+++ b/tags.njk
@@ -14,7 +14,7 @@ eleventyComputed:
   title: Tagged “{{ tag }}”
 permalink: /tags/{{ tag | slugify }}/
 ---
-<h1>Tagged “{{ tag }}”</h1>
+<h1 class="collection-title">Tagged “{{ tag }}”</h1>
 
 {% set postslist = collections[ tag ] %}
 {% include "articleslist.njk" %}