Loading.html

<html>
    <head>
        <title>Loading..</title>
        <link rel="stylesheet" type="text/css" href="loading.css?3" />
        <script type="text/javascript" src="js/thirdparty/jquery.js"></script>
    </head>
    <body onload="load()">

        <div id="container">

            <img src='http://www.frostmournemc.com/gmod/orangebox/garrysmod/html/img/gmod_logo_brave.png' class="bounce"/>

            <center>
                <br />
                <div class="walk">( ͡° ͜ʖ ͡°)</div>
            </center>

        </div>


        <script type="text/javascript">

            var AMM = 64;
            var arr = [];
            var spd = [];
            var pos = [];
            var rot = [];
            function load(){
                for(var i=0; i<AMM; i++){
                    var a = document.createElement("img");
                    a.src = "https://lh3.googleusercontent.com/-ezB18ZSLKvQ/VUUtqW-eGEI/AAAAAAAAApc/LifNfJD0xL8/s506/Illuminati_Emblem.png";
                    a.width = 100;
                    a.style.position = "absolute";
                    a.style.left = Math.floor(Math.random()*100)+"%";
                    arr.push(a);
                    spd.push(Math.ceil(Math.random()*5));
                    pos.push(Math.floor(Math.random()*100));
                    rot.push(Math.random()*360);
                    document.body.appendChild(a);
                }
                console.log(arr);
                setInterval(fall, 100);
            }
            function fall(){
                for(var i=0; i<arr.length; i++){
                    pos[i] = (pos[i]+spd[i])%100;
                    rot[i] = (rot[i]+spd[i]*5)%360
                    arr[i].style.top = pos[i]+"%";
                    rotate(arr[i], rot[i]);
                }
            }
            function rotate(image, deg){
                image.style.WebkitTransform = "rotate("+deg+"deg)";
                image.style.MozTransform = "rotate("+deg+"deg)";
                image.style.msTransform = "rotate("+deg+"deg)";
                image.style.OTransform = "rotate("+deg+"deg)";
                image.style.transform = "rotate("+deg+"deg)";
            }
            function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode )
            {
                // Do with these what you will :)
                // this function gets called only when joining a multiplayer server

                //$("#spambox").append("serverurl: " + serverurl + "<br>");
                //$("#spambox").append("servername: " + servername + "<br>");
                //$("#spambox").append("maxplayers: " + maxplayers + "<br>");
                //$("#spambox").append("steamid: " + steamid + "<br>");
                //$("#spambox").append("gamemode: " + gamemode + "<br>");
                //$("#spambox").append("mapname: " + mapname + "<br>");
            }

        </script>

    </body>
</html>