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

Описание и применение

Автор создал интерактивный roguelike‑дungeon для своего GitHub‑профиля, используя C#‑генератор и GitHub Actions, чтобы ежедневно обновлять 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.

Источник