From d0df2d1daa73261d358f0e32c1fa48472c3b3741 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 27 Mar 2026 18:57:17 +0100
Subject: feat: add IBM Plex Sans body font, apply to prose elements

- Added IBM Plex Sans to Google Fonts import (weights: 300, 400, 600)
- Added --font-body CSS variable using IBM Plex Sans
- Applied --font-body to hero-tagline, scroll-indicator
- Applied --font-body to about-bio paragraphs and edu-desc
- Applied --font-body to form labels and input/textarea fields
- Body element remains monospace; only specific prose elements updated

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 themes/danixme/assets/css/main.css        | 8 +++++++-
 themes/danixme/layouts/partials/head.html | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'themes')

diff --git a/themes/danixme/assets/css/main.css b/themes/danixme/assets/css/main.css
index 649adae..1e9dac1 100644
--- a/themes/danixme/assets/css/main.css
+++ b/themes/danixme/assets/css/main.css
@@ -14,6 +14,7 @@
   --muted:       #304860;
   --font-mono:   'JetBrains Mono', 'Courier New', monospace;
   --font-head:   'Oxanium', sans-serif;
+  --font-body:   'IBM Plex Sans', system-ui, sans-serif;
 }
 
 html { scroll-behavior: smooth; font-size: 17px; overflow-x: hidden; }
@@ -507,6 +508,7 @@ a.lang-btn { text-decoration: none; }
 
 /* ── Tagline ── */
 .hero-tagline {
+  font-family: var(--font-body);
   font-size: 0.93rem;
   color: var(--text-dim);
   max-width: 500px;
@@ -665,6 +667,7 @@ a.lang-btn { text-decoration: none; }
 }
 
 .scroll-indicator {
+  font-family: var(--font-body);
   position: absolute;
   bottom: 2rem;
   left: 50%;
@@ -743,6 +746,7 @@ section {
 }
 
 .about-bio p {
+  font-family: var(--font-body);
   color: var(--text-dim);
   font-size: 0.95rem;
   line-height: 1.95;
@@ -927,6 +931,7 @@ section {
   margin-bottom: 0.6rem;
 }
 .edu-desc {
+  font-family: var(--font-body);
   font-size: 0.88rem;
   color: var(--text-dim);
   line-height: 1.85;
@@ -1526,6 +1531,7 @@ section {
 }
 
 .cf-field label {
+  font-family: var(--font-body);
   font-size: 0.76rem;
   letter-spacing: 0.08em;
   text-transform: uppercase;
@@ -1539,7 +1545,7 @@ section {
   background: var(--surface);
   border: 1px solid var(--border);
   color: var(--text);
-  font-family: var(--font-mono);
+  font-family: var(--font-body);
   font-size: 0.88rem;
   padding: 0.65rem 0.9rem;
   outline: none;
diff --git a/themes/danixme/layouts/partials/head.html b/themes/danixme/layouts/partials/head.html
index ce87286..f8b66d3 100644
--- a/themes/danixme/layouts/partials/head.html
+++ b/themes/danixme/layouts/partials/head.html
@@ -68,7 +68,7 @@
   <link rel="preconnect" href="https://cdnjs.cloudflare.com" />
 
   {{/* ── Stylesheets ──────────────────────────────── */}}
-  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Oxanium:wght@700;800&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Oxanium:wght@700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha384-nRgPTkuX86pH8yjPJUAFuASXQSSl2/bBUiNV47vSYpKFxHJhbcrGnmlYpYJMeD7a" crossorigin="anonymous" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css" integrity="sha384-aQuvIWWIbpu/mSqULLDiUveyYiPoJzPKAWjUmGJ+Elm+N/LJhzfZqsutsfw870JS" crossorigin="anonymous" />
   {{ $css := resources.Get "css/main.css" }}
-- 
cgit v1.2.3