prideflag/README.md

33 lines
1.3 KiB
Markdown
Raw Normal View History

2022-10-30 13:09:41 +00:00
# progressive pride flag! 🌈
2023-03-18 03:14:49 +00:00
## made with ❤ by mellodoot
2022-10-30 13:09:41 +00:00
2023-03-18 03:14:49 +00:00
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 :)
2022-10-30 13:09:41 +00:00
![progressive pride flag](pridetriangle.svg)
2023-03-18 04:35:20 +00:00
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](https://www.mellodoot.com)! feel free to check it out if you'd like to see it in action!
2022-10-30 13:09:41 +00:00
2023-03-18 03:14:49 +00:00
## 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!
2022-10-30 13:09:41 +00:00
```html
2023-03-18 03:14:49 +00:00
<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>
2022-10-30 13:09:41 +00:00
```
...or copy the code from `prideflag.js` and drop it into your own self-hosted file. up to you!
2023-03-18 03:14:49 +00:00
have fun spreading the gay! 🌈