Superpose

A little bit of some spice things into GitHub's flavored markdown. Works with screen readers.

Interactive, too.

Examples

View Pull Request

Code

[![View Pull Request](https://github.com/lgrachov/superpose/blob/main/ViewPull.png?raw=true)](https://github.com)

Result

Twitter Button

Code

[![Visit @leograchov Twitter](https://github.com/lgrachov/superpose/blob/main/TwitterBTN.png?raw=true)](https://twitter.com/leograchov)

Result

GitHub Button

Code

[![Visit GitHub User](https://github.com/lgrachov/superpose/blob/main/GitHubBTN.png?raw=true)](https://github.com/lgrachov)

Result

Mastodon Button

Code

[![Visit Mastodon.social Account](https://github.com/lgrachov/superpose/blob/main/MastodonBTN.png?raw=true)](https://mastodon.social/@leograchov)

Result

This Repo

Code

[![Visit This Repo](https://github.com/lgrachov/superpose/blob/main/Thisrepo.png?raw=true)](https://github.com/lgrachov/superpose)

Result

Deprecation Notice (Toast)

Code

![This will be soon deprecated!](https://github.com/lgrachov/superpose/blob/main/DeprWarn.png?raw=true)

Result

Beta Notice (Toast)

Code

![This is in beta, this means this is in development.](https://github.com/lgrachov/superpose/blob/main/BetaInfo.png?raw=true)

Result

Badges

UNSUPPORTED SCREEN-READER, EDIT ALT TEXT

Code

![](https://github.com/lgrachov/superpose/blob/main/LabelP1.png?raw=true)![Owner](https://github.com/lgrachov/superpose/blob/main/LabelO.png?raw=true)![](https://github.com/lgrachov/superpose/blob/main/LabelP2.png?raw=true)

Result

Variants

O = Owner C = Contributor A2 = Author A = Admin

Readme Head

WORKS ONLY ON VSCODE

Code

![](https://github.com/lgrachov/superpose/blob/main/READMEHead.png?raw=true)[![View Full](https://github.com/lgrachov/superpose/blob/main/READMEHeadB.png?raw=true)]([https://](https://github.com/lgrachov/superpose/blob/main/README.md))

Result

H7

Code

<p alt="h7 example" style="font-size: 7px;">h7 Example.</p>

Result

h7 Example.