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

Compare commits

base: ulysse:ae3aabbd277e6c3853e509d05fa9f6393e44359b
Branches Tags
ulysse:main
..
compare: ulysse:052d0e502a963e777dadceac9e1a2b1bd22edf2a
Branches Tags
ulysse:main

No commits in common. "ae3aabbd277e6c3853e509d05fa9f6393e44359b" and "052d0e502a963e777dadceac9e1a2b1bd22edf2a" have entirely different histories.
ae3aabbd27 ... 052d0e502a

3 changed files with 9 additions and 14 deletions
Show Stats Expand all files Collapse all files

2
index.html
View File

@ -5,6 +5,8 @@
<title>Compteur Electrique</title>
<link rel="stylesheet" href="styles/general.css">
<link rel="stylesheet" href="fonts/FuturaBold/FuturaBold.css">
<link rel="stylesheet" href="fonts/FuturaBoldItalic/FuturaBoldItalic.css">
<script type="text/javascript" src="scripts/session_startup_animation.js"></script>
<link rel="stylesheet" href="styles/session_startup_animation.css">

19
scripts/session_startup_animation.js
View File

@ -9,13 +9,10 @@ function waitForAnimationEnd(elem, animationName)
resolve();
}
}
elem.onanimationend = handleAnimationEnd;
});
}
let sound = new Audio("../assets/game-boy-advance-startup-sound.mp3");
async function sessionStartupAnimation()
{
// Page setup
@ -51,10 +48,11 @@ async function sessionStartupAnimation()
text_elem.className = "startup-animation-text";
text_elem.innerHTML = quote.text;
document.body.appendChild(text_elem);
let sound = new Audio("../assets/game-boy-advance-startup-sound.mp3");
sound.play();
document.body.appendChild(text_elem);
await waitForAnimationEnd(text_elem, "text-animation");
// Fade out for both
@ -75,13 +73,8 @@ async function sessionStartupAnimation()
function interruptStartingAnimation()
{
let author_elem = document.body.querySelector(".startup-animation-author");
author_elem.getAnimations().forEach((animation) => animation.finish());
let text_elem = document.body.querySelector(".startup-animation-text");
text_elem.getAnimations().forEach((animation) => animation.finish());
sound.currentTime = 2.75;
// Bad but works in this context
window.location.reload();
}
window.onkeydown = () => {
@ -90,7 +83,7 @@ window.onkeydown = () => {
}
window.onload = () => {
if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
//if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
{
sessionStorage.setItem("hasExecutedSessionStartupAnimation", "true");
sessionStartupAnimation();

2
styles/session_startup_animation.css
View File

@ -66,7 +66,7 @@
width: 100%;
top: 25%;
text-align: center;
animation: text-animation 3s ease-in-out, opacity-fade-in 1s;
animation: text-animation 2.5s ease-in-out, opacity-fade-in 1s;
}
.startup-animation-author {