ari/prideflag
ari/prideflag
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

compacted into a single js file! 📦

Browse source
This commit is contained in:
mellodoot 2023-03-18 03:14:49 +00:00
parent 968339a8ea
commit 7b90125f44
5 changed files with 113 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

19
README.md
View file

@ -1,20 +1,23 @@
# progressive pride flag! 🌈
## made with ❤ by mellodoot!
a lovely little pride flag made in vector, and optimised to be nice and lightweight!
## made with ❤ by mellodoot
it tucks into the top-left or top-right corner of any website you drop it on, and you're free to link it to whichever lgbt-supporting site you like :)
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](pridetriangle.svg)
this flag is currently in use over at my own website, [mellodoot.com](https://mellodoot.com)! feel free to check it out if you'd like to see it in action!
### how do I put this in the top-right of my website?
simple! just add `right` as an attribute to the surrounding `<a>` tag! the css stylesheet will handle the rest :)
## 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!
**example:**
```html
<a id="pride-triangle" ... right>
<script type="text/javascript" src="https://www.mellodoot.com/js/pridetriangle.js" defer></script>
```
have fun spreading the gay! 🌈
...or copy the code from `pridetriangle.js` and drop it into your own self-hosted file. up to you!
have fun spreading the gay! 🌈