assets/main.scss: cp from cv

.pre-commit-config.yaml

@@ -50,7 +50,7 @@ repos:
         args: [--update-only, --notitle]
 
   - repo: https://github.com/python-jsonschema/check-jsonschema
-    rev: 0.32.1
+    rev: 0.33.0
     hooks:
       - id: check-dependabot
       - id: check-github-workflows
@@ -76,7 +76,7 @@ repos:
         language: system
 
   - repo: https://github.com/editorconfig-checker/editorconfig-checker.python
-    rev: "3.2.0"
+    rev: "3.2.1"
     hooks:
       - id: editorconfig-checker
         alias: ec

.prettierrc

@@ -1,7 +1 @@
-{
+{}
-  "insertPragma": true,
-  "proseWrap": "always",
-  "singleAttributePerLine": true,
-  "plugins": ["prettier-plugin-sh"],
-  "overrides": [{ "files": ".prettierrc", "options": { "parser": "json" } }]
-}

Gemfile.lock

@@ -40,7 +40,7 @@ GEM
       ffi (>= 1.15.0)
     eventmachine (1.2.7)
     execjs (2.10.0)
-    faraday (2.12.2)
+    faraday (2.13.0)
       faraday-net_http (>= 2.0, < 3.5)
       json
       logger
@@ -235,7 +235,7 @@ GEM
     minitest (5.25.5)
     net-http (0.6.0)
       uri
-    nokogiri (1.18.6-x86_64-linux-gnu)
+    nokogiri (1.18.7-x86_64-linux-gnu)
       racc (~> 1.4)
     octokit (4.25.1)
       faraday (>= 1, < 3)

assets/main.scss

@@ -2,13 +2,43 @@
 # front-matter
 ---
 
-/** @format */
-
 @charset "utf-8";
-$base-font-family:
+
-  ui-sans-serif, system-ui, "Liberation Sans", Arimo, Arial, sans-serif;
+// Font specifications. I keep changing my mind on what are the most pleasant
+// fonts to my eyes, so I won't bother commenting them here.'
+$serif-font-family:
+  ui-serif, "Roboto Serif", "Noto Serif", Tinos, serif, "Noto Emoji",
+  "Noto Color Emoji", "Segoe UI Emoji", emoji;
+$sans-serif-font-family:
+  "Inclusive Sans", ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto,
+  "Noto Sans", Arimo, sans-serif, "Noto Emoji", "Noto Color Emoji",
+  "Segoe UI Emoji", emoji;
 $monospace-font-family:
-  ui-monospace, "Liberation Mono", Cousine, "Courier New", monospace;
+  "Comic Shanns Mono", ui-monospace, "Roboto Mono", "Segoe UI Mono",
+  "Noto Mono", Cousine, monospace, "Noto Emoji", "Noto Color Emoji",
+  "Segoe UI Emoji", emoji;
+// Must be in the end under threat of undefined variable error.
+$base-font-family: $sans-serif-font-family;
+
+@font-face {
+  font-family: "Inclusive Sans";
+  src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans[wght].woff2")
+    format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Inclusive Sans Italic";
+  src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans-Italic[wght].woff2")
+    format("woff2");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Comic Shanns Mono";
+  src: url("https://raw.githubusercontent.com/jesusmgg/comic-shanns-mono/refs/heads/master/fonts/ComicShannsMono-Regular.otf")
+    format("opentype");
+}
 
 @import "{{ site.theme }}";
 
@@ -22,21 +52,60 @@ $monospace-font-family:
   background-color: revert !important;
   //margin: auto  !important;
   //  line-height: 1.2 !important;
+  // A4 paper
+  //max-width: 210mm !important;
   font-size: revert;
   //padding: auto !important;
   overflow-wrap: break-word !important;
   hyphens: auto !important;
+  // Experimental trick to make all emojis text if supported.
+  //font-variant-emoji: text;
+  /* WCAG minimum suggestions */
+  margin-bottom: 2 !important;
+  line-height: 1.5 !important;
+  letter-spacing: 0.12 !important;
+  word-spacing: 0.16 !important;
 }
 
 a {
   text-decoration: underline !important;
 }
 
-pre,
+a.site-title {
+  font-family: $serif-font-family;
+}
+
+// Monospace preferred for code
+code,
+pre {
+  font-family: $monospace-font-family !important;
+}
+
+// So it will not look bigger than normal text
 code {
   font-size: 0.8em !important;
 }
 
+// Sans-Serif for headings to constrast with aminda.eu
+// h2,
+// h3,
+// h4,
+// h5,
+// h6 {
+//   font-family: $sans-serif-font-family !important;
+// }
+
+h2.footer-heading {
+  font-family: $sans-serif-font-family !important;
+}
+
+// The introduction on top
+#bio {
+  text-align: center;
+  font-style: italic;
+  font-family: ui-cursive, $sans-serif-font-family;
+}
+
 img {
   border-radius: 50% !important;
   display: block;
@@ -48,6 +117,12 @@ img {
   }
 }
 
+ul.linklist {
+  list-style: none inside;
+  font-family: $monospace-font-family;
+  //font-variant: small-caps;
+}
+
 // Customize the dark theme to be more me
 @media (prefers-color-scheme: dark) {
   * {

package.json

@@ -1,14 +1,14 @@
 {
   "devDependencies": {
-    "@aminda/global-prettier-config": "2025.13.1",
+    "@aminda/global-prettier-config": "2025.15.0",
     "@prettier/plugin-ruby": "4.0.4",
     "@prettier/plugin-xml": "3.4.1",
     "corepack": "latest",
     "prettier": "3.5.3",
     "prettier-plugin-nginx": "1.0.3",
-    "prettier-plugin-sh": "0.16.0",
+    "prettier-plugin-sh": "0.17.1",
-    "prettier-plugin-toml": "2.0.3"
+    "prettier-plugin-toml": "2.0.4"
   },
-  "packageManager": "pnpm@10.7.0+sha512.6b865ad4b62a1d9842b61d674a393903b871d9244954f652b8842c2b553c72176b278f64c463e52d40fff8aba385c235c8c9ecf5cc7de4fd78b8bb6d49633ab6",
+  "packageManager": "pnpm@10.8.0+sha512.0e82714d1b5b43c74610193cb20734897c1d00de89d0e18420aebc5977fa13d780a9cb05734624e81ebd81cc876cd464794850641c48b9544326b5622ca29971",
   "prettier": "@aminda/global-prettier-config"
 }