Starting to implement starting animation.

2026-03-07 22:56:16 +01:00 · 2026-03-07 22:56:16 +01:00 · 084da8ba67
parent 91028666f5
commit 084da8ba67
4 changed files with 72 additions and 22 deletions
--- a/files/startup_quotes.json
+++ b/files/startup_quotes.json
@ -0,0 +1,28 @@
+{
+    "quotes": [
+        {
+            "text": "Cogito ergo sum",
+            "author": "René Descartes"
+        },
+        {
+            "text": "74ls181",
+            "author": "Texas Instruments"
+        },
+        {
+            "text": "Reaper",
+            "author": "Cockos"
+        },
+        {
+            "text": "Nausicaä",
+            "author": "Ghibli"
+        },
+        {
+            "text": "C",
+            "author": "Dennis Ritchie"
+        },
+        {
+            "text": "Pico",
+            "author": "Raspberry Pi"
+        }
+    ]
+}
--- a/index.html
+++ b/index.html
@ -1,11 +1,15 @@
 <!DOCTYPE html>
 <html>
    <head>
-        <title>
-            Compteur Electrique
-        </title>
+        <title>Compteur Electrique</title>
+        <meta charset="utf-8">
+        <script type="text/javascript" src="scripts/session_startup_animation.js"></script>
    </head>

-    <body>
+    <body style="
+    opacity: 1;
+    ">
+        <p id="logo">Nothin' to see for the moment,</p>
+        <p>Please go outside, sing to the ant.</p>
    </body>
 </html>
--- a/scripts/session_startup_animation.js
+++ b/scripts/session_startup_animation.js
@ -0,0 +1,35 @@
+function session_startup_animation()
+{
+    let body = document.querySelector("body");
+    body.style.opacity = 0;
+
+    let quotes = null;
+    let xmlhttp = new XMLHttpRequest();
+
+    xmlhttp.open("GET", "files/startup_quotes.json", false);
+    xmlhttp.send();
+
+    if (xmlhttp.status==200) {
+        quotes = JSON.parse(xmlhttp.responseText)["quotes"];
+    }
+
+    console.log(quotes.length);
+}
+
+function interrupt_starting_animation()
+{
+    
+}
+
+window.onkeydown = () => {
+    interrupt_starting_animation();
+    window.onkeydown = null;
+}
+
+window.onload = () => {
+    if(!sessionStorage.getItem("hasExecutedSessionStartupAnimation"))
+    {
+        sessionStorage.setItem("hasExecutedSessionStartupAnimation", "true");
+        session_startup_animation();
+    }
+}
--- a/startup_quotes.txt
+++ b/startup_quotes.txt
@ -1,17 +0,0 @@
-Cogito ergo sum
-René Descartes
-
-74ls181
-Texas Instruments
-
-Reaper
-Cockos
-
-Nausicaä
-Ghibli
-
-C
-Dennis Ritchie
-
-Pico
-Raspberry Pi