alters title style to satisfy Nathan's aversion to gross font combinations

assets/scss/main.scss

@@ -39,6 +39,28 @@ body {
   margin-left: -1rem;
 }
 
+.article-title {
+  &--single {
+    .article-title__narrator {
+      @apply mb-2 block font-light;
+    }
+    .article-title__subject {
+      font-size: 1.5em;
+    }
+  }
+
+  &--list {
+    .article-title__narrator {
+      &::after {
+        content: ":";
+      }
+    }
+    .article-title__subject {
+      @apply font-light;
+    }
+  }
+}
+
 // Narrator Image Component
 .narrator {
   &__container {

layouts/_default/single.html

@@ -3,7 +3,7 @@
       <header class="mb-4">{{ partial "article-wompum.html" . }}</header>
 
       <div class="prose lg:prose-xl p-4 mx-auto">
-        <p class="font-bold text-4xl">{{ .Title }}</p>
+        <p class="font-bold text-6xl">{{ .Title }}</p>
         {{ .Content }}
         
         {{/* Check for additional partials to include */}}

layouts/articles/single.html

@@ -35,7 +35,7 @@
           {{ end }}
         </aside>
         <div class="prose lg:prose-xl lg:w-2/3 p-4">
-          <p class="font-bold text-4xl">{{ partial "article-title" . }}</p>
+          <p class="font-bold text-4xl article-title article-title--single">{{ partial "article-title" . }}</p>
           {{ .Content }}
         </div>
       </div>

layouts/partials/article-list.html

@@ -12,7 +12,7 @@
     <p>{{ $page.Date.Format "2006" }}</p>
   </time>
   <div class="w-3/5 flex-shrink-0">
-    <a class="text-2xl font-bold hover:text-green-900 underline" href="{{ $page.RelPermalink }}">{{ partial "article-title" $page }}</a>
+    <a class="article-title article-title--list text-2xl font-bold hover:text-green-900 underline" href="{{ $page.RelPermalink }}">{{ partial "article-title" $page }}</a>
     {{ if $page.Params.location }}
     <p class="text-gray-800 italic">{{ $page.Params.location }}</p>
     {{ end }}

layouts/partials/article-title.html

@@ -1,3 +1,3 @@
 {{- if and .Params.narrator .Params.subject -}}
-    <span class="artile__title-narrator font-iosevka">{{- .Params.narrator }}</span>: <span class="artile__title-subject">{{ .Params.subject -}}</span>
+    <span class="article-title__narrator">{{- .Params.narrator }}</span> <span class="article-title__subject">{{ .Params.subject -}}</span>
 {{- end -}}