Theme update to monospace font and brown accent color

assets/css/style.css

@@ -9,15 +9,21 @@ body {
   padding: 0;
   box-sizing:border-box;
   background-color: #EFEFEF;
-  background-image: url(/img/winter.png);
+  /* background-image: url(/img/winter.png); */
-  color: #575757;
+  background-color: #fafafa;
+  color: #313131;
   text-align: center;
-  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: 'IBM Plex Mono', sans-serif;
+  font-weight: 300;
   line-height: 1.5;
   font-size: 1rem;
   word-wrap: break-word;
 }
 
+a .fa, a .fas, a .fab {
+  color: #5c3c2e;
+}
+
 a:link {
   color: #575757;
 }
@@ -34,8 +40,14 @@ a:active {
   color: #575757;
 }
 
+
+strong {
+  font-weight: 700;
+}
+
 .title {
-  font-family: 'Comfortaa';
+  font-family: 'IBM Plex Mono', monospace;
+  font-weight: 600;
 }
 
 /*
@@ -52,8 +64,8 @@ a:active {
   font-size: 0.9em;
   padding: 0.25rem;
   color: black;
-  background-color: #f2f2f2;
+  background-color: #fafafa;
-  border-bottom: 1px solid #979797;
+  border-bottom: 1px dashed #5c3c2e;;
   padding-left: 3rem;
 }
 
@@ -242,8 +254,9 @@ mark {
 
 .bloglist-date {
   font-size: 1.75rem;
-  font-style: italic; 
+  font-weight: 600;
-  color: #005c00;
+  font-family: monospace;
+  color: #5c3c2e;
 }
 
 .bloglist {
@@ -326,10 +339,17 @@ main .e-content {
   text-align: left;
 }
 
+.e-content a:hover {
+  box-shadow: inset 1000px 0 0 0 #5c3c2e;
+  color: white;
+}
+
 main .e-content h2 {
   padding-bottom: .3em;
   /* font-size: 1.5em; */
   border-bottom: 1px solid #c9c9c9;
+  border-bottom: 1px solid #5c3c2e;;
+  color: #5c3c2e;
 }
 
 /*
@@ -443,3 +463,73 @@ main .e-content .toot-photos img {
 .pgpbutton {
   font-size: 1rem;
 }
+
+/*
+** Fonts
+*/
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/300-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/400-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/600-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/700-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/300.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/400.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/600.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/700.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

layouts/partials/header.html

@@ -11,15 +11,15 @@
       <h1 class='title'>
         {{ if $headerLink }}
           <a href="{{ $headerLink }}">
-            {{ $headerTitle }}
+            ~/{{ $headerTitle }}
           </a>
         {{ else }}
-          {{ $headerTitle }}
+          ~/{{ $headerTitle }}
         {{ end }}
       </h1>
     {{ end }}
   {{ else }}
-    <h1 class="title">{{ .Title }}</h1>
+    <h1 class="title">~/{{ .Title }}</h1>
   {{ end }}