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

8
scripts/session_startup_animation.js
View File

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