Skip to content

Shared OgCard for preview cards; PostHog - #1

Merged
kevinschaich merged 3 commits into
mainfrom
og-card-posthog
Nov 13, 2026
Merged

kevinschaich merged 3 commits into
mainfrom
og-card-posthog

Conversation

@kevinschaich

@kevinschaich kevinschaich commented Nov 13, 2026 •

Copy link
Copy Markdown
Member

OpenGraph cards

  • scripts/prerender.ts renders OgCard from @kevinschaich/components/og (^0.8.2: 0.8.0 on npm had no ./og, and 0.8.1 painted the backdrop fade over the words under plain satori). Stat tiles are folded into sub: the index says "95 cameras · specs verified across independent sources", a camera "Brand · spec level N/100 · $price" (parts without data are left out).
  • Fonts registered as body (Public Sans 400), heading (600 and 500), mono (Fragment Mono 400, new dev dependency). satori stays at ^0.63.2.
  • Regenerated: 102 cards (index, 6 other list pages, 95 cameras). 79 of the 95 camera cards carry the camera's own picture (transparent cutout from public/cameras, composed onto the backdrop with sharp, since satori/resvg can't read webp); the other 16 cameras have no picture and use the backdrop, as do the index and list pages.
  • Opened the PNGs for the index, Canon EOS-1D X Mark II (with picture) and Pixii Max (without): words present, bare mark beside "Darkgrade", Public Sans, gold mono caps address, nothing clipped.

PostHog

posthog-js snippet in index.html with the given key, api_host and options. It sits after the twitter:card tag because the prerender replaces everything from <title> to that tag. All 102 built HTML pages contain it. Not tested against the live proxy.

🤖 Generated with Claude Code

kevinschaich and others added 2 commits November 13, 2026 08:27
- Cards render OgCard from @kevinschaich/components/og on Darkgrade's backdrop; stat tiles are folded into
  the sub line. Fonts registered as body, heading (600, 500) and mono (Fragment Mono).
- satori pinned to 0.12.2, the version next/og ships: 0.63 paints the card's absolutely positioned
  backdrop and overlay over its text.
- posthog-js snippet in index.html, after the twitter:card tag so the prerender's head rewrite keeps it.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Nov 13, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
cambench Error Error Nov 13, 2026 3:32pm UTC

Request Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@kevinschaich
kevinschaich merged commit 5547577 into main Nov 13, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant