Refactor code structure for improved readability and maintainability

assets/sass/add.scss

@@ -9,3 +9,4 @@
 @import "link";
 @import "weeknote";
 @import "share-button";
+@import "typewriter";

assets/sass/typewriter.scss

@@ -0,0 +1,8 @@
+@font-face {
+	font-family: "Typewriter";
+	src: url("/fonts/American Typewriter Regular.ttf");
+}
+
+.typewriter {
+	font-family: "Typewriter", monospace;
+}

layouts/now/list.html

@@ -1,18 +1,19 @@
 {{- define "main" -}}
 <div class="wrapper list-page">
   <header class="header">
-        <h1 class="header-title center">{{ .Title }}</h1>
+    <h1 class="header-title center typewriter">{{ .Title }}</h1>
   </header>
-    <main class="page-content e-content" aria-label="Content">
+  <main class="page-content e-content typewriter" aria-label="Content">
 
     {{.Content}}
     {{/* create a list of posts for each month, with month as heading */}}
 
     {{ range $index, $element := .Pages.ByDate.Reverse }}
 
-
     {{ if (eq $index 0) }}
     {{ $element.Content}}
+    <hr class="p-4">
+
     {{else}}
     {{ partial "postCard" $element }}
     {{ end }}

layouts/now/single.html

@@ -1,16 +1,16 @@
 {{ define "main" }}
 <div class="wrapper post">
   <main class="page-content" aria-label="Content">
-        <article class="h-entry post-entry">
+    <article class="h-entry post-entry ">
       <header class="header">
-            <h1 class="header-title p-name">{{ .Title }} <a href="/now/"><i class="fa-whiteboard fa-semibold fa-backward-step"></i></a></h1>
+        <h1 class="header-title p-name typewriter">{{ .Title }} <a href="/now/"><i class="fa-whiteboard fa-semibold fa-backward-step"></i></a></h1>
 
         <div>
           <a class="u-url" href="{{ .Permalink }}"><div style="display: none;" class="p-summary">{{ .Description }}</div></a>
-              <a rel="author" class="p-author h-card no-underline " href="{{ .Site.BaseURL }}" style="display: none;" >{{ .Site.Params.Author.name }}</a>
+          <a rel="author" class="p-author h-card no-underline " href="{{ .Site.BaseURL }}" style="display: none;">{{ .Site.Params.Author.name }}</a>
         </div>
       </header>
-            <div class="page-content e-content">
+      <div class="page-content e-content typewriter">
         {{ .Content }}
       </div>
       {{- partial "syndication.html" . -}}

resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.json

@@ -1 +1 @@
-{"Target":"add.min.1c9d7693af8759a9b5a45018bdb62663e078677565f40e191c5479ecba6f3520.css","MediaType":"text/css","Data":{"Integrity":"sha256-HJ12k6+HWam1pFAYvbYmY+B4Z3Vl9A4ZHFR57LpvNSA="}}
+{"Target":"add.min.d68b45f55db8f7f9afebda427f0f2a128985ec043a7d7d4163a6ad726238475a.css","MediaType":"text/css","Data":{"Integrity":"sha256-1otF9V249/mv69pCfw8qEomF7AQ6fX1BY6atcmI4R1o="}}