Skip to content

An embeddable badge for your profiles to show your pronouns

Notifications You must be signed in to change notification settings

notionparallax/pronoun-badge

Repository files navigation

pronoun-badge

An embeddable badge for your profiles to show your pronouns. Works anywhere that you can url link an image. Inspired by the new GitHub profile repo, particularly 8bithemant's. He has a pronoun badge, but it's a one off; this is generalised.

There is a half finished configurator page here

Here's a few examples

And you can also use it inline: Ben

Base URL is https://pronoun.cyou/x/y? and then there are params:

  • subject=He Anything
  • object=Him Anything
  • posessive=His Anything
  • posessive-pronoun=His Anything
  • reflexive=Himself Anything
  • emoji=👫 Anything, but probably emoji, any number.*
  • colour=B00B55 A hex colour
  • height=30 result height in px
  • sep=| a separator character

All are optional, not all have defaults yet, and there are more to come at some point in the future.

So, the simplest badge would be:

https://pronoun.cyou/x/y?subject=She&object=Her

Then you can add params as you like.

https://pronoun.cyou/x/y?subject=He&object=Him&posessive=His&posessive-pronoun=His&reflexive=Himself&emoji=👫&colour=B00B55&height=30&sep=|

I took the names for the params from here:

This is a subject that I don't really know a lot about, so if you have any input, I'd really appreciate it. Submit a PR or email me (ben at notionparallax.co.uk)

* The skin colour thing in the emojis is cool, but it does seem a bit specific. maybe someone could make a skin colour emoji that worked like party parrot, but for all the possible skin tones?

Flags - alpha feature

There is an extra param that you can use to add a flag. It doesn't work fully yet, but you can think of it as a preview feature.

I got the flags from this article: The Complete Guide to Queer Pride Flags

<style> li img {height:1rem;} </style>
  • 1978-1999 Pride Flag flag=7899
  • Agender Flag flag=agender
  • Aromantic Flag flag=aromantic
  • Asexual Flag flag=asexual
  • Bear Brotherhood Flag flag=bear
  • Bisexual Flagflag=bisexual
  • Genderfluid/Genderflexible Flag flag=genderfluid
  • Genderqueer Flag flag=genderqueer
  • Gilbert Baker Pride Flag flag=baker
  • Intersex Flag flag=intersex
  • Labrys Lesbian Pride Flag flag=labrys
  • Leather, Latex, & BDSM Flag flag=leather
  • Lipstick Lesbian Flag flag=lipstick
  • Non Binary Flag flag=nonbinary
  • Pansexual Pride flag=pansexual
  • Philadelphia People Of Color Inclusive Flag flag=philadelphia
  • Polyamory Flag flag=polyamory
  • Polysexual Flagflag=polysexual
  • Pony Flag flag=pony
  • Progress Pride Flag flag=progress
  • Rubber Pride Flag flag=rubber
  • Straight Ally Flag flag=straightally
  • Traditional Gay Pride Flag flag=traditional
  • Transgender Flag flag=transgender

About

An embeddable badge for your profiles to show your pronouns

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published