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

Better cleaning of styles written by the js code

This commit is contained in:
Ulysse Cura 2026-03-10 21:10:11 +01:00
parent 96c16f5dd4
commit ce7acda52f
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
scripts/session_startup_animation.js
View File

@ -17,8 +17,8 @@ sound.load();
async function sessionStartupAnimation() async function sessionStartupAnimation()
{ {
// Page setup // Page setup
let all_default_elements = document.body.querySelectorAll("*"); let default_elements = document.body.querySelectorAll("*");
all_default_elements.forEach((elem) => elem.style.opacity = 0); default_elements.forEach((elem) => elem.style.opacity = 0);
// Get quotes possibilities // Get quotes possibilities
// Not the most optimised way, but it's working // Not the most optimised way, but it's working
@ -87,12 +87,17 @@ async function sessionStartupAnimation()
await waitForAnimationEnd(text_elem, "opacity-fade-out"); await waitForAnimationEnd(text_elem, "opacity-fade-out");
// Remove them and fade in for page content // Remove quote and fade in page content
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.5s"); default_elements.forEach((default_elem) => {
all_default_elements.forEach((elem) => elem.style.opacity = 1); default_elem.style.animation = "opacity-fade-in 0.5s ease-in";
default_elem.onanimationend = () => {
default_elem.onanimationend = null;
default_elem.removeAttribute("style");
}
});
window.onkeydown = null; window.onkeydown = null;
} }
@ -125,7 +130,7 @@ window.onkeydown = () => {
// Only start animation once per session // Only start animation once per session
window.onload = () => { window.onload = () => {
document.body.style.opacity = 1; document.body.removeAttribute("style");
if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation")) if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
{ {