openvibers/openvibe.zone Commits

The Zone home's own sections use the showcase's typeface and heading size, like the sections between them (#35)

OP OpenVibers committed 20 days ago · 2b2ac495f8 · 2 files, +6 −2

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex 2dabf22..e620e09 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -46,6 +46,10 @@ button.sc-btn.sc-primary { border: 0; }
/* Zone */
.zn-section { margin: 28px 0; }
++/* The home's own sections sit between the shared showcase's (openvibe-shared/showcase.css .sc-sec): same typeface,
++ heading size and rhythm, so they do not read as another site. */
++.zn-home { margin-top: 56px; font-family: var(--ov-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif); }
++.zn-home > h2 { margin: 0 0 10px; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.02em; }
.zn-lede { font-size: 1.08rem; color: var(--text-secondary, #96a7c2); max-width: 820px; }
.zn-muted { color: var(--text-muted, #7386a3); }
.zn-list { padding-left: 1.2rem; max-width: 860px; }
ddiff --git a/server/http/pages.js b/server/http/pages.js
iindex 2bd79d6..535d63b 100644
---- a/server/http/pages.js
++++ b/server/http/pages.js
@@@ -139,7 +139,7 @@ const z = await zone.zones.create('prj_…', { env: 'production', name: 'assets'
console.log(await zone.zones.usage(z.id));` },
],
}))}
--<section class="zn-section" aria-labelledby="zn-what"><h2 id="zn-what">What a zone gives you</h2>
++<section class="zn-section zn-home" aria-labelledby="zn-what"><h2 id="zn-what">What a zone gives you</h2>
<ul class="zn-list">
<li><strong>Private by default.</strong> A named zone's objects are reached only with a signed request or a presigned URL, never a public link.</li>
<li><strong>Names that stay yours.</strong> A zone's name is never given to another zone, even after it is deleted, so a URL signed for one bucket can never reach a different one.</li>
@@@ -158,7 +158,7 @@ ${L.size ? raw(showcase.limits({
}),
source: 'https://openvibe.media/limits.json',
})) : ''}
--<section class="zn-section zn-faq" aria-labelledby="zn-faq-h"><h2 id="zn-faq-h">Questions</h2>${faq.map((f) => html`<details><summary>${f.q}</summary><p>${f.a}</p></details>`)}</section>`,
++<section class="zn-section zn-home zn-faq" aria-labelledby="zn-faq-h"><h2 id="zn-faq-h">Questions</h2>${faq.map((f) => html`<details><summary>${f.q}</summary><p>${f.a}</p></details>`)}</section>`,
});
});