feat: update fonts css

README.md

@@ -15,6 +15,9 @@ Steps:
 
 - Generate HTML by running `make`
 
+I use
+[My fonts CSS](https://gist.github.com/haunt98/b2e40a3e4882e820a04816a7f1dc2358)
+
 ## Thanks
 
 - https://github.com/sindresorhus/github-markdown-css

docs/2022-06-08-backup.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-06-08-dockerfile-go.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-07-10-bootstrap-go.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-07-12-uuid-or-else.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-07-19-migrate-to-buf.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-07-31-experiment-go.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-07-31-sql.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-08-10-gitignore.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-10-26-reload-config.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-12-25-archlinux.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2022-12-25-go-test-asap.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-03-05-incident.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-03-08-ekyc.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-03-30-fonts.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-04-01-games.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-04-17-keeb.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-04-17-naming.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-05-03-neovim.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-05-08-things-i-like.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-05-23-swagger.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-06-06-terminal-workflow.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-06-10-incident-context.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-06-24-khoan-cat-be-tong.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-06-25-useful-tools.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-07-01-pastebin.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-07-02-fandroid.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-07-06-redis.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-07-30-cache-shenanigan.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-08-09-vscode.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-08-20-hardware.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-08-23-real-world-crypto.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-09-14-vietnam-survivor.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-09-23-bloguru.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-10-02-unrelated.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2023-12-16-debounce.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/2024-01-20-backend-thinking.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

docs/index.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {

templates/post.html

@@ -16,6 +16,22 @@
       max-width: 980px;
       margin: 0 auto;
       padding: 45px;
+      font-family:
+        Shantell Sans Normal,
+        Rec Mono Casual,
+        SF Pro,
+        Inter,
+        sans-serif;
+      font-weight: 500;
+    }
+
+    .markdown-body pre {
+      font-family:
+        Berkeley Mono,
+        IBM Plex Mono,
+        SF Mono,
+        Jetbrains Mono,
+        monospace;
     }
 
     @media (max-width: 767px) {