Add subtitle to posts

content/posts/google-ctf/2021/beginners-quest/1.md

@@ -1,8 +1,10 @@
 +++
 author = "Maik de Kruif"
-title = "Beginners Quest 1 - Google CTF"
+title = "Novosibirsk Chemical plant"
+subtitle = "Beginners Quest 1 - Google CTF"
 date = 2021-09-22T14:26:25+01:00
 description = "A writeup for challenge 1 of the beginners quests of the Google CTF."
+cover = "img/google-ctf/2021/beginners-quest/1/cover.png"
 tags = [
     "Google CTF",
     "Beginners Quest",

themes/maik-blog/assets/scss/_post.scss

@@ -31,6 +31,19 @@
     }
   }
 
+  &-subtitle {
+    font-size: 1.9rem;
+    margin: -15px 0 20px;
+
+    @media #{$media-size-phone} {
+      font-size: 1.6rem;
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+
   &-tags {
     display: block;
     margin-bottom: 20px;

themes/maik-blog/assets/scss/_posts.scss

@@ -40,10 +40,16 @@
 
   .post {
     &-title {
-      font-size: 1rem;
+      font-size: 1.9rem;
       margin: 5px 0 5px 0;
     }
 
+    &-subtitle {
+      font-size: 1.2rem;
+      margin: 5px 0 10px 0;
+      font-weight: 600;
+    }
+
     &-year {
       padding-top: 6px;
       margin-right: 1.8em;

themes/maik-blog/layouts/_default/list.html

@@ -16,6 +16,9 @@
         {{ range $paginator.Pages }}
         <div class="post">
             <h2 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
+            {{- with .Params.Subtitle }}
+            <p class="post-subtitle">{{ . | markdownify }}</p>
+            {{- end }}
             <div class="post-meta">
                 {{- if .Date }}
                 <span class="post-date">

themes/maik-blog/layouts/posts/single.html

@@ -24,6 +24,9 @@
     <h1 class="post-title">
       <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
     </h1>
+    {{- with .Params.Subtitle }}
+    <p class="post-subtitle">{{ . | markdownify }}</p>
+    {{- end }}
 
     {{- if .Params.toc }}
     <hr />