Skip to content

polish README hero: vertical gate stack, fix value-line collision#384

Merged
azalio merged 1 commit into
mainfrom
feat/readme-beautify
Jul 23, 2026
Merged

polish README hero: vertical gate stack, fix value-line collision#384
azalio merged 1 commit into
mainfrom
feat/readme-beautify

Conversation

@azalio

@azalio azalio commented Jul 23, 2026

Copy link
Copy Markdown
Owner

Follow-up polish to the README hero (shipped in #383).

Redesigns the hero's right rail to fix a layout collision and improve legibility:

  • Before: the right rail was a cramped 2-row mini-loop (SPEC→PLAN→CODE / REVIEW→LEARN→next run) plus a dashed return arc, starting at x=740. The value line "You approve the plan before the model writes a line of code." (~715 SVG units) crowded that rail boundary.
  • After: a clean vertical gate stack (SPEC, PLAN, TEST, CODE, REVIEW, LEARN) on a 248-unit rail, separated from the title block by a divider. PLAN stays the amber approval gate (✓ you approve), LEARN the green loop-back (↻ next run).

Font-metric verified (DejaVu, which is wider than the rendered -apple-system, so conservative):

  • value line 2: 715 ≤ 770 available
  • title: 544 ≤ 772 available
  • gate-row labels fit their boxes with headroom

No README.md change — the hero alt text already describes the loop accurately. Only assets/readme/hero.svg is touched.

Redesign the hero right rail from the crammed 2-row mini-loop + return arc
into a clean vertical gate stack (SPEC, PLAN, TEST, CODE, REVIEW, LEARN) on
a 248-unit rail separated by a divider. PLAN stays the amber approval gate,
LEARN the green loop-back. Moves the value line fully clear of the rail —
the old layout let "You approve the plan..." (≈715 units) crowd the 740px
rail boundary. Font-metric verified: value2 715 ≤ 770 avail; title 544 ≤ 772.
@coderabbitai

coderabbitai Bot commented Jul 23, 2026

Copy link
Copy Markdown

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (1)
  • assets/readme/hero.svg is excluded by !**/*.svg

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: acf953b1-ef0d-46d8-bbde-d0578748e9a7

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/readme-beautify

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@azalio
azalio merged commit 3e27b58 into main Jul 23, 2026
7 checks 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