The latest articles on DEV Community by Ilkin (@ilkin97). https://dev.to/ilkin97 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2470684%2Fa5d66663-627b-4fe3-a78e-66126a474cc2.jpeg https://dev.to/ilkin97 en Ilkin Mon, 12 Oct 2026 09:34:10 +0000 https://dev.to/ilkin97/i-turned-my-github-profile-into-a-dark-souls-inspired-rpg-character-sheet-c9i https://dev.to/ilkin97/i-turned-my-github-profile-into-a-dark-souls-inspired-rpg-character-sheet-c9i <p>What if your GitHub profile looked less like a developer résumé and more like a character screen from Dark Souls?</p> <p>That was the idea behind my latest GitHub profile redesign.</p> <p>As someone who enjoys dark fantasy and Soulsborne games, I wanted to build something that felt like an RPG interface while still showing my actual development experience.</p> <p>🔥 Bonfire Lit</p> <p>Instead of a traditional profile README, I created a dark fantasy experience featuring:</p> <p>⚔️ Custom SVG banners and fantasy-inspired headings</p> <p>🛡️ An RPG-style character HUD for my technical skills</p> <p>🔥 Bonfire-inspired visuals and animations</p> <p>🐍 An animated GitHub contribution snake</p> <p>📊 GitHub statistics, language charts, and activity graphs</p> <p>✨ Animated typing effects and custom badges</p> <p>🌑 A dark charcoal and antique gold color palette</p> <p>The result combines GitHub, programming, and the atmosphere of Dark Souls and Elden Ring.</p> <p>🖼️ Preview</p> <p>See the full animated profile on GitHub</p> <p>🛠️ How I Built It</p> <p>The profile uses a combination of Markdown, HTML, SVG assets, and GitHub-compatible widgets.</p> <p>Custom SVG graphics establish the visual identity, while dynamic statistics and contribution visualizations keep the page interesting.</p> <p>I also wanted the design to reflect my actual interests: backend engineering, Linux, automation, Docker, Python, TypeScript, and systems programming.</p> <p>It's not just decoration. It's a developer profile presented as a fantasy character sheet.</p> <p>⚔️ Explore the Source</p> <p>The entire README and its assets are available in my public GitHub repository.</p> <p>👉 Explore the GitHub repository</p> <p>Feel free to explore the code and use it as inspiration for your own profile.</p> <p>If you like the design, consider leaving a ⭐ on the repository. It helps other developers discover it!</p> <p>💬 What Do You Think?</p> <p>Would you use an RPG-inspired GitHub profile, or do you prefer a minimalist design?</p> <p>And if you could theme your GitHub profile around any game, which would you choose?</p> <p>Don't you dare go hollow. 🔥<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frluo5s02lioo62roi0i6.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frluo5s02lioo62roi0i6.png" alt=" " width="800" height="450"></a><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight markdown"><code> <span class="p">![</span><span class="nv"> </span><span class="p">](</span><span class="sx">https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/xo9zih4urb6kpj42ntcg.png</span><span class="p">)</span> <span class="p">![</span><span class="nv"> </span><span class="p">](</span><span class="sx">https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/8qdv83261cl9cia3jdut.png</span><span class="p">)</span> <span class="p">![</span><span class="nv"> </span><span class="p">](</span><span class="sx">https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/dur7ntztp7porqsexlu4.png</span><span class="p">)</span> </code></pre> </div> design github showdev webdev