Update theme

- Use new fonts: IBM Plex Serif, Hanuman, Inconsolata
- Display authors by names if available

4 files changed, 51 insertions, 68 deletions

diff --git a/layouts/partials/author-link.html b/layouts/partials/author-link.html
index ba36651..a0b57ab 100644
--- a/layouts/partials/author-link.html
+++ b/layouts/partials/author-link.html
@@ -5,7 +5,9 @@
 {{ else }}
 
 {{ with .siteContext.GetPage (printf "/%s/%s" "authors" (.author | urlize)) }}
-<a title="{{ .Name }}" href="{{ .Permalink }}">@{{ $.author }}</a>{{ if not $.isLast }},{{ end }}
+<a title="{{ .Name }}" href="{{ .Permalink }}">
+    {{ .Name | default (delimit (slice "@" $.author) "") }}
+</a>{{ if not $.isLast }},{{ end }}
 {{ else }}
 {{ .author }}{{ if not .isLast }},{{ end }}
 {{ end }}
diff --git a/static/css/style.css b/static/css/style.css
index 7b51f65..9351d05 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,3 +1,4 @@
+@import url("https://fonts.googleapis.com/css?family=Hanuman:400,700|IBM+Plex+Serif:400,400i,700,700i|Inconsolata:400,700&display=swap&subset=khmer");
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 /* Document
     ========================================================================== */
@@ -440,7 +441,7 @@ p {
   text-transform: uppercase; }
 
 strong, dt, .p-notification__status {
-  font-weight: 400; }
+  font-weight: 700; }
 
 p:not([class*='p-heading--']):not([class*='p-muted-heading']) + h1,
 p:not([class*='p-heading--']):not([class*='p-muted-heading']) + .p-heading--one, .post-content table + h1,
@@ -691,55 +692,6 @@ h5.u-no-margin--bottom, .u-no-margin--bottom.p-heading--five, h6.u-no-margin--bo
 html {
   background: #fff; }
 
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu';
-  font-style: normal;
-  font-weight: 300;
-  src: url("https://assets.ubuntu.com/v1/e8c07df6-Ubuntu-L_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/8619add2-Ubuntu-L_W.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu';
-  font-style: normal;
-  font-weight: 400;
-  src: url("https://assets.ubuntu.com/v1/fff37993-Ubuntu-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/7af50859-Ubuntu-R_W.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu';
-  font-style: italic;
-  font-weight: 300;
-  src: url("https://assets.ubuntu.com/v1/f8097dea-Ubuntu-LI_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/8be89d02-Ubuntu-LI_W.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu';
-  font-style: italic;
-  font-weight: 400;
-  src: url("https://assets.ubuntu.com/v1/fca66073-ubuntu-ri-webfont.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/f0898c72-ubuntu-ri-webfont.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu';
-  font-style: normal;
-  font-weight: 100;
-  src: url("https://assets.ubuntu.com/v1/7f100985-Ubuntu-Th_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/502cc3a1-Ubuntu-Th_W.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu Mono';
-  font-style: normal;
-  font-weight: 300;
-  src: url("https://assets.ubuntu.com/v1/fdd692b9-UbuntuMono-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/85edb898-UbuntuMono-R_W.woff") format("woff"); }
-
-@font-face {
-  font-display: auto;
-  font-family: 'Ubuntu Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url("https://assets.ubuntu.com/v1/fdd692b9-UbuntuMono-R_W.woff2") format("woff2"), url("https://assets.ubuntu.com/v1/85edb898-UbuntuMono-R_W.woff") format("woff"); }
-
 
 .measure--p {
   max-width: 40em; }
@@ -748,7 +700,7 @@ html {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   color: #111;
-  font-family: "Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: 'IBM Plex Serif', Hanuman, serif;
   font-smoothing: subpixel-antialiased;
   font-weight: 300;
   line-height: 1.5rem; }
@@ -875,7 +827,7 @@ samp,
 kbd {
   background-color: #e5e5e5;
   box-shadow: 0 0 0 0.25rem #e5e5e5;
-  font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
+  font-family: Inconsolata, monospace;
   font-weight: 300;
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1157,7 +1109,7 @@ select, textarea {
   border-radius: 0.125rem;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
   color: #111;
-  font-family: "Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: 'IBM Plex Serif', Hanuman, serif;
   font-size: 1rem;
   font-weight: 300;
   line-height: 1.5rem;
@@ -2048,7 +2000,7 @@ tbody tr:not(:first-child), tfoot tr {
 .p-code-copyable__input {
   border: 0;
   color: #666;
-  font-family: "Ubuntu Mono", Consolas, Monaco, Courier, monospace;
+  font-family: Inconsolata, monospace;
   line-height: 1.5rem;
   padding: 0 calc(36px + 0.5rem) 0 1.5rem;
   width: 100%; }
@@ -2881,11 +2833,11 @@ h4 [class*='p-icon'],
   .p-link--soft:hover {
     color: #007aa6; }
   .p-link--soft.is-selected {
-    font-weight: 400; }
+    font-weight: 700; }
 
 .p-link--inverted {
   color: #f7f7f7;
-  font-weight: 400; }
+  font-weight: 700; }
   .p-link--inverted:hover {
     color: #f7f7f7; }
   .p-link--inverted:visited {
@@ -4273,7 +4225,7 @@ h1.p-stepped-list__title::before {
     .p-table-of-contents__nav .p-table-of-contents__link:hover {
       color: #007aa6; }
     .p-table-of-contents__nav .p-table-of-contents__link.is-active {
-      font-weight: 400;
+      font-weight: 700;
       padding-left: 0.25rem; }
 
 @media screen and (max-width: 772px) {
@@ -4850,6 +4802,20 @@ h1.p-stepped-list__title::before {
   margin-top: 0.75rem;
   margin-bottom: 1.75rem; }
 
+html {
+  font-weight: 400; }
+
+p {
+  max-width: 100%; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 700; }
+
 .p-link--logo,
 .title-logo {
   color: #111 !important;
@@ -4882,9 +4848,6 @@ h1.p-stepped-list__title::before {
   padding-top: 0;
   padding-bottom: 0; }
 
-p {
-  max-width: 100%; }
-
 .page-banner {
   background-color: whitesmoke; }
   .page-banner__image {
diff --git a/static/sass/_custom.scss b/static/sass/_custom.scss
index 5ed0826..7fe9eee 100644
--- a/static/sass/_custom.scss
+++ b/static/sass/_custom.scss
@@ -1,3 +1,20 @@
+html {
+  font-weight: 400;
+}
+
+p {
+  max-width: 100%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 700;
+}
+
 .p-link--logo,
 .title-logo {
   color: #111 !important;
@@ -42,10 +59,6 @@
   padding-bottom: 0;
 }
 
-p {
-  max-width: 100%;
-}
-
 .page-banner {
   background-color: whitesmoke;
 
diff --git a/static/sass/main.scss b/static/sass/main.scss
index bdb7dfa..a44a415 100644
--- a/static/sass/main.scss
+++ b/static/sass/main.scss
@@ -1,5 +1,10 @@
-@import 'node_modules/vanilla-framework/scss/vanilla';
+@import url("https://fonts.googleapis.com/css?family=Hanuman:400,700|IBM+Plex+Serif:400,400i,700,700i|Inconsolata:400,700&display=swap&subset=khmer");
+$font-base-family: "'IBM Plex Serif', Hanuman, serif";
+$font-monospace: Inconsolata, monospace;
+$font-weight-bold: 700;
+
+@import "node_modules/vanilla-framework/scss/vanilla";
 @include vanilla;
 
-@import 'post-content';
-@import 'custom';
\ No newline at end of file
+@import "post-content";
+@import "custom";