diff --git a/README.md b/README.md index 2a436a66..741d9c59 100644 --- a/README.md +++ b/README.md @@ -1,748 +1,855 @@ # Colored Badges for GitHub profiles -I've put together some badges I for my [GitHub profile readme](https://github.com/MikeCodesDotNET) as shown below and thought they might be useful to others. + +I've put together some badges I for my [GitHub profile readme](https://github.com/MikeCodesDotNET) as shown below and thought they might be useful to others.

my github bio page! - +

--- - ## The Badges -All badges are available as both [SVG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/svg) & [PNG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/png). I've also included the original [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) I used to create these should you want to change the text. +All badges are available as both [SVG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/svg) & [PNG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/png). I've also included the original [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) I used to create these should you want to change the text. --- ## How to add a readme on your profile -It's super simple! +It's super simple! Create a new repo using your GitHub username as the repo name. Voilà! 🎉🎉🎉🎉 --- ## Tips for using the Icons + I'm sure you're already a pro with creating GitHub markdown documents, but I thought I'd give you a quick tip anyways. -Always try to use the SVG icons over the png. SVGs are scalable and look fabulous no matter what size device or DPI settings the viewer is using. +Always try to use the SVG icons over the png. SVGs are scalable and look fabulous no matter what size device or DPI settings the viewer is using. + +You can add an SVG image with a link using the following snippet: -You can add an SVG image with a link using the following snippet: ``` example badge - + ``` -Note how I have also provided **margins** of 6px for top and bottom and 4px for left and right. This allows the badges to have a little bit of space between them. +Note how I have also provided **margins** of 6px for top and bottom and 4px for left and right. This allows the badges to have a little bit of space between them. + +### Alignment -### Alignment -You can align the badges by wrapping the seconds in a paragraph tag and setting the alignment property. +You can align the badges by wrapping the seconds in a paragraph tag and setting the alignment property. #### Left Alignment + ```