I Was Overwhelmed, So I Turned My GitHub Profile Into a Roguelike Dungeon

说明与用途

作者使用 C# 生成器和 GitHub Actions 构建了一个 roguelike 地牢风格的 GitHub 个人资料，利用 SVG 切片每日更新并可视化贡献。

问题

The author was overwhelmed with a long to‑do list and needed a motivating project to regain momentum.

结果

The project transformed the author’s GitHub profile into an engaging roguelike dungeon, providing daily visual feedback on contributions and motivating task completion.

工作流

• 1. Inspired by George Kobaidze’s cyberpunk console profile.
• 2. Designed a roguelike dungeon theme and built a .NET 10 console generator.
• 3. Created SVG slices for each profile section (header, dungeon, inventory, quests, footer).
• 4. Implemented a GitHub Action to run the generator daily and commit updated SVGs and README.
• 5. Added a GitHub Pages site for interactive hover tooltips on the dungeon.
• 6. Refined rendering rules (960px width, 40px multiples, side rails, clickable quest cards).
• 7. Fixed bugs (private contributions, language weighting, open‑source PR counts, token errors, line rendering, cache busting).

证据

I started small: a header with a typing animation, built by animating a clipPath width one character at a time.

来源

A GitHub Action runs the generator every day and commits only if something changed:

来源

Each day becomes a 14px tile: 0 contributions = stone wall, more contributions = brighter floor tiles, busiest days = treasure chests.

来源