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> <title>Compteur Electrique</title>
<link rel="stylesheet" href="styles/general.css"> <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> <script type="text/javascript" src="scripts/session_startup_animation.js"></script>
<link rel="stylesheet" href="styles/session_startup_animation.css"> <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(); resolve();
} }
} }
elem.onanimationend = handleAnimationEnd; elem.onanimationend = handleAnimationEnd;
}); });
} }
let sound = new Audio("../assets/game-boy-advance-startup-sound.mp3");
async function sessionStartupAnimation() async function sessionStartupAnimation()
{ {
// Page setup // Page setup
@ -51,10 +48,11 @@ async function sessionStartupAnimation()
text_elem.className = "startup-animation-text"; text_elem.className = "startup-animation-text";
text_elem.innerHTML = quote.text; text_elem.innerHTML = quote.text;
document.body.appendChild(text_elem); let sound = new Audio("../assets/game-boy-advance-startup-sound.mp3");
sound.play(); sound.play();
document.body.appendChild(text_elem);
await waitForAnimationEnd(text_elem, "text-animation"); await waitForAnimationEnd(text_elem, "text-animation");
// Fade out for both // Fade out for both
@ -75,13 +73,8 @@ async function sessionStartupAnimation()
function interruptStartingAnimation() function interruptStartingAnimation()
{ {
let author_elem = document.body.querySelector(".startup-animation-author"); // Bad but works in this context
author_elem.getAnimations().forEach((animation) => animation.finish()); window.location.reload();
let text_elem = document.body.querySelector(".startup-animation-text");
text_elem.getAnimations().forEach((animation) => animation.finish());
sound.currentTime = 2.75;
} }
window.onkeydown = () => { window.onkeydown = () => {
@ -90,7 +83,7 @@ window.onkeydown = () => {
} }
window.onload = () => { window.onload = () => {
if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation")) //if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
{ {
sessionStorage.setItem("hasExecutedSessionStartupAnimation", "true"); sessionStorage.setItem("hasExecutedSessionStartupAnimation", "true");
sessionStartupAnimation(); sessionStartupAnimation();

2
styles/session_startup_animation.css
View File

@ -66,7 +66,7 @@
width: 100%; width: 100%;
top: 25%; top: 25%;
text-align: center; 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 { .startup-animation-author {