GitHub has added profiles, here are the most creative ones so far!
GitHub has released a new feature allowing people to display a readme markdown file on their profile, while it seems like a small feature at first, people are turning this simple readme into some incredibly creative and funny profiles!
Firstly, you’re going to want to know how to add one of these onto your GitHub profile, which involves creating a repository with the name matching your profile. While I could walk you through it, Monica Powell has created a perfect step by step guide to get you going!
Now, we know that we’re working with a simple readme, which seems limiting, but within tight limits are where creativity grows… here are some noteworthy creations!
Marcy Sutton was quick to the races! With a beautifully made custom banner that adds a professional and creative flair that makes the profile come alive.
Alright, my GitHub profile is updated! Create a new repo at your username/username and you can have one too. I self-hosted the banner image, illustrated by Thunder Rockets. ✨https://t.co/VGEbbBSiAB pic.twitter.com/AxTcLZTGNA
— Marcy Sutton (@marcysutton) July 9, 2020
Here’s an old classic that we will never forget, and that will hopefully never go out of fashion, the visitor counter!
Ryan Lanciaux has created a fantastic guide, as well as a forkable glitch repository that you can use to add your own visitor counter, cleverly, when the image is requested the server can increment a counter, which then itself will update how the image is rendered on its next request!
If it feels like something is missing from your GitHub profile, perhaps you need a retro inspired visitor counter.
— Ryan Lanciaux (@ryanlanciaux) July 13, 2020
Make your own w/ this guide https://t.co/Kru1SgWVvh
You can see it in action at https://t.co/11zUaLViue (h/t for this link service @shanselman) #DEVCommunity
Some people are using a clever combination of the profile image, and images sitting within the readme creating a neat dynamic expanding across the page. MedElBoudali’s being a personal favorite of mine.
GitHub devs who came up with the profile README feature rn - :") pic.twitter.com/QBM4ak1632
— Priyansi (@iiverveii) July 10, 2020
The nature of the readme is of course creating a space for some unique ASCII art as well, whether it be a placeholder or not, it will always stand out from the crowd.
It's finally here!
— Kautuk (@Kautukkundan) July 9, 2020
I have created this repository to curate README templates for your profile-https://t.co/VGW99Xk7KK
I'll keep it updated with the coolest templates
🍴 Fork it
💻 Add your own#github #CodeNewbie #100DaysOfCode #DEVCommunity #webdev #OpenSource #readme #Dev pic.twitter.com/PA5rwW40mY
Nate Moore has impressively (really impressively!!) managed to create a “now playing” widget connected to Spotify, serving up a dynamically rendered SVG that updates with the current song, as well as a progress bar… which honestly is far beyond what I thought would be possible, and we’re only into the first few days of having this feature.
I embedded a @Spotify Now Playing widget in my @github profile README!
— Nate Moore (@n_moore) July 12, 2020
It's an SVG rendered on the fly via @vercel serverless function, included in the README via <img> tag.
Supremely over-engineered, but I discovered lots of fun hacks in the process.https://t.co/Z8TBE9WxRy pic.twitter.com/wdKw0maPKp
Simon Willison has created a GitHub readme that will self-update with various updates to projects and their blog, for the most part utilizing the GitHub API and some nifty python code.
Tim Burgan has created life! A chess game, set up in a way that makes it easy for you to create new issue requests on the repository with the move, as the move is taken the board will update with the game displayed for all, as well as the historical movements of the game.
Chess tournament in a GitHub profile README 🤯https://t.co/iKm7uaSmqF pic.twitter.com/5D9ndG9SNA
— Chris Mytton (@chrismytton) July 9, 2020
All in all, we’ve got some real ingenuity flowing out of the community right now, bringing some of the good vibes that remind me in a small way of the early web, when everyone is learning from each other and pushing their little corner of the internet to nicer and better things.