diff options
| author | Danilo M. <danix@danix.xyz> | 2026-03-27 18:57:17 +0100 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-03-27 18:57:17 +0100 |
| commit | d0df2d1daa73261d358f0e32c1fa48472c3b3741 (patch) | |
| tree | ab33114e61c441d853a58600713e3ee7e1ee9da4 | |
| parent | d2c19adced27b222a2b44b0b1834d6c991457034 (diff) | |
| download | danixme-d0df2d1daa73261d358f0e32c1fa48472c3b3741.tar.gz danixme-d0df2d1daa73261d358f0e32c1fa48472c3b3741.zip | |
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>
| -rw-r--r-- | themes/danixme/assets/css/main.css | 8 | ||||
| -rw-r--r-- | themes/danixme/layouts/partials/head.html | 2 |
2 files changed, 8 insertions, 2 deletions
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" }} |
