GithubHelp home page GithubHelp logo

binarydex / profilecustomizer Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 222 KB

Looking for a way to add cool badges, text & images & more to your GitHub profile? If so read this repository!

License: MIT License

custom customization profile profile-card profile-customization profile-readme profile-addon profile-stuff

profilecustomizer's Introduction

✨ Profile Customizer

Looking for a way to add cool badges, text & images & more to your GitHub profile? If so read this repository!

GitHub Issues GitHub Pull Requests GitHub Forks GitHub Repo Stars GitHub Repo Size

Fast Travel

Profile Trophies

Profile Trophies allows you to show off achievements and accomplishments like commits, stars & more on your GitHub Profile!

Example of Profile Trophies:

GitHub Profile Trophies

How Do I Use Profile Trophies?

GitHub Profile Trophies can be utilized by taking the text below, finding the part whre it says ?username=BinaryDex and replacing 'BinaryDex' with your GitHub username!

![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark)

Profile Trophy Customization

Themes
Profile Trophies have several different themes you can change by going inside the text example above then finding the text &theme=onedark change 'onedark' to your desired theme. You can find all the themes below. (To change to light mode simply delete the park where it says `&theme=onedark`.
List of Themes
flat, onedark, gruvbox, dracula, monokai, chalk, nord, alduin, darkhub, juicyfresh, buddhism, oldie, radical, onestar, discord, algolia, gitdimmed, tokyonight, matrix, apprentice, dark_dimmed, dark_lover
Filter by Title
Filtering by a title allows you to only display certain trophies. You can use it by going inside the text example below and changing the part where it says &title=Stars and replacing 'Stars' with your specified title (all can be found in the example at the beginning of Profile Trophies)
![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark&title=Stars)

Example of above code:

GitHub Profile Trophies

You can also display multiple titles at a time. If you go into the code below you can find where it says &title=Stars,Followers and replacing either of them. You can add more by adding a ',' after the last one and typing another title.

![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark&title=Stars,Followers)

Example of above code:

GitHub Profile Trophies

Filter by Rank
Filtering by a rank is very similar to Filtering by a title. It allows you to only display trophies that are a certain rank. You can use it by going inside the text example below and changing the part where it says &rank=S and replacing 'S' with your specified rank (all can be found in the dropdown below)
List of all Ranks
SECRET SSS SS S AAA AA A B C
```md ![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark&rank=S) ``` *Example of above code:* > ![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark&rank=S)

You can also display multiple ranks at a time like the titles. You can do this by going into the code example below and find ing where it says &rank=AA,A and replacing either of them. You can add more by adding a ',' after the last one and typing another rank.

![GitHub Profile Trophies](https://github-profile-trophy.vercel.app/?username=BinaryDex&theme=onedark&rank=S,A)

Example of above code:

GitHub Profile Trophies

Extra Pins

Profile Extra Pins allows you to pin more than 6 repositories on your GitHub Profile!

Example of Extra Pins:

Extra Pin Card

How Do I Use Extra Pins?

In the text below you will find a part where it says ?username=BinaryDex replace 'BinaryDex' with your GitHub username. Next, find the part where it says &repo=ProfileCustomizer replace 'ProfileCustomizer' with your github repo name you want to pin. Also make sure to change the username and repo name at the end of the text too! Finally, at the near the end you will see &show_owner=true you can change it to 'false' if you don't want the card to show the repo owner's name or 'true' if you do. You can also change the theme of the card by changing the &theme=onedark value in the text! Learn about more customization and themes here!

[![Extra Pin Card](https://github-readme-stats.vercel.app/api/pin/?username=BinaryDex&repo=ProfileCustomizer&show_owner=true&theme=onedark)](https://github.com/BinaryDex/ProfileCustomizer)

Profile Badges

Profile Badges allow you to show people viewing your profile what programs you use, languages you know, profile views & more!

Example of Profile Badges:

BinaryDex os editor music js html lua markdown python stack gmail opera discord GitHub Sponsors GitHub User's stars GitHub followers

How Do I Use Profile Badges?

Profile Badges Can Be Customized With Custom Icons, Colors, & Text.

Animated Text

Animated Text is a text typing animation that allows you to display text on your profile!

Example of Animated Text:

Typing SVG

How Do I Use Animated Text?

Animated Text can be used in both Markdown and HTML. You can use this webiste to generate your own text including colors, speed & more!

Media Buttons

Credits

To Do

  • Finish Fast Travel
  • Finish Profile Trophies
  • Finish Profile Extra Pins
  • Finish Profile Badges
  • Finish Animated Text
  • Finish Credits
  • Add More Customization Options

profilecustomizer's People

Contributors

binarydex avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.