docs: Add GitHub Sponsors card to README - #22
Conversation
Added GitHub Sponsors iframe at the bottom of the README to make it easy for users to support the project development. **Changes:** - Added sponsor card iframe after GitHub badges section - Properly formatted with multi-line attributes to stay within 120-char limit - Positioned at the bottom within the centered div for consistent styling **Implementation Details:** The sponsor card uses GitHub's official sponsor card widget: ```html <iframe src="https://github.com/sponsors/Enteee/card" title="Sponsor Enteee" height="225" width="600" style="border: 0;"> </iframe> ``` **Benefits:** - Provides easy visibility for sponsorship options - Uses GitHub's native sponsor card (auto-updates with sponsor tiers) - Seamlessly integrates with existing README styling - Encourages community support for project development **Validation:** - Passes markdownlint with project config (MD033 HTML allowed, 120 char limit) - No code changes - documentation only 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Code Quality Review - PR #22✅ Make Check StatusNote: The Formatting code... 📋 Review SummaryThis PR adds a GitHub Sponsors card iframe to the README. Overall, this is a well-executed documentation change that follows project conventions. ✅ What's Good
💡 Observations
🎯 RecommendationsNo blocking issues. The PR is ready to merge as-is. Optional future enhancement: If you want to address the pre-existing line length issue on line 701, you could break the GitHub Stars badge into multiple lines, though this is cosmetic and not required. 📊 Technical Validation
🏁 VerdictAPPROVED - This is a clean, compliant documentation change that adds value to the project by making sponsorship more visible and accessible. Reviewed by Claude Code - Automated Code Review |
GitHub's markdown renderer strips iframe tags for security. Replaced with a shields.io badge using reference-style links to maintain line length limits. The new badge: - Renders correctly on GitHub - Links to GitHub Sponsors page - Uses reference-style links for markdownlint compliance - Maintains prominent visibility with for-the-badge style 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Removed redundant heading and description text for the sponsor badge, keeping just the badge itself for a cleaner, more minimal presentation. This reduces visual clutter while maintaining the sponsorship call-to-action. The badge remains prominently visible and clickable, linking directly to GitHub Sponsors. Reference-style links maintain markdownlint compliance. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Replaced custom shields.io badge with GitHub's native sponsors badge for better consistency with other social badges. The standard social badge: - Matches the styling of GitHub Stars and Follow badges - Uses GitHub's official sponsor badge service - Provides a cleaner, more minimal look - Still links directly to GitHub Sponsors page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Summary
Adds a GitHub Sponsors badge to the README, making it easy for users and contributors to support the project financially through GitHub Sponsors.
Changes
Final Implementation
Added GitHub's native sponsors badge alongside the existing GitHub Stars and Follow badges at the bottom of the README.
Evolution of Implementation
This PR went through several iterations to find the optimal solution:
Initial attempt: Used
<iframe>for GitHub's sponsor card widgetSecond attempt: Custom shields.io badge with reference-style links
style=for-the-badge(prominent but inconsistent)Final solution: GitHub's native sponsors badge with
style=socialBenefits
Technical Details
style=socialparameterTesting
🤖 Generated with Claude Code