ulysse
/
Website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Removed page blinking at loading and fixed sound possible issue

This commit is contained in:
Ulysse Cura 2026-03-08 14:04:47 +01:00
parent ae3aabbd27
commit a0b0ca9316
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="styles/session_startup_animation.css">
</head>
<body>
<body style="opacity: 0">
<p>Nothin' to see for the moment,</p>
<p>Please go outside, sing to the ant.</p>
</body>

8
scripts/session_startup_animation.js
View File

@ -69,7 +69,7 @@ async function sessionStartupAnimation()
document.body.removeChild(author_elem);
document.body.removeChild(text_elem);
all_default_elements.forEach((elem) => elem.style.animation = "opacity-fade-in 0.2s");
all_default_elements.forEach((elem) => elem.style.animation = "opacity-fade-in 0.5s");
all_default_elements.forEach((elem) => elem.style.opacity = 1);
}
@ -81,15 +81,21 @@ function interruptStartingAnimation()
let text_elem = document.body.querySelector(".startup-animation-text");
text_elem.getAnimations().forEach((animation) => animation.finish());
if(sound.currentTime < 2.75)
{
sound.currentTime = 2.75;
}
}
window.onkeydown = () => {
interruptStartingAnimation();
window.onkeydown = null;
}
// Only start animation per session
window.onload = () => {
document.body.style.opacity = 1;
if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
{
sessionStorage.setItem("hasExecutedSessionStartupAnimation", "true");