Add demo screenshots to the README

[finallyjay]

Adds two screenshots (captured in demo mode via Playwright, resized for weight) shown side by side near the top of the README:

• The hub — sign in + choose your duel
• Bookmarks Roulette — the revolver cylinder and the WANTED verdict, with Spare / Pull-the-trigger

Gives the project a visual hook for first-time visitors now that the repo is public.

🤖 Generated with Claude Code

Summary by CodeRabbit

• Documentation
  • Added visual hero section to the README featuring screenshots of the application's sign-in interface and Bookmarks Roulette feature, providing users with a quick preview of key functionality.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
daily-dev-roulette	Ready	Preview, Comment	Jun 3, 2026 8:50pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 4da069f1-6856-49a2-b605-5bafdfba5035

📥 Commits

Reviewing files that changed from the base of the PR and between 54f9662 and cff8ddd.

⛔ Files ignored due to path filters (2)

• docs/home.png is excluded by !**/*.png
• docs/roulette.png is excluded by !**/*.png

📒 Files selected for processing (1)

• README.md

---

📝 Walkthrough

Walkthrough

This PR adds a centered hero image section to the README displaying two visual screenshots: the hub/sign-in interface and the Bookmarks Roulette gameplay experience. The images are wrapped in HTML markup with descriptive alt text for accessibility.

Changes

README Documentation

Layer / File(s)	Summary
README hero images README.md	Centered image block added to README with two screenshots (docs/home.png for hub/sign-in and docs/roulette.png for gameplay) with descriptive alt text.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A picture's worth a thousand words, they say,
Two screenshots now greet readers at display—
Home and roulette, centered just right,
Making the README a visual delight! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Add demo screenshots to the README' accurately and concisely summarizes the main change: adding visual demo screenshots to the README file.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch add-readme-screenshot

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

Adds prominent demo screenshots to the README to give first-time visitors a quick visual understanding of the app (hub + Bookmarks Roulette) now that the repository is public.

Changes:

• Inserts two demo screenshots near the top of the README, displayed side by side.
• Provides descriptive alt text for both images for accessibility.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.