openvibers/openvibe.events Commits
/updates in the network's type, with a gutter (the stylesheet link did not set the font) (#189)
Changes
@@@ -413,6 +413,10 @@ const HOME_STYLE = (rules = '') => '<style>body{margin:0}/* The hero\'s aura isconst 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 })}
@@ -413,6 +413,10 @@ const HOME_STYLE = (rules = '') => '<style>body{margin:0}/* The hero\'s aura is
@@ -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' };
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). */
/** /updates: what shipped on this site, the network's shared update log (openvibe-shared/frame updatesBody). */
function renderUpdates({ siteUrl }) {
function renderUpdates({ siteUrl }) {
const links = [{ label: 'Guide', href: `${SOURCE}#readme` }];
const links = [{ label: 'Guide', href: `${SOURCE}#readme` }];
@@ -428,8 +432,7 @@ function renderUpdates({ siteUrl }) {
@@ -428,8 +432,7 @@ function renderUpdates({ siteUrl }) {
robots: 'index, follow',
robots: 'index, follow',
navbar: { service: 'events', apiBase: NETWORK_URL, links, history: { type: 'page', title: SITE_NAME } },
navbar: { service: 'events', apiBase: NETWORK_URL, links, history: { type: 'page', title: SITE_NAME } },
footer: FOOTER, home: '/', navLinks: links,
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>
body: `<div id="navbar-mount"></div>
<main id="main" class="page">
<main id="main" class="page">
${frame.updatesBody({ service: 'events', siteName: SITE_NAME })}
${frame.updatesBody({ service: 'events', siteName: SITE_NAME })}