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

added license and improved documentation

Browse source
This commit is contained in:
ari melody 2024-05-21 14:47:35 +01:00
parent 9ad5e3c84b
commit 25673cbe7e
Signed by: ari
GPG key ID: CF99829C92678188
4 changed files with 91 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

51
README.md
View file

@ -1,12 +1,15 @@
# progressive pride flag! 🌈
made with ❤ by ari melody
## made with ❤ by ari melody
---
a lovely little pride flag made in svg, loaded with js, and optimised to be nice and lightweight!
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 :)
it tucks into the top-right corner of any website you drop it on, and you're
welcome to link it to whichever LGBTQI+-supporting site you like :)
![progressive pride flag](pridetriangle.svg)
![progressive pride flag](prideflag.svg)
this flag currently represents:
@ -15,10 +18,46 @@ this flag currently represents:
- trans pride! 🏳️‍⚧️
- intersex! ♂️ ♀️
this flag is currently in use over at my own website, [arimelody.me](https://arimelody.me)! feel free to check it out if you'd like to see it in action!
this flag is currently in use over at my own website, [arimelody.me](https://arimelody.me)!
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 [prideflag.js](prideflag.js) onto your website, and the js file will automagically generate your flag on page load!
simple! just slap [prideflag.js](prideflag.js) onto your website, and your flag
will be automagically generated on page load!
alternatively, you are welcome to copy [prideflag.svg](prideflag.svg)
into your own site and set it up without javascript, like so:
```html
<style>
#prideflag {
position: fixed;
top: 0;
right: 0;
width: 120px;
transform-origin: 100% 0%;
transition: transform .5s cubic-bezier(.32,1.63,.41,1.01);
z-index: 8008135;
pointer-events: none;
}
#prideflag:hover {
transform: scale(110%);
}
#prideflag:active {
transform: scale(110%);
}
#prideflag * {
pointer-events: all;
}
</style>
<a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
<img src="prideflag.svg" width="120" height="120" alt="progressive pride flag">
</a>
```
both files contain a simple copyright license that links back to me (see [COPYING.md](COPYING.md)).
please retain this!!
have fun spreading the gay! 🌈