From fd393d953fcd50893e200fc77c95d2ed8cce5801 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sun, 7 Jun 2026 19:31:55 -0300 Subject: content, css: wrap name detail in heading nicely --- src/content/dependencies/generatePageLayout.js | 11 +++++++---- src/static/css/page.css | 13 ++++++++----- 2 files changed, 15 insertions(+), 9 deletions(-) diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js index 00e6422b..e49075a1 100644 --- a/src/content/dependencies/generatePageLayout.js +++ b/src/content/dependencies/generatePageLayout.js @@ -307,15 +307,18 @@ export default { [language.onlyIfOptions]: ['title'], }; - workingOptions.title = headingNamePart; + workingOptions.title = + html.tag('span', {class: 'title-part'}, + headingNamePart); if (!html.isBlank(slots.titleDetail)) { workingCapsule += '.withDetail'; workingOptions.detailAccent = html.tag('span', {class: 'name-detail'}, - language.$(capsule, 'withDetail.accent', { - detail: slots.titleDetail, - })); + html.metatag('chunkwrap', {split: ':'}, + language.$(capsule, 'withDetail.accent', { + detail: slots.titleDetail, + }))); } return language.$(workingCapsule, workingOptions); diff --git a/src/static/css/page.css b/src/static/css/page.css index 353ae873..8929dc72 100644 --- a/src/static/css/page.css +++ b/src/static/css/page.css @@ -810,12 +810,15 @@ #content h1 { font-size: 1.5em; - } - #content h1 .name-detail { - opacity: 0.8; - margin-left: 0.5ch; - font-weight: inherit; + .title-part:has(+ .name-detail) { + margin-right: 0.5ch; + } + + .name-detail { + opacity: 0.8; + font-weight: inherit; + } } #content li { -- cgit 1.3.0-6-gf8a5