openvibers/openvibe.zone Commits
The Zone home's own sections use the showcase's typeface and heading size, like the sections between them (#35)
Changes
@@@ -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; }@@@ -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>`,});});
@@ -46,6 +46,10 @@ button.sc-btn.sc-primary { border: 0; }
@@ -46,6 +46,10 @@ button.sc-btn.sc-primary { border: 0; }
/* Zone */
/* Zone */
.zn-section { margin: 28px 0; }
.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-lede { font-size: 1.08rem; color: var(--text-secondary, #96a7c2); max-width: 820px; }
.zn-muted { color: var(--text-muted, #7386a3); }
.zn-muted { color: var(--text-muted, #7386a3); }
.zn-list { padding-left: 1.2rem; max-width: 860px; }
.zn-list { padding-left: 1.2rem; max-width: 860px; }
@@ -139,7 +139,7 @@ const z = await zone.zones.create('prj_…', { env: 'production', name: 'assets'
@@ -139,7 +139,7 @@ const z = await zone.zones.create('prj_…', { env: 'production', name: 'assets'
console.log(await zone.zones.usage(z.id));` },
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">
<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>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>
<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({
@@ -158,7 +158,7 @@ ${L.size ? raw(showcase.limits({
}),
}),
source: 'https://openvibe.media/limits.json',
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>`,
});
});
});
});