openvibers/openvibe.events Commits

/updates in the network's type, with a gutter (the stylesheet link did not set the font) (#189)

OP OpenVibers committed 12 days ago · 679e525e72 · 1 file, +5 −2

Changes

ddiff --git a/server/home.js b/server/home.js
iindex 29fbc10..869e54f 100644
---- a/server/home.js
++++ b/server/home.js
@@@ -413,6 +413,10 @@ const HOME_STYLE = (rules = '') => '<style>body{margin:0}/* The hero\'s aura is
const FOOTER = { service: 'events', variant: 'full', mount: '#ov-footer', brandName: SITE_NAME, updates: '/updates' };
++// The page's type: shell.page sets no font and showcase.css styles only its own sections, so without these rules
++// /updates fell back to the browser's Times New Roman (domain sweep, 2026-11-01). Zero specificity: any site rule wins.
++const UPDATES_FONT = "<style>:where(body){font-family:var(--ov-font,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif)}:where(main.page){display:block;max-width:880px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}:where(.ov-updates h1){font-size:clamp(1.6rem,5.4vw,2.2rem);line-height:1.15;margin:0 0 10px;text-wrap:balance}</style>";
++
/** /updates: what shipped on this site, the network's shared update log (openvibe-shared/frame updatesBody). */
function renderUpdates({ siteUrl }) {
const links = [{ label: 'Guide', href: `${SOURCE}#readme` }];
@@@ -428,8 +432,7 @@ function renderUpdates({ siteUrl }) {
robots: 'index, follow',
navbar: { service: 'events', apiBase: NETWORK_URL, links, history: { type: 'page', title: SITE_NAME } },
footer: FOOTER, home: '/', navLinks: links,
-- // The site's stylesheet: without it /updates fell back to the browser's serif (domain sweep, 2026-11-01).
-- head: [appIcon.headTags({ site: 'events' }), `<link rel="stylesheet" href="${ovServe.url(showcase.STYLESHEET)}">`].join('\n'),
++ head: [appIcon.headTags({ site: 'events' }), UPDATES_FONT].join('\n'),
body: `<div id="navbar-mount"></div>
<main id="main" class="page">
${frame.updatesBody({ service: 'events', siteName: SITE_NAME })}