Skip to content

mellodoot/prideflag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

progressive pride flag! 🌈

made with ❀ by mellodoot

a lovely little pride flag made in svg, loaded with js, and optimised to be nice and lightweight!

it tucks into the top-right corner of any website you drop it on, and you're free to link it to whichever lgbt-supporting site you like :)

progressive pride flag

this flag currently represents:

  • original LGBTQ+ colours! πŸ³οΈβ€πŸŒˆ
  • marginalized people of colour (POC) communities! πŸ§‘πŸΎπŸ§”πŸΏ
  • trans pride! πŸ³οΈβ€βš§οΈ
  • intersex! ♂️ ♀️

this flag is currently in use over at my own website, mellodoot.com! feel free to check it out if you'd like to see it in action!

how do I use this on my own website?

simple! just slap this code into your html document, and the js file will be automagically loaded into your site, generating your flag!

<script type="text/javascript" src="https://www.mellodoot.com/js/pridetriangle.js" defer></script>
<!-- in case this goes down, try the below example! -->
<script type="text/javascript" src="https://github.com/mellodoot/prideflag/blob/main/prideflag.js" defer></script>

...or copy the code from prideflag.js and drop it into your own self-hosted file. up to you!

have fun spreading the gay! 🌈

About

a lovely pride flag for the web! πŸ³οΈβ€πŸŒˆπŸ³οΈβ€βš§οΈπŸ’–

Resources

Stars

Watchers

Forks

Packages

No packages published