Add an action button format

[jankeromnes]

📋 Description

Idea from https://github.com/badges/shields/pull/2783/files#r248766176:

I could also see adding an action button format to Shields if there's interest. Here's some inspiration of one that I think is done well: https://devcenter.heroku.com/articles/heroku-button.

It may be useful to add a new "action button" format to Shields.io, for SVG buttons that don't show or link to the status of something, but rather offer to trigger some action.

Here are few third-party "action button" examples:

[paulmelnikow]

Our badges were designed to show status. When they are used to invite an action I feel like the wording and message become at odds with the design:

So yea, I think an action format for the static badge would be a great addition to the community. We could recommend using it when there is no meaningful status to show, and the only purpose of the badge is to initiate some action.

[jankeromnes]

Another example that could be great as an action button:

[paulmelnikow]

It's true, though the status badges make sense:

[chris48s]

You can get pretty close to this.. if you really want to make it with shields:

https://img.shields.io/badge/Deploy%20to%20Heroku-purple.svg?logo=heroku&logoColor=white&style=for-the-badge

You could supply a custom logo with base64 as well, if you wanted.. https://github.com/badges/shields/blob/master/CONTRIBUTING.md#logos I'm not sure there is a strong case to add a special style for this.

[RedSparr0w]

The standard shields badge can also be enlarged like so to increase the call to action feel:

<img src="https://img.shields.io/:Deploy-to%20Heroku-7673C0.svg?logo=heroku&logoColor=whitesmoke" height="30px" />

<img src="https://img.shields.io/badge/Deploy%20to%20Heroku-7673C0.svg?style=flat&logoWidth=14&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0id2hpdGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjI3MyAyNy4yMWExLjQxMyAxLjQxMyAwIDAgMCAxLjk5NyAwIDEuNDEyIDEuNDEyIDAgMCAwIDAtMS45OTZsLTguNTU1LTguNTU0YTEuNDA4IDEuNDA4IDAgMCAwLTIgMGwtOC41NTQgOC41NTRhMS40MSAxLjQxIDAgMCAwIDAgMS45OTYgMS40MSAxLjQxIDAgMCAwIDEuOTk2IDBsNi4xNDYtNi4xNDZ2MjUuNTI0YTEuNDEyIDEuNDEyIDAgMSAwIDIuODI0IDBWMjEuMDY0bDYuMTQ2IDYuMTQ2em05LjM0MS0xOC42MzdMMjcuNTMgMS4wMmE3LjY1MSA3LjY1MSAwIDAgMC03LjYzMSAwTDYuODE1IDguNTczQTcuNjU1IDcuNjU1IDAgMCAwIDMgMTUuMTgxdjE1LjExYTcuNjU0IDcuNjU0IDAgMCAwIDMuODE1IDYuNjA3bDguOTUgNS4xNjhhMS40MiAxLjQyIDAgMCAwIDEuOTI5LS41MTcgMS40MSAxLjQxIDAgMCAwLS41MTctMS45MjlsLTguOTUxLTUuMTY4YTQuODIzIDQuODIzIDAgMCAxLTIuNDAzLTQuMTYyVjE1LjE4MWMwLTEuNzEuOTIyLTMuMzA1IDIuNDAzLTQuMTYybDEzLjA4NS03LjU1M2E0LjgwMyA0LjgwMyAwIDAgMSA0LjgwOCAwbDEzLjA4NCA3LjU1M2E0LjgyNCA0LjgyNCAwIDAgMSAyLjQwMyA0LjE2MnYxNS4xMWE0LjgyMyA0LjgyMyAwIDAgMS0yLjQwMyA0LjE2MWwtOC45NjQgNS4xNzVhMS40MTIgMS40MTIgMCAwIDAgMS40MTIgMi40NDZsOC45NjMtNS4xNzVhNy42NTIgNy42NTIgMCAwIDAgMy44MTUtNi42MDhWMTUuMTgxYTcuNjUzIDcuNjUzIDAgMCAwLTMuODE1LTYuNjA4Ij48L3BhdGg+PC9zdmc+" height="30px" />

[paulmelnikow]

The for-the-badge one looks decent though I think with the rounded ones it's clearer it's an action button. I think changing the left and right text color is helpful. I also think it looks better without the text shadow, and with a little more whitespace.

[chris48s]

I think the conclusion of this was that these can already be created (with a bit of acrobatics) and over the last year or so, we've headed in the direction of removing some of the more esoteric template styles (2x popouts) and resisted adding more (e.g: the 'pill' style).
Its unlikely that we will do explicitly add another template to directly support this so I'm going to close it.