DEV Community

Cover image for Update: 🏆 GitHub Profile Trophy / Add dynamically generated GitHub Trophy on your readme
ryo-ma
ryo-ma

Posted on

Update: 🏆 GitHub Profile Trophy / Add dynamically generated GitHub Trophy on your readme

Alt Text

I updated the GitHub Profile Trophy.

Repository: https://github.com/ryo-ma/github-profile-trophy

Added themes

I added the following themes.

https://github.com/ryo-ma/github-profile-trophy#flat

flat

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=flat
Enter fullscreen mode Exit fullscreen mode

Alt Text

onedark

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onedark
Enter fullscreen mode Exit fullscreen mode

Alt Text

gruvbox

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gruvbox
Enter fullscreen mode Exit fullscreen mode

Alt Text

dracula

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dracula
Enter fullscreen mode Exit fullscreen mode

Alt Text

monokai

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=monokai
Enter fullscreen mode Exit fullscreen mode

Alt Text

Support to the margin between trophies

You can put a margin in the width and height between trophies.
https://github.com/ryo-ma/github-profile-trophy#margin-width

https://github-profile-trophy.vercel.app/?username=ryo-ma&column=3&margin-w=15&margin-h=15
Enter fullscreen mode Exit fullscreen mode

Alt Text

Added several secret trophies

The acquisition condition is secret, but you can know the condition by reading this code.
https://github.com/ryo-ma/github-profile-trophy#secret-rank

Alt Text


Please try this!😁

Repository: https://github.com/ryo-ma/github-profile-trophy

Top comments (11)

Collapse
 
mindset profile image
Jayesh Tembhekar ⚡

I have a hyphen in my Github username :( not working for me

Collapse
 
ryoma profile image
ryo-ma

I found your username.
github-profile-trophy.vercel.app/?...
Please confirm it.

Collapse
 
mindset profile image
Jayesh Tembhekar ⚡

Yes it is :)

Collapse
 
ryoma profile image
ryo-ma

My username is ryo-ma. it includes a hyphen. But it is working.
Please tell me your user name. And tell me the code you tried.

Collapse
 
mindset profile image
Jayesh Tembhekar ⚡

TechLead-21 is my username

Collapse
 
ash1eyish profile image
Ashley Maria

Neat! Added to mine.

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
j3ffjessie profile image
J3ffJessie

So much creativity. Added immediately. Awesome work.

Collapse
 
ryoma profile image
ryo-ma

Thanks!

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

Already added to my readme :D

Collapse
 
ryoma profile image
ryo-ma

Thanks!