content: add style for blockquote

The blockquote now have left border with different color than main body.

While at it, reformat the style using prettier.

1 files changed, 117 insertions, 87 deletions

diff --git a/_content/index.css b/_content/index.css
index ef36aed..4310943 100644
--- a/_content/index.css
+++ b/_content/index.css
@@ -1,121 +1,145 @@
 @font-face {
-    font-family: 'Go';
-    src: local('Go Regular'), local('GoRegular'),
-        url('/assets/fonts/go/GoRegular.woff2') format('woff2'),
-        url('/assets/fonts/go/GoRegular.woff') format('woff'),
-        url('/assets/fonts/go/GoRegular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "Go";
+  src:
+    local("Go Regular"),
+    local("GoRegular"),
+    url("/assets/fonts/go/GoRegular.woff2") format("woff2"),
+    url("/assets/fonts/go/GoRegular.woff") format("woff"),
+    url("/assets/fonts/go/GoRegular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Go';
-    src: local('Go Bold'), local('Go-Bold'),
-        url('/assets/fonts/go/Go-Bold.woff2') format('woff2'),
-        url('/assets/fonts/go/Go-Bold.woff') format('woff'),
-        url('/assets/fonts/go/Go-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+  font-family: "Go";
+  src:
+    local("Go Bold"),
+    local("Go-Bold"),
+    url("/assets/fonts/go/Go-Bold.woff2") format("woff2"),
+    url("/assets/fonts/go/Go-Bold.woff") format("woff"),
+    url("/assets/fonts/go/Go-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Go';
-    src: local('Go Italic'), local('Go-Italic'),
-        url('/assets/fonts/go/Go-Italic.woff2') format('woff2'),
-        url('/assets/fonts/go/Go-Italic.woff') format('woff'),
-        url('/assets/fonts/go/Go-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+  font-family: "Go";
+  src:
+    local("Go Italic"),
+    local("Go-Italic"),
+    url("/assets/fonts/go/Go-Italic.woff2") format("woff2"),
+    url("/assets/fonts/go/Go-Italic.woff") format("woff"),
+    url("/assets/fonts/go/Go-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go';
-    src: local('Go Bold Italic'), local('Go-BoldItalic'),
-        url('/assets/fonts/go/Go-BoldItalic.woff2') format('woff2'),
-        url('/assets/fonts/go/Go-BoldItalic.woff') format('woff'),
-        url('/assets/fonts/go/Go-BoldItalic.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
+  font-family: "Go";
+  src:
+    local("Go Bold Italic"),
+    local("Go-BoldItalic"),
+    url("/assets/fonts/go/Go-BoldItalic.woff2") format("woff2"),
+    url("/assets/fonts/go/Go-BoldItalic.woff") format("woff"),
+    url("/assets/fonts/go/Go-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go';
-    src: local('Go Medium'), local('GoMedium'),
-        url('/assets/fonts/go/GoMedium.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMedium.woff') format('woff'),
-        url('/assets/fonts/go/GoMedium.ttf') format('truetype');
-    font-weight: 500;
-    font-style: normal;
+  font-family: "Go";
+  src:
+    local("Go Medium"),
+    local("GoMedium"),
+    url("/assets/fonts/go/GoMedium.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMedium.woff") format("woff"),
+    url("/assets/fonts/go/GoMedium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Go';
-    src: local('Go Medium Italic'), local('GoMedium-Italic'),
-        url('/assets/fonts/go/GoMedium-Italic.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMedium-Italic.woff') format('woff'),
-        url('/assets/fonts/go/GoMedium-Italic.ttf') format('truetype');
-    font-weight: 500;
-    font-style: italic;
+  font-family: "Go";
+  src:
+    local("Go Medium Italic"),
+    local("GoMedium-Italic"),
+    url("/assets/fonts/go/GoMedium-Italic.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMedium-Italic.woff") format("woff"),
+    url("/assets/fonts/go/GoMedium-Italic.ttf") format("truetype");
+  font-weight: 500;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go Mono';
-    src: local('Go Mono'), local('GoMono'),
-        url('/assets/fonts/go/GoMono.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMono.woff') format('woff'),
-        url('/assets/fonts/go/GoMono.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono"),
+    local("GoMono"),
+    url("/assets/fonts/go/GoMono.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMono.woff") format("woff"),
+    url("/assets/fonts/go/GoMono.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Go Mono';
-    src: local('Go Mono Bold Italic'), local('GoMono-BoldItalic'),
-        url('/assets/fonts/go/GoMono-BoldItalic.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMono-BoldItalic.woff') format('woff'),
-        url('/assets/fonts/go/GoMono-BoldItalic.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Bold Italic"),
+    local("GoMono-BoldItalic"),
+    url("/assets/fonts/go/GoMono-BoldItalic.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMono-BoldItalic.woff") format("woff"),
+    url("/assets/fonts/go/GoMono-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go Mono';
-    src: local('Go Mono Italic'), local('GoMono-Italic'),
-        url('/assets/fonts/go/GoMono-Italic.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMono-Italic.woff') format('woff'),
-        url('/assets/fonts/go/GoMono-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Italic"),
+    local("GoMono-Italic"),
+    url("/assets/fonts/go/GoMono-Italic.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMono-Italic.woff") format("woff"),
+    url("/assets/fonts/go/GoMono-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go Mono';
-    src: local('Go Mono Bold'), local('GoMono-Bold'),
-        url('/assets/fonts/go/GoMono-Bold.woff2') format('woff2'),
-        url('/assets/fonts/go/GoMono-Bold.woff') format('woff'),
-        url('/assets/fonts/go/GoMono-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Bold"),
+    local("GoMono-Bold"),
+    url("/assets/fonts/go/GoMono-Bold.woff2") format("woff2"),
+    url("/assets/fonts/go/GoMono-Bold.woff") format("woff"),
+    url("/assets/fonts/go/GoMono-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Go Smallcaps';
-    src: local('Go Smallcaps Italic'), local('GoSmallcaps-Italic'),
-        url('/assets/fonts/go/GoSmallcaps-Italic.woff2') format('woff2'),
-        url('/assets/fonts/go/GoSmallcaps-Italic.woff') format('woff'),
-        url('/assets/fonts/go/GoSmallcaps-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+  font-family: "Go Smallcaps";
+  src:
+    local("Go Smallcaps Italic"),
+    local("GoSmallcaps-Italic"),
+    url("/assets/fonts/go/GoSmallcaps-Italic.woff2") format("woff2"),
+    url("/assets/fonts/go/GoSmallcaps-Italic.woff") format("woff"),
+    url("/assets/fonts/go/GoSmallcaps-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Go Smallcaps';
-    src: local('Go Smallcaps'), local('GoSmallcaps'),
-        url('/assets/fonts/go/GoSmallcaps.woff2') format('woff2'),
-        url('/assets/fonts/go/GoSmallcaps.woff') format('woff'),
-        url('/assets/fonts/go/GoSmallcaps.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "Go Smallcaps";
+  src:
+    local("Go Smallcaps"),
+    local("GoSmallcaps"),
+    url("/assets/fonts/go/GoSmallcaps.woff2") format("woff2"),
+    url("/assets/fonts/go/GoSmallcaps.woff") format("woff"),
+    url("/assets/fonts/go/GoSmallcaps.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
 }
 
 body {
@@ -127,7 +151,7 @@ body {
 }
 
 code {
-  font-family: 'Go Mono', monospace;
+  font-family: "Go Mono", monospace;
 }
 
 div {
@@ -139,6 +163,12 @@ a {
   text-decoration: none;
 }
 
+blockquote {
+  border-left: solid 4px darkgray;
+  padding-left: 1em;
+  color: darkgreen;
+}
+
 h1 {
   font-size: 28px;
   border-bottom: 1px solid grey;
@@ -186,7 +216,7 @@ pre {
   border: 1px solid #ccc;
   display: block;
   font-size: 16px;
-  font-family: 'Go Mono', monospace;
+  font-family: "Go Mono", monospace;
   margin: 0 0 10px 20px;
   overflow: auto;
   padding: 9.5px;
@@ -226,7 +256,7 @@ img.background {
 .topbar-info {
   font-size: 12px;
   font-weight: normal;
-  font-family: 'Go Mono', monospace;
+  font-family: "Go Mono", monospace;
 }
 
 .topbar-right {