Skip to content

feat: social-preview card generator - #7

Merged
JustMaris merged 1 commit into
mainfrom
feat/social-card-generator
Sep 2, 2026
Merged

JustMaris merged 1 commit into
mainfrom
feat/social-card-generator

Conversation

@JustMaris

Copy link
Copy Markdown
Member

A small generator for the per-repo social-preview cards, so github.com/drumandbytes/* links unfurl as a branded set.

profile/social/

File
template.html Card layout — dark ground, #FF6633 rule, name + tagline, optional device slot.
devices.min.css devices.css v0.2.0 (MIT, vendored) — pure-CSS device frames.
build.sh Renders one card via headless Chromium: ./build.sh <slug> "<tagline>" [none|phone|tablet|laptop|stacked] [shot]
build-all.sh + cards.tsv Regenerate the whole set.
screenshots/ Downscaled JPGs feeding the framed cards.
out/ The 8 current cards (regenerated by build-all.sh).

Layouts

  • type-only — opentofu-updater-action, argocd-gitops-updater-action, nordvpn, pve-metrics-exporter, dotfiles
  • single phone — eraser (its new live site), road-conditions-ee (Teesilm map)
  • stacked two-phone — f1-walk: circuit hub behind, corner-walk view in front (it's a multi-circuit hub now, not Monaco-only)

Notes

  • Only real dependency is a Chromium (BROWSER env; defaults to Brave). magick optional for montage.
  • App screenshots: headless Chrome can't render the WebGL maps, so f1-walk / road-conditions-ee are captured with shot-scraper (Playwright, via uvx) — commands + the intro-modal-dismiss JS are in the folder README.
  • Cards are still uploaded to each repo's Settings → General → Social preview by hand; there is no API for that setting.
  • eraser.drumandbytes.dev is live now (it 404'd earlier).

🤖 Generated with Claude Code

HTML template + devices.css (MIT, vendored) rendered to 1280x640 PNGs via
headless Chromium. cards.tsv drives the set; build-all.sh regenerates it.
Supports type-only, single-device (phone/tablet/laptop) and stacked
two-phone layouts. App screenshots captured with shot-scraper (Playwright)
since headless Chrome can't render the WebGL maps — see profile/social/README.md.

Cards still get uploaded to each repo's Social preview setting by hand
(no API for it).
@JustMaris
JustMaris merged commit fa499cc into main Sep 2, 2026
2 checks passed
@JustMaris
JustMaris deleted the feat/social-card-generator branch September 2, 2026 11:29
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