Skip to content

feat(reports): add GitHub profile cards with gold foil effect for new contributors#585

Merged
castrojo merged 4 commits intomainfrom
feat/github-profile-cards-in-reports
Jan 27, 2026
Merged

feat(reports): add GitHub profile cards with gold foil effect for new contributors#585
castrojo merged 4 commits intomainfrom
feat/github-profile-cards-in-reports

Conversation

@castrojo
Copy link
Contributor

Summary

Replace plain contributor lists in monthly reports with rich GitHubProfileCard components that display avatars, bios, repos count, and followers count. New contributors get special "gold foil" styling with animated effects.

Changes

Component Enhancements

  • GitHubProfileCard.tsx: Added highlight?: boolean prop for special styling
  • GitHubProfileCard.module.css: Added gold gradient background, enhanced shadows, gold avatar border, and "⭐ New Contributor" badge with shimmer animation

Report Generation

  • markdown-generator.js:
    • Always imports GitHubProfileCard component (required for both sections)
    • Reordered sections: New Contributors (with highlight={true}) shown first, then All Contributors
    • Both sections use grid layout (2 columns desktop, 1 column mobile) matching donations page style

Generated Reports

  • 2025-12-31-report.mdx: Regenerated December 2025 report with new format

Visual Example

All Contributors (current December report with 0 new contributors):

  • Shows 3 contributors with profile cards
  • Grid layout with avatars, names, bios, stats
  • Matches donations page styling

New Contributors (will appear in future reports):

  • Gold gradient background (#FFD700 to #FFA500)
  • Enhanced hover effects with gold glow
  • "⭐ New Contributor" badge with shimmer animation
  • Gold border around avatar
  • Shown in dedicated section above All Contributors

Testing

✅ Build passes: npm run build
✅ Dev server runs: npm start
✅ December report renders correctly at /reports/2025/12/31/report
✅ Profile cards display with avatars, bios, and stats
✅ Grid layout responsive (2 cols desktop → 1 col mobile)

Note: December 2025 had 0 new contributors, so gold foil effect will be visible in future reports with first-time contributors.

Related

Checklist

  • Code follows conventional commit format
  • Build succeeds without errors
  • Manual testing completed on dev server
  • Component props documented via TypeScript interface
  • CSS follows existing module pattern
  • Regenerated test report with new format
  • AI assistance disclosed in commit footer

… contributors

Replace plain contributor lists in monthly reports with rich GitHubProfileCard
components that display avatars, bios, repos count, and followers count.

Changes:
- Add highlight prop to GitHubProfileCard for special styling
- Add gold gradient background with enhanced shadow effects for new contributors
- Add '⭐ New Contributor' badge with animated shimmer effect
- Reorder sections: New Contributors (highlighted) shown first, then All Contributors
- Update markdown generator to always import GitHubProfileCard component
- Use grid layout (2 columns desktop, 1 column mobile) matching donations page
- Regenerate December 2025 report with new contributor card format

Assisted-by: Claude Sonnet 4 via Cline
Convert January report from plain text contributor list to GitHubProfileCard
components with grid layout, matching the format now used in December report.

- Add GitHubProfileCard import
- Replace plain text list with profile card grid
- Shows 6 contributors: castrojo, hanthor, istvan-derda, ledif, rwaltr, tulilirockz
- Change grid from auto-fit to fixed 2-column layout (repeat(2, 1fr))
- Add gold foil demo: tulilirockz shown as new contributor in January report
- Regenerate December report with new layout
- Update January report with new contributor section

This provides a cleaner, more predictable layout and demonstrates the gold
foil special edition effect for new contributors.
- Move badge from top-right to bottom-left to avoid blocking username
- Update January report: rwaltr and istvan-derda as new contributors
- Remove tulilirockz from new contributors section

The badge now appears in the bottom-left corner where it won't interfere
with the name, bio, or stats content.
@castrojo castrojo merged commit 2cce067 into main Jan 27, 2026
2 checks passed
@castrojo castrojo deleted the feat/github-profile-cards-in-reports branch January 27, 2026 05:53
@castrojo castrojo added the kind/automation CI/CD workflows, scripts, and automation tooling label Jan 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

kind/automation CI/CD workflows, scripts, and automation tooling

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant