Untitled

<html>
    <head>
        <script src="./js/jquery-3.2.1.min.js"></script>
        <script src="./js/bootstrap.min.js"></script>
        <link href="./fonts/OpenSans-CondLightItalic.ttf" rel="stylesheet">
        <link href="./fonts/minecraft.woff" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="./css/login.css">
        <script>
            function version(v){
                document.getElementById("gameMode").innerHTML = v;
            }
        </script>
    </head>
        <body>
            <div id="form">
            <div id="formLogo">
            <div id="gameModewrapper"><p id="gameMode">This is placeholder text</p></div>
            </div>
                <div id="loginForm">
                <form>
                    <input type="text" id="username" placeholder="Username"/>
                    <input type="password" id="password" placeholder="Password"/>
                    <div style="display:none;" id="checkUser"><p>Checking your credentials please be patient</p></div>
                    <a href="#" onclick="returnLogin(1);" class="login">Login</a>
                    <a href="#" onclick="returnLogin(2);" class="login">Signup</a>
                </form>
                </div>
                <div id="formRegister" style="display:none;">
                    <div id="rules">
                    <h2>Server Rules</h2>
                    <p>-No Deathmatching, at all</p>
                    <p>-Be friendly to other players</p>
                    <p>-Avoid ramming as much as possible</p>
                    <p>-Try to stay on the correct side of the road</p>
                    <p>-Avoid discrimination. (Racism, homophobia, etc.)</p>
                    <a href="#" onclick="acceptRules();" class="login">Accept Rules</a>
                </div>
                <div style="display:none;" id="rulesConfirmed">
                    <h2>Rules Accepted</h2>
                </div>
                </div>
            </div>
        </body>
    <footer>
    <script>
    function returnLogin(type){
        var username = $("#username").val();
        var password = $("#password").val();
        $("#checkUser").css("display", "block");
        if(username != null && password != null){
            resourceCall("login", username, password, type);
        }
    };

    function acceptRules(){
        resourceCall("loginSucess");
    }
    </script>
    <script>
    function showRegister(){
        $("#formRegister").css("display", "block");
        $("#loginForm").css("display", "none");
    };
    </script>
    </footer>
</html>