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

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

Автор превратил свой профиль GitHub в рогалик‑дungeon, используя SVG‑слои и .NET‑генератор, автоматически обновляемый GitHub Actions, что повысило мотивацию и завершило задачи.

Задача

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

Результат

The project transformed the author’s GitHub profile into an engaging, self‑updating roguelike dungeon that visualizes contributions, languages, pinned repos, and personal stats, boosting motivation and completing pending tasks.

Рабочий процесс

• 1. Inspired by George Kobaidze’s cyberpunk console profile.
• 2. Designed a roguelike dungeon theme and defined SVG slice structure.
• 3. Implemented a .NET 10 console app (DungeonGen) with renderers for each section.
• 4. Mapped contribution calendar to dungeon tiles and added night sky overlay.
• 5. Generated SVGs and a GitHub Pages interactive page.
• 6. Created a GitHub Action to run the generator daily and commit changes only when needed.
• 7. Added cache‑busting query parameters to SVG URLs to force image refresh.

Доказательства

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.

Источник