The latest articles on DEV Community by CodeSawMir (@samirshrestha). https://dev.to/samirshrestha 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%2F4201888%2Fd74087c3-6fee-4abf-8a05-6d882d6b2d98.jpg https://dev.to/samirshrestha en CodeSawMir Fri, 23 Oct 2026 08:18:01 +0000 https://dev.to/samirshrestha/i-turned-my-photo-into-an-animated-ascii-card-for-my-github-profile-1em6 https://dev.to/samirshrestha/i-turned-my-photo-into-an-animated-ascii-card-for-my-github-profile-1em6 <p>I turned my photo into an animated ASCII card for my GitHub profile, and made it a template anyone can use.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fld98ge947ymkwsnh0zlk.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fld98ge947ymkwsnh0zlk.gif" alt="My GitHub profile with the animated ASCII card" width="760" height="526"></a></p> <p><strong>Three steps, nothing to install:</strong></p> <ol> <li> <strong>Use this template</strong>, name the repo after your username</li> <li>Upload a photo and edit <code>config.yml</code> </li> <li>Commit. A GitHub Action builds the card.</li> </ol> <h2> Make it yours </h2> <p><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%2Fdwnt52t0p63711kwfr9v.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%2Fdwnt52t0p63711kwfr9v.png" alt="3 layouts: side, portrait-right, stacked" width="799" height="664"></a></p> <p><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%2Fss6u8xk84sf13bpjr3va.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%2Fss6u8xk84sf13bpjr3va.png" alt="3 info styles: dots, aligned, arrows" width="799" height="274"></a></p> <p><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%2Fq0a15gahh75dinxl0vnz.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%2Fq0a15gahh75dinxl0vnz.png" alt="6 portrait character sets" width="800" height="439"></a></p> <p>Plus 10 colour themes, dark/light versions, and a header for a greeting or ASCII banner.</p> <p>👉 <strong><a href="https://github.com/samir-created/ascii-profile-card" rel="noopener noreferrer">github.com/samir-created/ascii-profile-card</a></strong> (MIT)</p> <p>Inspired by <a href="https://github.com/Andrew6rant" rel="noopener noreferrer">@Andrew6rant</a>'s profile. If you make one, drop it in the comments!</p> github opensource python showdev