Skip to content

Homepage: share your month (recap cards) - #261

Merged
xuelink merged 1 commit into
mainfrom
claude/recap-share-cards
Oct 6, 2026
Merged

xuelink merged 1 commit into
mainfrom
claude/recap-share-cards

Conversation

@xuelink

@xuelink xuelink commented Oct 6, 2026

Copy link
Copy Markdown
Member

The app now lets every page of the monthly recap be shared as its own picture (langx/langx#1731). This adds a fifth chapter to the homepage story, share your month.: the six cards (intro, messages, corrections, Echo, streak, the summary) shown as a fanned hand that deals out when the chapter scrolls into view. A card under the pointer lifts.

  • The images are real renders from the API's card code for the example account (@sofia, her sample portrait, September), story-shaped, downscaled to 540×960 WebP (18–31 KB each), and lazy-loaded.
  • Reduced motion: the hand is shown already fanned, with no transition.
  • Copy stays short and has no numbers to explain, as on the rest of the homepage.

Verified

  • npm run check: 0 errors. The two warnings are pre-existing. npx vite build passes, and the chapter is in the prerendered index.html. npm run lint lists the same pre-existing Prettier warnings as main; Story.svelte is not among them.
  • Looked at it on the built site: desktop light and dark, and a 375 px phone, where the hand stays inside the screen with no horizontal scroll.

🤖 Generated with Claude Code

The app now lets every page of the monthly recap be shared on its own
(langx/langx#1731). The homepage shows the six cards as a fanned hand,
rendered by the app's own card code for the example account, @sofia,
dealt out when the chapter scrolls into view.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@xuelink
xuelink merged commit 68c3953 into main Oct 6, 2026
1 check 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