deblan/obs-skin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add logo

Browse source
This commit is contained in:
Simon Vieille 2025-08-28 12:18:46 +02:00
commit 94e134aa1a
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 55 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/logo-all.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.3 KiB

55
logo.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Logo</title>
<style>
#wrapper {
width: 100%;
position: fixed;
bottom: 24px;
text-align: center;
}
#wrapper img {
margin-left: -60px;
}
#animate {
animation-name: position;
animation-duration: 4s;
transform: translateY(0);
}
@keyframes position {
from {
transform: translateY(0);
}
50% {
transform: translateY(120px);
}
to {
transform: translateY(0);
}
}
</style>
</head>
<body>
<div id="wrapper">
<img src="./assets/logo-all.png">
</div>
<script>
const img = document.querySelector("#wrapper img")
setInterval(() => {
img.setAttribute('id', 'animate')
setTimeout(() => {
img.setAttribute('id', '')
}, 5000)
}, 60000)
</script>
</body>
</html>