404.html

---
layout: default
title: 404
permalink: /404
nav_exclude: true
search_exclude: true
---

<style>
    .container {
        padding: 5rem;
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    #oof {
        width: 10vw;
        image-rendering: pixelated;
        image-rendering: crisp-edges;
        border-radius: 0;
        cursor: pointer;
    }
    .container p, .container h1 {
        text-align: center;
    }
    hr.divider {
        width: 40vh;
        border: 1px solid;
        margin: 3.5rem 0;
    }
    .wrapper-footer-desktop {
        margin: 0;
    }
</style>

<a href="javascript:void(0)">
    <img id="oof" src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/splat.png"  onclick="ChangeKing()" alt="Splat">
</a>

<script>
    var imgArr = [
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/bonk.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/charge.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/dance.gif",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/jump_down.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/jump_up.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/jump_down.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/lookup.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/swag.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/walk.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/cursed.png",
        "https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/asion.png"
    ];
    
    let imgOrder = 0;
    let num = 0;

    function ChangeKing() {
        this.num = Math.floor(Math.random() * (imgArr.length));
        document.getElementById('oof').src = imgArr[this.num];
        document.getElementById('oof').parentElement.target = '';
        document.getElementById('oof').parentElement.href = 'javascript:void(0)';
        if (this.imgOrder === (imgArr.length-1)) {
            document.getElementById('oof').parentElement.target = '_blank';
            document.getElementById('oof').parentElement.href = "https://drive.google.com/file/d/15HsHN4Fkl-c1QVj230jj8UeXuOb4IhT3/view?usp=sharing";
        }
        this.imgOrder = this.num;
    }
</script>

<hr class="divider">

<h1>Jump King fell while searching for your page.</h1>

<br>

<p>Use the navigation on the sidebar to find what you're looking for<br>or go to the <a href="{{ '/' | absolute_url }}"><strong>home page</strong></a>.</p>