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 :)

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! 🌈