feat: update fonts css

2024-03-01 17:11:20 +07:00 · 2024-03-01 17:11:20 +07:00 · e0f82879fe
parent acd8971913
commit e0f82879fe
39 changed files with 611 additions and 0 deletions
--- a/README.md
+++ b/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
--- a/docs/2022-06-08-backup.html
+++ b/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) {
--- a/docs/2022-06-08-dockerfile-go.html
+++ b/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) {
--- a/docs/2022-07-10-bootstrap-go.html
+++ b/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) {
--- a/docs/2022-07-12-uuid-or-else.html
+++ b/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) {
--- a/docs/2022-07-19-migrate-to-buf.html
+++ b/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) {
--- a/docs/2022-07-31-experiment-go.html
+++ b/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) {
--- a/docs/2022-07-31-sql.html
+++ b/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) {
--- a/docs/2022-08-10-gitignore.html
+++ b/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) {
--- a/docs/2022-10-26-reload-config.html
+++ b/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) {
--- a/docs/2022-12-25-archlinux.html
+++ b/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) {
--- a/docs/2022-12-25-go-test-asap.html
+++ b/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) {
--- a/docs/2023-03-05-incident.html
+++ b/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) {
--- a/docs/2023-03-08-ekyc.html
+++ b/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) {
--- a/docs/2023-03-30-fonts.html
+++ b/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) {
--- a/docs/2023-04-01-games.html
+++ b/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) {
--- a/docs/2023-04-17-keeb.html
+++ b/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) {
--- a/docs/2023-04-17-naming.html
+++ b/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) {
--- a/docs/2023-05-03-neovim.html
+++ b/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) {
--- a/docs/2023-05-08-things-i-like.html
+++ b/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) {
--- a/docs/2023-05-23-swagger.html
+++ b/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) {
--- a/docs/2023-06-06-terminal-workflow.html
+++ b/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) {
--- a/docs/2023-06-10-incident-context.html
+++ b/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) {
--- a/docs/2023-06-24-khoan-cat-be-tong.html
+++ b/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) {
--- a/docs/2023-06-25-useful-tools.html
+++ b/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) {
--- a/docs/2023-07-01-pastebin.html
+++ b/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) {
--- a/docs/2023-07-02-fandroid.html
+++ b/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) {
--- a/docs/2023-07-06-redis.html
+++ b/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) {
--- a/docs/2023-07-30-cache-shenanigan.html
+++ b/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) {
--- a/docs/2023-08-09-vscode.html
+++ b/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) {
--- a/docs/2023-08-20-hardware.html
+++ b/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) {
--- a/docs/2023-08-23-real-world-crypto.html
+++ b/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) {
--- a/docs/2023-09-14-vietnam-survivor.html
+++ b/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) {
--- a/docs/2023-09-23-bloguru.html
+++ b/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) {
--- a/docs/2023-10-02-unrelated.html
+++ b/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) {
--- a/docs/2023-12-16-debounce.html
+++ b/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) {
--- a/docs/2024-01-20-backend-thinking.html
+++ b/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) {
--- a/docs/index.html
+++ b/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) {
--- a/templates/post.html
+++ b/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) {