Add the Contributors Wall template (`github-contributors-wall`)
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 78/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- react, typescript
调研方向
Start with src/templates/event/multi-speaker.ts for the wrapping grid, src/templates/github/stars-banner.ts for the large number, and src/templates/github/contribution-graph.ts for deterministic styling. Implement the template in src/templates/github/contributors-wall.ts, handling initials safely and deriving colors from names. Then re-export it in src/templates/github/index.ts and register it in src/templates/registry.ts; done means it meets the acceptance criteria and shared checklist in #5.
由索引模型根据 Issue 内容生成。
描述
Part of #5. Thank your contributors with a wall of avatars.
Idea
The left side shows the repo name, a large "128 contributors" and a short thank-you line. The right side is a wall of up to 15 circular initials avatars that wrap. Each person's color is picked from a small palette based on their name, so it's the same every time. If the count is larger than the number of names shown, the last circle reads "+113".
Template details
- File:
src/templates/github/contributors-wall.ts, idgithub-contributors-wall - Fields:
repoName(text),commonFields.description,contributorCount(text),contributors(textarea, comma-separated names),commonFields.bgColor,commonFields.accentColor,commonFields.textColor
Where to look
- Closest reference:
src/templates/event/multi-speaker.ts(wrapping grid),src/templates/github/stars-banner.ts(big number) - Deterministic pattern:
src/templates/github/contribution-graph.ts
Acceptance criteria
- Initials are computed safely (one-word names, extra spaces)
- No
Math.random(); colors derive from the name - Re-exported in
src/templates/github/index.tsand registered in the GitHub block ofsrc/templates/registry.ts - Meets the shared template checklist in #5
One template per contributor at a time, so more people get a chance.
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.
- 主要语言
- TypeScript
- 星标
- 8
- 派生
- 4
- 平均合并
- 5 小时 44 分钟
- 30 天内合并 PR
- 83
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
codercops/ogcops 的其他 Issue
-
Add the Order Status e-commerce template (`ecommerce-order-status`)可能已有人在做 @piyusshhjangid 今天认领。 未关闭good first issue hacktoberfest templates
codercops/ogcops#181 · 4 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
Add the Cheat Sheet tutorial template (`tutorial-cheat-sheet`)可能已有人在做 @srikar-naidu 今天认领。 未关闭hacktoberfest help wanted templates
难度 2/5 1-3 小时 新手友好度 45/100
codercops/ogcops#180 · 3 条评论 ·
维护者通常 1 天内回复
-
Add the Call for Speakers event template (`event-call-for-speakers`)可能已有人在做 @Saifjafri212213 今天认领。 未关闭good first issue hacktoberfest templates
codercops/ogcops#177 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
Add the Day Streak developer template (`developer-day-streak`)可能已有人在做 @srikar-naidu 今天认领。 未关闭hacktoberfest help wanted templates
codercops/ogcops#176 · 3 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
hacktoberfest
难度 1/5 1 小时以内 新手友好度 35/100
维护者通常 1 天内回复
相似的 Issue
-
createAI: the ai peer range allows ai@6, which the provider cannot work with可能已有人在做 @akhil9tiet 今天认领。 未关闭bug
难度 1/5 1 小时以内 新手友好度 83/100
cloudflare/agents#2690 · 3 条评论 ·
维护者通常 1 天内回复
-
[fullsend] E2E: theme — global-header ignores app.branding.fullLogo (RHDHBUGS-3670)可能已有人在做 @fullsend-ai-coder 今天认领。 未关闭e2e-failure ready-to-code
难度 1/5 1 小时以内 新手友好度 78/100
redhat-developer/rhdh-plugin-export-overlays#4503 · 1 条评论 ·
维护者通常 1 天内回复
-
needs triage 📥
难度 1/5 1 小时以内 新手友好度 86/100
ethereum/ethereum-org-website#19601 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 76/100
cloudscape-design/components#5184 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 68/100
agilepathway/label-checker#805 ·
维护者通常 1 天内回复