ari/arimelody.me-static
ari/arimelody.me-static
Archived
1
0
Fork 0
Code Issues 1 Pull requests Actions Projects Wiki Activity

pride flag 🌈

Browse source
This commit is contained in:
ari melody 2024-05-21 14:31:11 +01:00
parent 2339edcc39
commit b5f01ca42c
Signed by: ari
GPG key ID: CF99829C92678188
3 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/index.html
View file

@ -236,5 +236,9 @@
</footer> </footer>
<div id="overlay"></div> <div id="overlay"></div>
<a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
<img src="pridetriangle.svg" width="120" height="120" alt="progressive pride flag">
</a>
</body> </body>
</html> </html>

4
public/music.html
View file

@ -121,5 +121,9 @@
</footer> </footer>
<div id="overlay"></div> <div id="overlay"></div>
<a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
<img src="pridetriangle.svg" width="120" height="120" alt="progressive pride flag">
</a>
</body> </body>
</html> </html>

25
public/style/main.css
View file

@ -394,6 +394,31 @@ footer {
mix-blend-mode: overlay; mix-blend-mode: overlay;
} }
#prideflag img {
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 img:hover {
transform: scale(110%);
}
#prideflag img:active {
transform: scale(110%);
}
#prideflag img * {
pointer-events: all;
}
@media screen and (max-width: 950px) {
#prideflag {
display: none;
}
}
@media screen and (max-width: 780px) { @media screen and (max-width: 780px) {
body { body {
font-size: 14px; font-size: 14px;