diff --git a/assets/base.css b/assets/base.css index ced3089..0152c35 100644 --- a/assets/base.css +++ b/assets/base.css @@ -158,22 +158,23 @@ main { } .loading > p:first-child { - animation: 1s 1 linear appear; + animation: 0.9s 1 linear appear; animation-fill-mode: forwards; + animation-delay: 0.2s; visibility: hidden; position: fixed } .loading > p:not(:first-child):not(:last-child) { - animation: 1s 1 linear appear; - animation-delay: 1s; + animation: 0.9s 1 linear appear; + animation-delay: 1.1s; animation-fill-mode: forwards; visibility: hidden; position: fixed } .loading > p:last-child { - animation: 1s 1 linear appear; + animation: 0.9s 1 linear appear; animation-delay: 2s; animation-fill-mode: forwards; visibility: hidden; diff --git a/assets/loading.txt b/assets/loading.txt new file mode 100644 index 0000000..7c80b1a --- /dev/null +++ b/assets/loading.txt @@ -0,0 +1,11 @@ +Kissing the server +Downloading more ram +Deleting Windows +Removing the french language pack +Compiling kernel +Powering up Robotgirls +Converting Windows users +Pushing straight to prod +Speedrunning Celeste +Meowing cutely +Injecting estrogen \ No newline at end of file diff --git a/assets/main.js b/assets/main.js index 54c9b7c..1493fa4 100644 --- a/assets/main.js +++ b/assets/main.js @@ -9,6 +9,7 @@ window.addEventListener("load", () => { document.body.appendChild(skipNode); }); +// skip animations and shit function skipAnimation() { for (let node of document.getElementsByClassName("skip")) { const animations = node.getAnimations(); @@ -23,4 +24,19 @@ function skipAnimation() { } } document.getElementsByClassName("skip-animation")[0].remove(); -} \ No newline at end of file +} + +// this randomizes the loading messages +function Load (text) { + const loadArray = text.split("\n") + const loading = document.getElementsByClassName("loading")[0] + + const r = Math.floor(Math.random() * loadArray.length) + const loadText = loadArray[r] + + loading.innerHTML = `
${loadText}.
${loadText}..
${loadText}...
` +} + +fetch("/assets/loading.txt") + .then(r => r.text()) + .then(t => Load(t))