diff --git a/README.md b/README.md index 4a4352c9..85a8584d 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ # 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! - +

--- @@ -12,13 +12,13 @@ I've put together some badges I for my [GitHub profile readme](https://github.co ## 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à! 🎉🎉🎉🎉 @@ -27,19 +27,19 @@ 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 -You can align the badges by wrapping the seconds in a paragraph tag and setting the alignment property. +### Alignment +You can align the badges by wrapping the seconds in a paragraph tag and setting the alignment property. #### Left Alignment ``` @@ -50,13 +50,13 @@ You can align the badges by wrapping the seconds in a paragraph tag and setting

blogger - + blogger - + blogger - +

#### Center Alignment @@ -68,13 +68,13 @@ You can align the badges by wrapping the seconds in a paragraph tag and setting

blogger - + blogger - + blogger - +

#### Right Alignment @@ -86,189 +86,189 @@ You can align the badges by wrapping the seconds in a paragraph tag and setting

blogger - + blogger - + blogger - +

--- -## Editing / Creating you own -The [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) contains a page detailing how to match the existing badge styles. +## Editing / Creating you own +The [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) contains a page detailing how to match the existing badge styles. --- -## Missing a badge you want? -Either create your own with the supplied files or create an [issue](https://github.com/MikeCodesDotNET/ColoredBadges/issues/new?body=I%27d+like+to+have+a+new+badge.%0A%0A---Request+Info:) and if enough others thumbs-up the issue then I'll do my best to get the badge made. +## Missing a badge you want? +Either create your own with the supplied files or create an [issue](https://github.com/MikeCodesDotNET/ColoredBadges/issues/new?body=I%27d+like+to+have+a+new+badge.%0A%0A---Request+Info:) and if enough others thumbs-up the issue then I'll do my best to get the badge made. -### Badge requests -It's super useful to have a few bits of information to speed up badge creation. It's much appreciated but not obligatory for you to provide an example icon/reference image, preferred background color and the text label content. +### Badge requests +It's super useful to have a few bits of information to speed up badge creation. It's much appreciated but not obligatory for you to provide an example icon/reference image, preferred background color and the text label content.

badge anatomy - +

-### Request Template: +### Request Template: -**Reference Icon(s)**: +**Reference Icon(s)**: **Preferred Background**: FF9900 / Orange -**Label Text**: Hello World +**Label Text**: Hello World --- -# Badges +# Badges ## Blogging Platforms

blogger - + dev.to - + medium - + microblog - + rss - + tumblr - + wordpress - +

--- ## Developer Tech -### Frameworks +### Frameworks

angular - + avalonia - + + - godot - + react - + unity - + uwp - + vue - + wpf - + xamarin_android - + xamarin_forms - + xamarin_ios - + xamarin_mac - +

-### Languages +### Languages

csharp - + csharp_dotnet - + fsharp - - + + fsharp_dotnet - + html - + java - + js - + php - + python - + r - + rsoftware - + rust - + swift - +

@@ -276,290 +276,290 @@ It's super useful to have a few bits of information to speed up badge creation.

ai - + chrome - + cloud - + datascience - + desktop - + edge - + firefox - + gamedev - + iot - + mobile - + security - + tools - + web - +

-### Services +### Services

aws - + azure - + dockerhub - + exchange - + gcp - + google_cloud_platform - + kubernetes - + npm - + nuget - + office 365 - + + -

-### Tools +### Tools

bash - + jetbrains_appcode - + jetbrains_clion - + jetbrains_datagrip - + jetbrains_datalore - + jetbrains_goland - + jetbrains_intellij - + jetbrains_phpstorm - + jetbrains_pycharm - - + + jetbrains_rider - - + + jetbrains_rubymine - + jetbrains webstorm - + linqpad - + ndepend - + powershell - + visualstudio - + visualstudio_code - + vmware - +

---- +--- ## Devices / Manufacturers

cisco - + mac - + nintendo - + pc - + philips_hue - + playstation - + raspberrypi - + wearables - + xbox - +

--- -## Pronouns +## Pronouns

he / him - + she / her - + they / them - +

--- -## Social & Professional +## Social & Professional

angellist - - + + foursquare - + gitter - + instagram - + linkedin - + meetup - + reddit - + skype - + snapchat - + soundcloud - + speakerdeck @@ -579,32 +579,32 @@ It's super useful to have a few bits of information to speed up badge creation. viber whatsapp - +

---- +--- ## Streaming & Videos

mixer - - + + podast - + twitch - + vimeo - + youtube - +