fix(docs): match blog card images to post titles and fix broken badge#204
Merged
rubenmarcus merged 7 commits intomainfrom Feb 19, 2026
Merged
fix(docs): match blog card images to post titles and fix broken badge#204rubenmarcus merged 7 commits intomainfrom
rubenmarcus merged 7 commits intomainfrom
Conversation
- Replace broken shields.io GitHub stars badge with custom "built with ralph-starter" badge (PNG with Ralph icon, includes @2x retina) - Add dedicated card images for 2 posts that were using wrong cards: - why-autonomous-coding.md was showing "The Ralph Wiggum Technique" card - validation-driven-development.md was showing "Specs Are the New Code" card - Update all card titles/subtitles to match actual blog post frontmatter - Fix "Five AI Coding Agents" → "5 AI coding agents" on card image - Regenerate all 14 blog card images with correct titles Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
Contributor
Issue Linking ReminderThis PR doesn't appear to have a linked issue. Consider linking to:
Using If this PR doesn't need an issue, you can ignore this message. |
Contributor
🔗 Docs PreviewPreview URL: https://fix-blog-cards-and-badge.ralph-starter-docs.pages.dev This preview was deployed from the latest commit on this PR. |
Contributor
Greptile SummaryThis PR fixes documentation assets to ensure proper visual consistency. The broken shields.io GitHub stars badge (showing INVALID) has been replaced with a custom "built with ralph-starter" badge featuring the Ralph icon with retina display support. Two blog posts that were incorrectly using another post's card image now have their own dedicated og:image cards. All 14 blog card titles and subtitles have been updated in the image generation script to match the actual blog post frontmatter, including fixing "Five" to "5" on the AI agents comparison card. Changes include:
Confidence Score: 5/5
Important Files Changed
Last reviewed commit: fecb3a8 |
- Regenerate dark badge with contrasting backgrounds (#1a1a1e / #333338) - Add light variant badge (gray / amber) - Create /badge page for users to customize and copy badge code - Add badge section to README.md - Move badge to footer, restore GitHub stars in navbar Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Ensure transparent alpha channel so the rx=8 rounded corners from the SVG clip-path are preserved in the exported PNGs. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Convert favicon-96x96.png to 14x14 base64 PNG for the shields.io flat badge variant. The logo now shows the actual Ralph character instead of a placeholder. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Upgrade Ralph logo from 14x14 to 32x32 base64 for sharper rendering - Flat badge now renders at natural shields.io height (~20px) instead of being forced to 28px which made it look oversized and blurry Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Keep only Dark and Light custom badge variants which render consistently at the right size and resolution. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Details
Badge fix:
The
shields.io/github/starsbadge withfor-the-badgestyle and custom colors was returning INVALID. Replaced with a custom PNG badge (includes @2x retina variant) showing Ralph icon + "built with ralph-starter".Card image fixes:
All other cards updated to match post titles more closely (lowercase, matching wording).
Test plan
🤖 Generated with Claude Code