The GitHub profile feature just went live for a subset of users. Simply creating a repo named after your username, and clicking share to Profile on the sidebar will create a custom profile that shows up just above your pinned projects.
I am still trying to figure out what to put on mine, but this is what I have so far. I feel like mine is a bit big at the moment, I don't like that my pinned repos end up blow the fold.
updated
I tightened mine up and took inspiration from a few others.
updated again
Updated with a list of latest Twitter followers, using GitHub actions.
Share a screenshot and link of yours below 👇
Top comments (160)
Cool feature!
My Profile 🙂
This is the coolest profile of the lot :)
This definitely takes the cake for the most minimal and aesthetically pleasing profile README that I've come across so far. 👍🤤
That Gif is sooo cool!✨ I want one now.
Just started with it, sweet and simple.
github@akshaykhale1992
I like the "Get in touch" section
Thank you!!!
Here is mine
Amazing ✨
Please add your profile to Developer Profile so that others will get inspiration to create their own. 😃
Excellent stuff, thanks for sharing, I knew there were going to be quite creative ideas here!
I drew inspiration from github.com/CyrisXD and just mangled some code.
It's nice that you give credit to him :) Both are quite cool! I might consider something similar.
A man should give credit where it's due.
That is sooo cool
Thanks!
I like this feature. I just created a basic one to test it out but will be adding more content soon. you can check it at @nombrekeff, I welcome any suggestion and advice :)
I just published a DEV.to post asking for what people think about it, and what use will they be giving it. You can add your grain of sand if you'd like, I always enjoy hearing what people have to say about these new features.
What Do You Think About "Github's new Profile README"?
Manolo Edge ・ Jul 9 ・ 1 min read
I like how you have listed out things horizontally to save space, looks great!
Cheers, I discovered it on a project of mine and liked how it looked in contrast with tables, which look a bit to busy for me.
I also like the concept of having a branded banner at the top, as in yours.
Agree tables can add a ton of clutter, and there isn't much benefit in keeping it in markdown as markdown tables aren't really much cleaner.
Thanks for the comment on min!
I just trimmed mine way down. You can see it live now, I will update the images later.
It's looking great; I'll be getting some inspiration from it :)
Hey, y'all - Sharing my MySpace page (waiting on those CSS templates). github.com/bdougie/
It is also using GitHub Actions to power the Top8 in the developer.yaml. I will write a post on that soon.
Thanks for sharing Brian. Honored to have you here in the comments. I like how you compare your profile readme to MySpace. I feel that the profile readme is the new myspace page. It gives you enough to hack on to be really fun and creative, but limits you in a lot of ways that your own website wouldn't. I also feel right now that there is a ton of sharing little snippets to get different layouts, or SSG from actions. The whole thing has kinda a MySpace feel.
It looks brilliant. I like how clean and accurate you've designed it. My absolute favorite!
Well designed and such a cool call to action!
Thanks Waylon! Loving yours too btw 😊 ✨
Thanks @mangamaui !
Your profile pic is super cool, Star Wars and Photography.
Here's mine @lauragift21 :)
Love the centering
Here's mine
github.com/anuraghazra
And recently I created this service to help everyone add stats to their readme 😄
Check out github-readme-stats
It has lots of features, including stats card, github extra pins, dark mode, animation etc etc
github.com/anuraghazra/github-read...
Dynamically Generated Github Stats For Your Profile ReadMe
Anurag Hazra ・ Jul 10 ・ 2 min read
That is sooo cool. I love the animations when I go to the url.
I was so confused how this rendered as an image in a readme, but was fully highlightable and animated..... svg is amazing.
Thanks! 😄 Yes github can actually render svg images in readme even with animations
Well here it is
I didn't do anything fancy... cuz I'm not fancy lol. I like it though. Will be updating with more things as I go along and find some inspo 😛
So many of us ended up here on an "accidental career path". I wouldn't have planned mine to end up here even just a few years ago. It's something that took me a long time to realize. Not everyone here was a 14-year-old programming genius or Comp Sci Superstar. Many of us are mid-career switchers who just like building cool things.
Hahaha I feel the "just a few years ago" too. I'm still figuring out my way between doing development and other non-techy things that I also enjoy. 😅
We've never tried to push markdown very far. Getting an image link to a video worked - but what other cools stuff can we put in there? Is there any way to embed canvas?
Your mission statement is wicked cool 😎.
Not sure about canvas. Based on what I have seen on others, they take a gif and embed that in the readme. Gets rid of any interactive feature, but still give the ability to do some cool motion graphics.
Awe, you're sweet! It's real. ; )
Yeah - we checked out all the examples we could find that looked "animated" - and they were gifs.
If MD just spits out HTML, then it seems like you could somehow drop some JS/Vue in there - and make it interactive... or maybe just some SVG and complex hover logic. We will for sure check it out and play around. : )
Just finished mine.
Maybe a little too big, but I am generally happy about it. I think it describes me very well.
Maybe I can make the "What I do section" bullet points so it becomes smaller and with less text.
Will keep iterating on it and take inspiration on some great examples in the comment section.
That is super detailed. 👍
Have done a couple of changes. Now it´s smaller and more focused. Less of a CV in some parts.
I went Old Skool
Still a little bummed that couldn't do it as a
.planor similar.I'm Curious... what is a
.planBack when most Unix systems were concurrently-multiuser and before
fingerdwas banned from most Unix systems as a security-risk, you could set up a few world-readable files in your world-readable home directory that the finger-daemon would read. Most of the commonfingerdimplementations would read your.planand your.projectfiles. Some even let you set up a "face" file (also usable by some mail systems). If someonefingered you, those files would be used to display additional information about you.Further, the
fingerdservice would read additional elements from the GECOS field of your/etc/passwdentry:Even to today, if you've got a personal UNIX system, you can add all of the above to your
/etc/passwdfile and home-directory ...just that, both due to common security settings and the fact that most UNIX systems are now single-user, nobody does any more.Effectively, the whole GitHub profile README.md is another example of "what's old is new, again".
It probably won't be long after corporate security groups become aware of the capability that employers that try to limit what employees put on LinkedIn will be adding personal GitHub README files to their social media policies.
Right now, mine is just the default readme of #ItsASine haha
I'm working on an about page for my personal site, so I might just use that copy when I'm done. That way it would further reinforce that real name is ItsASine since I don't cross those two.
EDIT:
I added a bunch of StarTrek, Chubber, and SwearTrek gifs because I think I'm clever:
ItsASine
Great Idea to reuse your own about page. Makes things a bit more consistent as well.
Here is mine. I know its pretty long and it is a prototype. Any suggestions are welcome.
It is much better and shortened now.
github.com/Delta456/Delta456
I like the shortened version, I'm going to use the Social section, and tables idea
Thanks! don't forget to credit me though ;p jk
Hey I am also a V programmer, dont do a lot with V rn, nor is anything on GitHub but I do work with (and sometimes on) V
I know you from the discord server!
Oh cool! I left discord almost completely. I might come back to communities in the future if Discord choses to not such, but I am in the Telegram still.
🤓 @ileriayo
Inspiration:
Nice one @ileriayo .
If you are using this as a resume. I would suggest highlighting your top skills. The things that you most want to work with, or the things that you have the most experience with. Listing out a whole list of tech can make it seem like you don't have deep expertise in much. I do see that it shows how resourceful you are and that you are willing to learn what it takes to get the job done. I would suggest leaving 2-4 as badges and the rest can be in text format so that your top skills stand out a bit more.
Thanks for the feedback on my profile, Waylon. I've made the necessary adjustments highlighting my top skills. This is indeed my resume.
👏 That looks much better and far more professional. I like how the badges highlight your top skills.
You have tailwind duplicated, you might want to take that out of the text.
I like the animation from your website you should re-use that to show off your animation skills. You can take this gif and pop it in the top of your readme if you want.
When I saved it I set it not to loop, you might have to click it to see the animation.
Hey Waylon, you went out of your way to do this.
I'm so grateful. Thanks 🙏😭