let stylesheet

window.addEventListener("load", () => {
    stylesheet = document.styleSheets[0];
    
    let skipNode = document.createElement("div");
    skipNode.setAttribute("class", "skip-animation");
    skipNode.setAttribute("onclick", "skipAnimation()");
    document.body.appendChild(skipNode);
});

// skip animations and shit
function skipAnimation() {
    for (let node of document.getElementsByClassName("skip")) {
        const animations = node.getAnimations();
        for (let anim of animations) {
            anim.finish();
        }
    }
    for (let node of document.getElementsByClassName("splash")) {
        const animations = node.getAnimations();
        for (let anim of animations) {
            anim.finish();
        }
    }
    document.getElementsByClassName("skip-animation")[0].remove();
}

// 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 = `<p class="skip">${loadText}.</p><p class="skip">${loadText}..</p><p class="skip">${loadText}...</p>`
}

fetch("/assets/loading.txt")
    .then(r => r.text())
    .then(t => Load(t))