I Turned My GitHub Profile Into a Cyberpunk Console With a City Built From My Contributions

Bypassing GitHub's strict sandbox via SVGs

I just wanted a custom profile. I completely overcooked it.

Don't feel like reading? Fair. But you're going to miss a lot of interesting insights. Anyway, here's my profile link:

Software Engineer | Engineering Manager | Technical Writer |🏆2x Hackathon Winner | ☕Enjoyer - georgekobaidze

• I Wanted a Simple Custom GitHub Profile. But Things Got Out of Hand Quickly 23:00. Fully Cooked. Random Doesn't Mean Bad Why Do I Keep Doing This to Myself?
• 23:00. Fully Cooked.
• Random Doesn't Mean Bad
• Why Do I Keep Doing This to Myself?
• The Contribution City The City That Represents Me The Moment It Clicked
• The City That Represents Me
• The Moment It Clicked
• The Cyberpunk Console Because Why Not?
• Because Why Not?
• Welcome to the Sandbox No JavaScript. No CSS. No Fun? The Loophole: An SVG Is Just an Image Okay, But the Sandbox Has Rules
• No JavaScript. No CSS. No Fun?
• The Loophole: An SVG Is Just an Image
• Okay, But the Sandbox Has Rules
• One Console, 23 Images The Problem: Images Don't Hold Hands Slicing the Console The Tricks That Make It Seamless
• The Problem: Images Don't Hold Hands
• Slicing the Console
• The Tricks That Make It Seamless
• Building the City From Grid to Skyline How Tall Is a Day? Lights On Green or Blue?
• From Grid to Skyline
• How Tall Is a Day?
• Lights On
• Green or Blue?
• It Updates Itself Every Day A Robot on Daily Duty Talking to GitHub: One Query Instead of Twenty The All-Time Problem Talking to DEV When an API Has a Bad Day The README Edits Itself (Carefully) Secrets That Stay Secret Why 12:17?
• A Robot on Daily Duty
• Talking to GitHub: One Query Instead of Twenty
• The All-Time Problem
• Talking to DEV
• When an API Has a Bad Day
• The README Edits Itself (Carefully)
• Secrets That Stay Secret
• Why 12:17?
• Was It Worth It? The Damage Report So... Was It? Come Visit
• The Damage Report
• So... Was It?
• Come Visit

• 23:00. Fully Cooked.
• Random Doesn't Mean Bad
• Why Do I Keep Doing This to Myself?

• The City That Represents Me
• The Moment It Clicked

• Because Why Not?

• No JavaScript. No CSS. No Fun?
• The Loophole: An SVG Is Just an Image
• Okay, But the Sandbox Has Rules

• The Problem: Images Don't Hold Hands
• Slicing the Console
• The Tricks That Make It Seamless

• From Grid to Skyline
• How Tall Is a Day?
• Lights On
• Green or Blue?

• A Robot on Daily Duty
• Talking to GitHub: One Query Instead of Twenty
• The All-Time Problem
• Talking to DEV
• When an API Has a Bad Day
• The README Edits Itself (Carefully)
• Secrets That Stay Secret
• Why 12:17?

• The Damage Report
• So... Was It?
• Come Visit

It was 23:00. I'd just got home after an extremely exhausting day, dropped into the chair in front of my laptop, and... just stared at the screen. No plan. No thoughts. Nothing... Blank.

I'm sure you know the feeling. The day cooks you so hard that your brain switches to screensaver mode, random thoughts start floating in and out on their own, like those bouncing DVD logos that never quite hit the corner.

Here's the funny part: that's exactly when my best ideas tend to show up. When the brain stops trying, it starts shuffling. And random doesn't always mean bad.

That night, somewhere between "I should go to sleep" and "I should really go to sleep," one of those floating thoughts really caught my attention. And, my goodness, it was so good that I got my energy back. Instantly. Like someone had plugged me straight into a wall socket.

"Are you kidding me? This is so cool! I'm building it right now. I don't care how tired I am."

That's what I told myself. Out loud. At 23:00... send help please.