[chappie-daemon]

Closes #851, rel: #856.

The site's og:image was hero-poster.webp — a 16:9 still of the film. It crops badly in a preview card, carries no product name at card size, and says nothing a reader who has never heard of a relay can act on.

What this adds

website/site/scripts/build-social-card.mjs renders one composition at the two sizes the two services want:

file	size	consumer
public/media/social-card.png	1200×630	the site's og:image (#851)
public/media/github-social-preview.png	1280×640	the repository's social preview (#856)

Both are committed. astro build never runs pnpm run media, so a generated-but-not-committed file would not reach dist/ either and the og:image URL would 404 in the deploy. pnpm run social (also called at the end of pnpm run media) regenerates them; a run leaves the tree clean.

How the card is drawn

• Text is SVG over real woff2 faces from @fontsource-variable/inter and @fontsource/jetbrains-mono — the same packages global.css imports. A CI runner has no Inter installed, and a system-font fallback would silently change the card. Copy: A social network nobody can switch off. / Own your posts, your followers and your reach, then Nostr and Marmot protocol support, MIT licensed, ema.tnsor.network.
• Backdrop is the page's own: the pink planet at public/media/planet.webp, cropped to its disc before masking so the radial fade lands on the rim rather than in the asset's padding, plus the 28 px dot grid from global.css.
• The hero's spark stream is deliberately absent. It was written, reviewed against spark-field.ts and removed: a still frame holds every particle at once, so the density that reads as motion on the page reads as noise over the copy here. Regenerating it is not a lost capability so much as a decision — spark-field.ts remains the single source for the live effect.
• Each output is dimension-checked against its target after writing, and the PNG header is parsed in verification, because sharp has no png().height() modifier and silently honoured a wrong height once.

Base.astro

Adds og:site_name, og:locale, og:image:width/height/type, og:image:alt, twitter:title, twitter:description, twitter:image and twitter:image:alt, and an ogImage prop defaulting to /media/social-card.png. The size hints are emitted only for that card, so a caller passing some other image gets no wrong crop. hero-poster.webp stays the film's poster.

Verification

pnpm run build in website/site, then read dist/index.html:

og:image          https://nostream.dev/media/social-card.png
og:image:width    1200
og:image:height   630
og:image:alt      nostream — a social network nobody can switch off. …
twitter:image     https://nostream.dev/media/social-card.png

and parsed both PNG headers independently of sharp:

social-card.png           1200 630
github-social-preview.png 1280 640

What this cannot do

The GitHub social preview has no API. 1280×640 has to be uploaded by hand at Settings → Social preview; the changeset says so, and #856 stays open until it happens.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8705c7a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
nostream-website	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

🧹 Site preview for this PR was deleted (PR closed).

[chappie-daemon]

Planet, licence wording and the hero stream, from Cameri's review of the preview card (a118073).

Planet off the copy. The card's planet sat at left: W-470, so its disc reached x≈766 while the copy runs to x=1196 — the rim and its dust sat behind the ownership line and both licence rows. This is the "pink ball behind pink text" defect. It now sits at left: W-330, top: H-300, fully in the bottom-right corner on both sizes. Measured on the regenerated 1200×630 card: the backdrop under the licence text is 6.3% non-black (was a lit region), and the planet's densest cell is at x=1080, y=440.

Licence wording. MIT licensed → MIT license, his exact words, alongside the existing Nostr & Marmot protocol support line. The screenshot-style NIP count is not on the card — this PR already replaced it with the protocol line.

"nostream" stays. The wordmark beside the mark is present at the top left, and the mark itself sits to its left. (Cameri noted the name had gone from the art in an earlier version; this branch keeps both.)

Fonts. The card draws with the site's own woff2 files from @fontsource-variable/inter and @fontsource/jetbrains-mono — the packages global.css imports — so it is the same face as the website, not a system fallback.

Hero stream removed. The left-to-right particle stream under the homepage headline is deleted (data-spark-mode="stream", its canvas, and the now-unused branch in spark-field.ts). The rising spark field on the CTA and deploy sections is untouched. The stream branch is removed rather than left dormant so it cannot come back by accident.

Site URL. astro.config.mjs and package.json now default to ema.tnsor.network; nostream.dev does not exist.

Landing film. film.ts carries the decided copy for the poster and the film itself: "A social network / nobody can / switch off." with "Own your posts, your followers and your reach." underneath; stats are Nostr + Marmot / PROTOCOL SUPPORT and MIT / LICENSE; the Scene 2 tag reads MIT license; the planet moves to the bottom-right of the scene with 65% fewer dust dots and 73% fewer halo particles. hero-poster.webp was re-rendered from frame 130 (CPU Vulkan/lavapipe path, since this host has no GPU driver) and re-encoded.

Verified: astro build succeeds (14 pages), og:image is https://ema.tnsor.network/media/social-card.png with og:image:width 1200, and the built index.html contains no data-spark-mode. astro check reports the same three pre-existing errors as the base commit (navigator.connection ×2, Fetcher in worker/router.ts) — none introduced here.

[greptile-apps]

Confidence Score: 5/5

[Medium impact] The PR appears safe to merge, with a non-blocking mismatch between the updated hero poster and unchanged videos.

Findings

1.  Hero plays the old film ▶

Summary

Adds two generated social cards and expands the site's preview tags.

• Website links now show a nostream card sized for social previews.
• The opening film now leads with a message about owning a social network.
• The homepage headline no longer has a left-to-right spark stream.
• The site now uses ema.tnsor.network and refreshed shortcut icons.

_{Reviews (2) · Last reviewed commit: "fix(website): render the card in the dec..." · Reviewed by Greptile}

[greptile-apps]

Hero plays the old film

The new copy in film.ts will not reach the deployed video. This PR updates hero-poster.webp, but leaves the tracked hero.mp4 and hero-low.mp4 unchanged. Deployment runs astro build, which does not render the film, so visitors see the updated poster followed by the old copy and layout. Regenerate and commit both videos to match the poster and film source.