remove static fonts, update posts, clean up layout

2 files changed, 40 insertions, 219 deletions

diff --git a/themes/polaris/assets/css/noto-serif.css b/themes/polaris/assets/css/noto-serif.css
deleted file mode 100644
index f902c5e..0000000
--- a/themes/polaris/assets/css/noto-serif.css
+++ /dev/null
@@ -1,179 +0,0 @@
-/* noto-serif-100 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 100;
-  src: url('../fonts/noto-serif-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-100italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 100;
-  src: url('../fonts/noto-serif-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-200 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 200;
-  src: url('../fonts/noto-serif-v30-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-200italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 200;
-  src: url('../fonts/noto-serif-v30-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-300 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/noto-serif-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-300italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 300;
-  src: url('../fonts/noto-serif-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-regular - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/noto-serif-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 400;
-  src: url('../fonts/noto-serif-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-500 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 500;
-  src: url('../fonts/noto-serif-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-500italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 500;
-  src: url('../fonts/noto-serif-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-600 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 600;
-  src: url('../fonts/noto-serif-v30-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-600italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 600;
-  src: url('../fonts/noto-serif-v30-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-700 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/noto-serif-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-700italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 700;
-  src: url('../fonts/noto-serif-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-800 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 800;
-  src: url('../fonts/noto-serif-v30-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-800italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 800;
-  src: url('../fonts/noto-serif-v30-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-900 - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 900;
-  src: url('../fonts/noto-serif-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-900italic - latin */
-@font-face {
-  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: 'Noto Serif';
-  font-style: italic;
-  font-weight: 900;
-  src: url('../fonts/noto-serif-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
-       url('../fonts/noto-serif-v30-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
diff --git a/themes/polaris/assets/css/style.css b/themes/polaris/assets/css/style.css
index 230e5b8..2ca94ef 100644
--- a/themes/polaris/assets/css/style.css
+++ b/themes/polaris/assets/css/style.css
@@ -7,8 +7,8 @@
   --nav-active-background: #eeeeee;
   --nav-active-foreground: #1a1a1a;
   --hr-background: #8a8a8a;
-  --sans-serif-font: Noto Serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
-  --serif-font: Noto Serif, Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --sans-serif-font: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
+  --serif-font: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   --mono-font: monospace;
 }
 
@@ -19,8 +19,9 @@ body {
   font-family: var(--sans-serif-font);
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--serif-font);
+.content h1, .content h2, .content h3 {
+  padding-bottom: 4px;
+  border-bottom: 1px #555555 solid;
 }
 
 a {
@@ -32,99 +33,99 @@ a:hover {
   text-decoration: underline;
 }
 
-.nav-over, main, footer {
+.header, .content {
   max-width: 1000px;
   margin: 0 auto;
 }
 
 @media only screen and (max-width: 1100px) {
-  .nav-over, main, footer {
+  .header, .content {
     max-width: 800px;
   }
 }
 
 @media only screen and (max-width: 900px) {
-  .nav-over, main, footer {
+  .header, .content {
     max-width: 700px;
   }
 }
 
 @media only screen and (max-width: 750px) {
-  .nav-over, main, footer {
+  .header, .content {
     max-width: none;
   }
 
-  .nav-title, main, footer {
+  .header-top, .content {
     margin: 0 16px;
   }
 
-  .nav-title h2 {
+  .header-title {
     display: block;
   }
 }
 
-.nav-under {
-  background-color: var(--nav-background);
-  padding: 4px 0;
+.header-bottom {
+  height: 4px;
+  background: var(--nav-background);
 }
 
-.nav-title h2 {
+.header-title {
   display: inline-block;
   margin-top: 0;
   margin-bottom: 0;
 }
 
-.nav-title {
+.header-top {
   padding: 16px 0;
 }
 
-.nav-subtext {
+.header-subtext {
   margin-left: 16px;
   color: #999999;
   font-style: italic;
 }
 
-.nav-over ul {
+.header-items {
   list-style-type: none;
   margin: 0;
   padding-left: 0;
   overflow: hidden;
 }
 
-.nav-link {
+.header-item a {
   background-color: var(--nav-background);
   color: var(--nav-foreground);
   display: block;
   padding: 8px 12px;
 }
 
-.link-active {
+.header-item-active a {
   background-color: var(--nav-active-background);
   color: var(--nav-active-foreground);
 }
 
-.link-left {
+.header-item-left {
   float: left;
 }
 
-.link-right {
+.header-item-right {
   float: right;
 }
 
 @media only screen and (max-width: 400px) {
-  .link-left, .link-right {
+  .header-item-left, .header-item-right {
     float: none;
   }
 
-  .nav-under {
+  .header-bottom {
     display: none;
   }
 
-  .nav-title h2 {
+  .header-title {
     display: block;
   }
 
-  .nav-subtext {
+  .header-subtext {
     margin-left: 0;
   }
 }
@@ -135,27 +136,26 @@ hr {
   border: none;
 }
 
-footer {
-  text-align: center;
-}
-
-.footer-break {
-  width: 120px;
+pre {
+  padding: 8px;
+  white-space: pre-wrap;
 }
 
-.build-date {
-  font-style: italic;
+code {
+  font-size: 110%;
 }
 
-.badge {
-  image-rendering: crisp-edges;
+.toc {
+  background: #101010;
+  padding: 8px;
 }
 
-pre {
-  padding: 8px;
-  white-space: pre-wrap;
+.toc h2 {
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
-code {
-  font-size: 110%;
+.toc > nav > ol {
+  margin-top: 8px;
+  margin-bottom: 0;
 }