Skip to content

Instantly share code, notes, and snippets.

@daltonbr
Last active June 9, 2024 23:26
Show Gist options
  • Save daltonbr/7b642dfff171e78e46865e7b65973579 to your computer and use it in GitHub Desktop.
Save daltonbr/7b642dfff171e78e46865e7b65973579 to your computer and use it in GitHub Desktop.
Concise, consistent, and legible badges

Badges - using shields.io

More details in the YouTube Video. Watch the video

Concise, consistent, and legible badges - shields.io

shields.io/badges/static-badge

Using HTML format (in markdown)

  <a href="https://www.linkedin.com/in/daltonlima/">
    <img src="https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white"  alt="https://www.linkedin.com/in/daltonlima"/>
  </a>
https://www.linkedin.com/in/daltonlima    https://www.youtube.com/channel/UCTk4hR5N9e_Rmixdp4lEPNw?sub_confirmation=1    https://x.com/daltonbr   
https://www.youtube.com/channel/UCTk4hR5N9e_Rmixdp4lEPNw?sub_confirmation=1   

Plain markdown

style=plastic

counterstrike

[![counterstrike](https://img.shields.io/badge/first_part-second_part-000000.svg?style=plastic&logo=counterstrike)](https://www.counter-strike.net/)

style=flat

Linkedin

[![Linkedin](https://img.shields.io/badge/linkedin-%230077B5.svg?&style=flat&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/daltonlima/)

style=flat-square

Made with Unity

[![Made with Unity](https://img.shields.io/badge/made_with-Unity-FFFFFF.svg?style=flat-square&logo=unity)](https://unity3d.com)

style=for-the-badge

Made with Unity

[![Made with Unity](https://img.shields.io/badge/made_with-Unity-FFFFFF.svg?style=for-the-badge&logo=unity)](https://unity3d.com)

AutodeskMaya AdobePhotoshop AdobeIllustrator

Blender AffinityDesigner AffinityPhoto

Tip

styles: [flat, flat-square, plastic, for-the-badge, social]

Tip

Icons for the logos: simpleicons.org (or here slugs.md)

[Bonus tip] Alerts for GitHub

These are an extension for markdown in GitHub.

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

[Extra Bonus tip] GitHub Stats

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment