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

Description and use

The author turned their GitHub profile into a roguelike dungeon using stacked SVG slices and a .NET generator, automatically updated by GitHub Actions, boosting motivation and completing tasks.

Problem

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

Outcome

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.

Workflow

• 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.

Evidence

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

Source

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

Source

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

Source