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

move logo

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

55
logo.html
View file

@ -1,55 +0,0 @@
<!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>

0
assets/logo-all.png → logo/assets/logo-all.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After