feat: update bio and enhance typography

- Updated bio on the "Over Mij" page to include "Co-Host JCast."
- Added custom font families ("Work Sans," "Inter," and "JetBrains Mono") for improved typography.
- Integrated Google Fonts in the head for seamless font loading.

Author: denmette

content/over-mij/index.html

@@ -18,7 +18,7 @@
       <div class="flex flex-col items-center gap-4 sm:items-start">
         <div class="space-y-2">
           <h1 class="text-3xl font-semibold text-slate-900 dark:text-slate-100">Maarten Casteels</h1>
-          <p class="text-base text-slate-600 dark:text-slate-300">Tech lead · Java architect · Consultant</p>
+          <p class="text-base text-slate-600 dark:text-slate-300">Tech lead &middot; Java architect &middot; Consultant &middot; Co-Host JCast</p>
         </div>
 
         <nav aria-label="Profielen" class="flex flex-wrap justify-center gap-3 pt-1 sm:justify-start">

themes/custom/assets/css/main.css

@@ -35,6 +35,26 @@
 }
 
 @layer base {
+  body {
+    font-family: "Work Sans", sans-serif;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Inter", sans-serif;
+  }
+
+  code,
+  pre,
+  kbd,
+  samp {
+    font-family: "JetBrains Mono", monospace;
+  }
+
   button {
     cursor: pointer;
   }

themes/custom/layouts/partials/head.html

@@ -48,6 +48,9 @@
 <link rel="shortcut icon" href="/favicon.ico">
 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <link rel="manifest" href="/site.webmanifest">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Work+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
 {{ template "_internal/opengraph.html" . }}
 {{ template "_internal/twitter_cards.html" . }}
 {{ partial "schema-jsonld.html" . }}