openvibers/openvibe.network Commits
Hero: remove repeated Link name above title (#815)
Changes
@@@ -176,7 +176,6 @@ ${CSS}<div id="navbar-mount"></div><main class="np" id="main"><header class="np-head">--<p class="np-kicker">OpenVibe Link</p><h1>Your machines, connected</h1><p class="np-lede">Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.</p><p class="np-cta">${kit.button({ href: '#install', label: 'Install Link', kind: 'primary' })} ${kit.button({ href: `${DOCS}/install.md`, label: 'The install guide', kind: 'quiet' })}</p>@@@ -250,7 +249,6 @@ ${require('../boost').SCRIPT}const CSS = `.np{max-width:1000px;margin:0 auto;padding:32px 20px 72px}--.np-kicker{margin:0 0 6px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#3b82f6)}.np h1{margin:0 0 12px;font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:-.02em;line-height:1.12}.np-lede{margin:0 0 18px;max-width:760px;color:var(--text-secondary,#96a7c2);line-height:1.65;font-size:1.03rem}.np-lede code,.np code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}@@@ -88,7 +88,7 @@ const SHAPED = {assert.ok(!youngCopy.includes('could not be reached'), 'a stale copy younger than a day says nothing about the outage');assert.ok(html.includes('<title>OpenVibe Link: your machines, connected</title>'), 'the title is Link\'s');assert.ok(html.includes('<h1>Your machines, connected</h1>'), 'the h1 is Link\'s');-- assert.ok(html.includes('<p class="np-kicker">OpenVibe Link</p>'), 'the kicker names Link');++ assert.ok(html.includes('<header class="np-head">\n<h1>Your machines, connected</h1>'), 'the hero starts with its title');assert.ok(html.includes('Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.'), 'the lead is the brief\'s, word for word');assert.ok(html.includes('>Install Link<'), 'the primary button installs Link');assert.ok(html.includes('>The install guide<'), 'and the guide keeps its name');
@@ -176,7 +176,6 @@ ${CSS}
@@ -176,7 +176,6 @@ ${CSS}
<div id="navbar-mount"></div>
<div id="navbar-mount"></div>
<main class="np" id="main">
<main class="np" id="main">
<header class="np-head">
<header class="np-head">
-<p class="np-kicker">OpenVibe Link</p>
<h1>Your machines, connected</h1>
<h1>Your machines, connected</h1>
<p class="np-lede">Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.</p>
<p class="np-lede">Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.</p>
<p class="np-cta">${kit.button({ href: '#install', label: 'Install Link', kind: 'primary' })} ${kit.button({ href: `${DOCS}/install.md`, label: 'The install guide', kind: 'quiet' })}</p>
<p class="np-cta">${kit.button({ href: '#install', label: 'Install Link', kind: 'primary' })} ${kit.button({ href: `${DOCS}/install.md`, label: 'The install guide', kind: 'quiet' })}</p>
@@ -250,7 +249,6 @@ ${require('../boost').SCRIPT}
@@ -250,7 +249,6 @@ ${require('../boost').SCRIPT}
const CSS = `
const CSS = `
.np{max-width:1000px;margin:0 auto;padding:32px 20px 72px}
.np{max-width:1000px;margin:0 auto;padding:32px 20px 72px}
-.np-kicker{margin:0 0 6px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#3b82f6)}
.np h1{margin:0 0 12px;font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:-.02em;line-height:1.12}
.np h1{margin:0 0 12px;font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:-.02em;line-height:1.12}
.np-lede{margin:0 0 18px;max-width:760px;color:var(--text-secondary,#96a7c2);line-height:1.65;font-size:1.03rem}
.np-lede{margin:0 0 18px;max-width:760px;color:var(--text-secondary,#96a7c2);line-height:1.65;font-size:1.03rem}
.np-lede code,.np code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
.np-lede code,.np code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
@@ -88,7 +88,7 @@ const SHAPED = {
@@ -88,7 +88,7 @@ const SHAPED = {
assert.ok(!youngCopy.includes('could not be reached'), 'a stale copy younger than a day says nothing about the outage');
assert.ok(!youngCopy.includes('could not be reached'), 'a stale copy younger than a day says nothing about the outage');
assert.ok(html.includes('<title>OpenVibe Link: your machines, connected</title>'), 'the title is Link\'s');
assert.ok(html.includes('<title>OpenVibe Link: your machines, connected</title>'), 'the title is Link\'s');
assert.ok(html.includes('<h1>Your machines, connected</h1>'), 'the h1 is Link\'s');
assert.ok(html.includes('<h1>Your machines, connected</h1>'), 'the h1 is Link\'s');
- assert.ok(html.includes('<p class="np-kicker">OpenVibe Link</p>'), 'the kicker names Link');
+ assert.ok(html.includes('<header class="np-head">\n<h1>Your machines, connected</h1>'), 'the hero starts with its title');
assert.ok(html.includes('Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.'), 'the lead is the brief\'s, word for word');
assert.ok(html.includes('Link runs on your computer, server or phone. Your agents use it only as far as you allow, and you choose what, if anything, it offers the network.'), 'the lead is the brief\'s, word for word');
assert.ok(html.includes('>Install Link<'), 'the primary button installs Link');
assert.ok(html.includes('>Install Link<'), 'the primary button installs Link');
assert.ok(html.includes('>The install guide<'), 'and the guide keeps its name');
assert.ok(html.includes('>The install guide<'), 'and the guide keeps its name');