Skip to content

docs: 🎨 Refresh the README's first screen and add a social preview image - #220

Merged
ShisatoYano merged 2 commits into
mainfrom
docs/readme-refresh
Nov 8, 2026
Merged

ShisatoYano merged 2 commits into
mainfrom
docs/readme-refresh

Conversation

@ShisatoYano

Copy link
Copy Markdown
Owner

Closes #88 except the endorsements, which need the quoted people's permission first (see the comment on #88).

Change

README, first screen

  • A summary that says what you can learn, with links: "Read the book · See all simulations · Quick start".
  • Six demos in a 3×2 grid, each linked to its chapter in the web book:
    • Localization: EKF vs UKF vs PF, first, because comparing algorithms is what makes the project different
    • Path tracking: MPPI
    • Path planning: Hybrid A*
    • Mapping: NDT
    • Mapping: cost map
    • Perception: rectangle fitting
  • The CI badges point to this repository instead of the old name AutonomousDrivingSamplePrograms, and a badge for the book is added.

README, other sections

  • "What is this?" and "Goal of this project" become "About this project". The personal book plan is replaced by "The book", which links the web book, the roadmap (Documentation roadmap: from the docs to a web book #165), Discussions and the writing guide.
  • The pyright / sys.path section moves to HOWTOCONTRIBUTE.md (Step 2), since it is for contributors.

Social preview image

  • doc/social_preview.py draws a 1280×640 image (about 180 KB) with the title and a frame of each of the six demos. The white margins are cropped.
  • The book build runs it at config-inited (before Sphinx checks html_extra_path). The image is published at https://shisatoyano.github.io/AutonomousVehicleControlBeginnersGuide/social_preview.png and is not committed (doc/_extra/ is ignored), like the figures.
  • The book's og:image uses it instead of the NDT GIF.

Check

  • The book builds with -W without warnings, and the image is in the build output.
  • Every image path in the README grid exists.
  • test_book_chapters.py passes.
  • Please check the README rendering on the PR's branch page, since GitHub renders the HTML table.

After merge (maintainer)

Download https://shisatoyano.github.io/AutonomousVehicleControlBeginnersGuide/social_preview.png and upload it in Settings → General → Social preview (there is no API for it).

🤖 Generated with Claude Code

Most visitors decide from the README's first screen whether to stay,
and it showed one GIF and a generic sentence. It now says what you can
learn, links to the book and all simulations, and shows six demos in a
grid, starting with the EKF/UKF/PF comparison that makes the project
different, each linked to its chapter.

The social preview image (1280x640) is drawn from the same demos by
doc/social_preview.py when the book is built, published at the book's
root, and used as the book's link preview image. It is not committed,
like the book's figures.

The CI badges pointed to the old repository name, the pyright setup was
for contributors and moves to HOWTOCONTRIBUTE.md, and the book section
no longer describes a personal plan.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@ShisatoYano ShisatoYano added the documentation Improvements or additions to documentation label Nov 8, 2026
@ShisatoYano ShisatoYano self-assigned this Nov 8, 2026
GitHub only displays an animated GIF in a README when it can wrap the
image in its own link; inside our link to the book the six demos stayed
blank. The link to the chapter moves to the caption under each demo.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@ShisatoYano
ShisatoYano merged commit 9958004 into main Nov 8, 2026
5 checks passed
@ShisatoYano
ShisatoYano deleted the docs/readme-refresh branch November 8, 2026 08:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Refresh README for first-time visitors and setup

1 participant