Fuck google fonts, all my homies use open fonts

Also fix lazy image loading
And update the userpic
And something else I forgor

docs/.authors.yml

@@ -2,4 +2,4 @@ authors:
   hatedabamboo:
     name: Kirill Solovei
     description: that guy
-    avatar: https://github.com/hatedabamboo.png
+    avatar: assets/avatar.webp

docs/posts/deploying-react-application-with-aws-amplify.md

@@ -104,7 +104,7 @@ Now, let’s finally deploy the application using Amplify!
 
 The first step is to connect the application repository to the Amplify project.
 
-![Connect repository](../assets/deploying-react-app-with-aws-amplify-start.png){ loading = lazy }
+![Connect repository](../assets/deploying-react-app-with-aws-amplify-start.png){ loading=lazy }
 
 Select GitHub and click "Next". You can use any Git provider you prefer, or
 even an S3 bucket as the source for your code. My application is stored on

docs/posts/everything-as-code.md

@@ -35,7 +35,7 @@ around for centuries.
 What comes to mind when you hear the word "code"? Most of us (myself included)
 immediately think of a programming language.
 
-![The "code"](../assets/everything-as-code/code.webp){ loading = lazy }
+![The "code"](../assets/everything-as-code/code.webp){ loading=lazy }
 
 But the word "code" wasn’t originally popularized by programmers. Long before
 computers existed, humans developed ways to encode information, often to
@@ -74,7 +74,7 @@ infinity steps in their core process, each of which performs a certain action.
 And they have an output: a rocket engine that's starting, a package with part
 of a meme flying over fiber optics, or a number.
 
-![Algorithm](../assets/everything-as-code/algorithm.webp){ loading = lazy }
+![Algorithm](../assets/everything-as-code/algorithm.webp){ loading=lazy }
 
 And the logic presented in this very part is described via code.
 
@@ -215,7 +215,7 @@ just a text in one way or another.
 I can imagine many of you, like me, kept track of some text files in a way like
 this.
 
-![Version control](../assets/everything-as-code/version-control.webp){ loading = lazy }
+![Version control](../assets/everything-as-code/version-control.webp){ loading=lazy }
 
 This was long before I started working in IT. But you know what? This also was
 a version control system of sorts. Though it is not actually a system, it
@@ -312,7 +312,7 @@ And I must say, the developers of these tools did a marvelous job at allowing
 us, system engineers, to configure the software via the code. Can you imagine
 recreating all this manually each time you fuck up the Terraform deployment?
 
-![Dashboard](../assets/everything-as-code/grafana-dashboard.webp){ loading = lazy }
+![Dashboard](../assets/everything-as-code/grafana-dashboard.webp){ loading=lazy }
 
 Instead, we have a blessed possibility to just copy several thousand something
 JSON into the repository and never have to do it ever again. Thank you,
@@ -336,7 +336,7 @@ not as much as we should write.
 
 What comes to your mind when you think about documentation?
 
-![Confluence](../assets/everything-as-code/confluence.webp){ loading = lazy }
+![Confluence](../assets/everything-as-code/confluence.webp){ loading=lazy }
 
 Confluence. This is what I think of the most. And gods I hate this thing.
 

docs/stylesheets/extra.css

@@ -0,0 +1,65 @@
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 300;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 300;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 400;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 700;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+:root {
+    --md-text-font: "Open Sans";
+    --md-code-font: "Roboto Mono"
+}
+
+.md-typeset {
+    font-size: 20px;
+}

mkdocs.yml

@@ -16,6 +16,9 @@ extra:
     - icon: fontawesome/brands/mastodon
       link: https://mastodon.social/@hatedabamboo
 
+extra_css:
+  - stylesheets/extra.css
+
 markdown_extensions: 
   - admonition
   - attr_list
@@ -84,8 +87,7 @@ theme:
     - navigation.sections
     - navigation.tabs
     - navigation.top
-  font:
-    text: Open Sans
+  font: false
   icon:
     logo: material/note-edit-outline
     next: fontawesome/solid/angle-right