ari/arimelody.me
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

update prideflag.js

Browse source
This commit is contained in:
ari melody 2025-01-27 18:30:27 +00:00
parent 70825ae875
commit b7fce821b4
Signed by: ari
GPG key ID: CF99829C92678188
1 changed files with 62 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
public/script/prideflag.js
View file

@ -1,10 +1,18 @@
/**
* 🏳️‍🌈🏳️‍⚧️💖 pride flag 💖🏳️‍⚧️🏳️‍🌈
* made with ❤️ by ari melody, 2023
*
* web: https://arimelody.me
* source: https://github.com/mellodoot/prideflag
*/
//
// pride flag - copyright (c) 2024 ari melody
//
// this code is provided AS-IS, WITHOUT ANY WARRANTY, to be
// freely redistributed and/or modified as you please, however
// retaining this license in any redistribution.
//
// please use this flag to link to an LGBTQI+-supporting page
// of your choosing!
//
// web: https://arimelody.me
// source: https://git.arimelody.me/ari/prideflag
//
const pride_url = "https://git.arimelody.me/ari/prideflag";
const pride_flag_svg =
`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
@ -26,7 +34,7 @@ const pride_flag_svg =
</svg>`;
const pride_flag_css =
`#pride-flag svg {
`#prideflag {
position: fixed;
top: 0;
right: 0;
@ -36,23 +44,23 @@ const pride_flag_css =
z-index: 8008135;
pointer-events: none;
}
#pride-flag svg:hover {
#prideflag:hover {
transform: scale(110%);
}
#pride-flag svg:active {
#prideflag:active {
transform: scale(110%);
}
#pride-flag svg * {
#prideflag * {
pointer-events: all;
}`;
function create_pride_flag() {
const container = document.createElement("a");
container.id = "pride-flag";
container.href = "https://github.com/mellodoot/prideflag";
container.target = "_blank";
container.innerHTML = pride_flag_svg;
return container;
const flag = document.createElement("a");
flag.id = "prideflag";
flag.href = pride_url;
flag.target = "_blank";
flag.innerHTML = pride_flag_svg;
return flag;
}
function load_pride_flag_style() {
@ -62,5 +70,5 @@ function load_pride_flag_style() {
}
load_pride_flag_style();
pride_flag = create_pride_flag();
document.querySelector("main").appendChild(pride_flag);
flag = create_pride_flag();
document.body.appendChild(flag);