Getting rid of le bloat

From ~1.3MB on the weblog index to just < 200KB!

3 files changed, 14 insertions, 57 deletions

diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss
index df32dd0..a24f933 100644
--- a/sass/css/_colors.scss
+++ b/sass/css/_colors.scss
@@ -1,5 +1,5 @@
-$bg: #000000;
-$bg2: #1b1e25;
+$bg0: #000000;
+$bg1: #1b1e25;
 $white: #e5e9f0;
 $gray: #a1a6b2;
 $magenta: #9c6992;
diff --git a/sass/css/_fonts.scss b/sass/css/_fonts.scss
index de85b23..686bc1b 100644
--- a/sass/css/_fonts.scss
+++ b/sass/css/_fonts.scss
@@ -1,56 +1,8 @@
 @font-face {
-  font-family: "IBM Plex Sans";
-  src: url("/fonts/IBMPlexSans-Regular.ttf");
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  src: url("/fonts/IBMPlexSans-Bold.ttf");
-  font-weight: bold;
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  src: url("/fonts/IBMPlexSans-Italic.ttf");
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "IBM Plex Sans";
-  src: url("/fonts/IBMPlexSans-BoldItalic.ttf");
-  font-style: italic;
-  font-weight: bold;
-}
-
-@font-face {
-  font-family: "IBM Plex Serif";
-  src: url("/fonts/IBMPlexSerif-Regular.ttf");
-}
-
-@font-face {
-  font-family: "IBM Plex Serif";
-  src: url("/fonts/IBMPlexSerif-Bold.ttf");
-  font-weight: bold;
-}
-
-@font-face {
-  font-family: "IBM Plex Serif";
-  src: url("/fonts/IBMPlexSerif-Italic.ttf");
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "IBM Plex Serif";
-  src: url("/fonts/IBMPlexSerif-BoldItalic.ttf");
-  font-style: italic;
-  font-weight: bold;
-}
-
-@font-face {
   font-family: "IBM Plex Mono";
-  src: url("/fonts/BlexMono.ttf");
+  src: url("/fonts/IBMPlexMono-Regular.ttf");
 }
 
-$font_sans: "IBM Plex Sans", Verdana, Helvetica, sans-serif;
-$font_serif: "IBM Plex Serif", Georgia, serif;
+$font_sans: Verdana, Geneva, sans-serif;
+$font_serif: Georgia, serif;
 $font_mono: "IBM Plex Mono", monospace;
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index e9f85df..93d87f9 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -5,7 +5,7 @@
 html, body {
   width: 100%;
   min-height: 100vh;
-  background-color: $bg2;
+  background-color: $bg1;
 }
 
 h1,
@@ -73,7 +73,12 @@ code {
 }
 
 span.icon {
-  font-family: $font_mono;
+  height: 1em;
+}
+
+span.icon > img {
+  height: 1em;
+  width: 1em;
 }
 
 .publish-date {
@@ -96,7 +101,7 @@ h2 > span.publish-date {
   margin: 0 auto;
   min-height: 100vh;
   height: auto;
-  background-color: $bg;
+  background-color: $bg0;
 }
 
 .landing-page-container {
@@ -168,7 +173,7 @@ h2 > span.publish-date {
   display: inline-block;
   padding: 0.5em;
   background-color: $cyan;
-  color: $bg;
+  color: $bg0;
 }
 
 .paginator a:hover {