Display sub-title

resources/css/article-list.css

@@ -38,6 +38,10 @@ .article-list {
                 flex-grow: 1;
                 align-content: center;
                 margin: .5rem;
+
+                small {
+                    display: block;
+                }
             }
 
             &:hover {

resources/css/article-main.css

@@ -13,6 +13,11 @@ #article-main {
             color: #fff;
             line-height: 125%;
             padding: 0 1em;
+
+            small {
+                display: block;
+                font-size: 1.5rem;
+            }
         }
 
         small {

resources/views/article-card.blade.php

@@ -10,7 +10,10 @@
 </div>
 @endif
 
-<h2>{!! $bundle->getArticleTitle() !!}</h2>
+<h2>{!! $bundle->getArticleTitle() !!}
+@if (!empty($bundle->metadata()->get('subTitle')))
+<small>{{ $bundle->metadata()->get('subTitle') }}</small>
+@endif</h2>
 <section class="article-card-body">
 @if (!empty($date))
 <p><time datetime="{{ $date->toIso8601String() }}">{{ $date->isoFormat('LL') }}</time></p>

resources/views/article.blade.php

@@ -4,7 +4,10 @@
     <article id="article-main">
         <header>
             @if (empty($bundle->metadata()->get('hide_title')))
-                <h1>{{ $articleTitle }}</h1>
+                <h1>{{ $articleTitle }}
+                @if (!empty($bundle->metadata()->get('subTitle')))
+                    <small>{{ $bundle->metadata()->get('subTitle') }}</small>
+                @endif</h1>
             @endif
 
             @if(!empty($mainLink))