Skip to content

Add social preview image and Open Graph tags - #5

Merged
pythonicode merged 2 commits into
fix/pinch-zoom-anchorfrom
feat/og-image
Oct 14, 2026
Merged

pythonicode merged 2 commits into
fix/pinch-zoom-anchorfrom
feat/og-image

Conversation

@pythonicode

Copy link
Copy Markdown
Owner

Summary

Adds a social preview image so links to O-Analysis show a proper card when shared.

Stacked on #4 (fix/pinch-zoom-anchor), so the diff shows only this change.

  • public/og-image.png: 1200×630 card with the app icon, name, tagline, feature pills, and a real map from the bundled sample project with numbered control markers.
  • scripts/generate-og-image.mjs (bun run generate-og-image): rebuilds the card from the repo. The map comes from public/sample.anal, so it doesn't need a separate asset.
  • index.html: og:* and twitter:card (summary_large_image) tags, with a canonical URL. The image and URLs use https://oanalysis.com/.

Testing

  • Generated the image and checked it visually. The map card clears the tagline and pills.
  • bun run build passes and the tags appear in dist/index.html.
  • Not verified in live previews. Facebook, X and Slack cache previews, so check them after deploying. Use each platform's debugger to force a refresh.

🤖 Generated with Claude Code

A 1200x630 card shows the app name, what it does and a real map from the
bundled sample project. scripts/generate-og-image.mjs builds it from the repo
(bun run generate-og-image). index.html gets og:* and twitter:* tags that point
at oanalysis.com.

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

vercel Bot commented Oct 14, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
analysis Ready Ready Preview Oct 14, 2026 9:33am UTC

Drops the feature pills and uses the single tagline "Analyze and annotate
your orienteering sessions" on two lines so it clears the map card.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
@pythonicode
pythonicode merged commit 8fbb2ca into fix/pinch-zoom-anchor Oct 14, 2026
4 checks passed

This branch was successfully deployed

1 active deployment
Preview — 26b3cb72 Deployed Oct 14, 2026 by vercel[bot]
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