#498 The site's own pages preview with a card that says what it is

[Anonymous]

Originally created by: athanclark

Follows [#479] and [#497]. Links to the site's own pages (the landing page, profiles, help and the rest) previewed with /social-preview.jpg, a screenshot of the editor that names nothing.

/previews/site.png: a card each server draws for itself, 1200 × 630 (platform/lib/site-preview.jsx), the design of the repository's GitHub card (#497). It holds:

• the logo and "OpenChronology";
• what it is, in the sentence from [#481];
• the server's name (PLATFORM_NAME) or else its address, so other servers don't advertise timescale.info;
• a strip of the Rome timeline, cut from the screenshot with CSS.

It uses only what next/og bundles (its own font) and the files the server already has, cached for a day.

/previews/<audience>.png: each audience's page has its own card, with "OpenChronology · for educators" small, then the page's heading and promise. A shared link to /for/educators reads "Timelines your class builds together".

Other changes:

• Private timelines: their previews used the old drawn site card and now use this one.
• Description for screen readers: the image's alt text says what the card says.
• Unchanged: timeline, moment and duration pages draw their own previews.

Tests:

• Platform: next-platform checks the site's og:image, twitter:image and alt, and that both cards are 1200 × 630 PNGs under 1 MB. It also checks that other names are 404. It passes here.
• Browser: landing-live-postgres checks the educators page's card and alt (in CI).
• Sharing: sharing-postgres checks a profile's card and that a timeline page uses neither.

Docs: docs/sharing.md#link-previews.

🤖 Generated with Claude Code

https://claude.ai/code/session_011fFY8eruEi1xAkkMBni13B

[Anonymous]

Ticket changed by: athanclark

• status: open --> closed