<!doctype html>
<html>
    <head>
        <title>Login</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="text/javascript" src="api.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <div id="login">
                <div class="pad">
                    <form action="/login" method="post">
                        <h2>AhoyDTU</h2>
                        <input type="password" name="pwd" value="">
                        <input type="submit" name="login" value="login" class="btn">
                    </form>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="left">
                <a href="https://ahoydtu.de" target="_blank">AhoyDTU &copy 2022</a>
                <ul>
                    <li><a href="https://discord.gg/WzhxEY62mB" target="_blank">Discord</a></li>
                    <li><a href="https://github.com/lumapu/ahoy" target="_blank">Github</a></li>
                </ul>
            </div>
            <div class="right">
                <span id="version"></span><br/><br/>
                <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/de" target="_blank" >CC BY-NC-SA 3.0</a>
            </div>
        </div>
        <script type="text/javascript">
            function parse(obj) {
                parseVersion(obj["system"]);
            }

            getAjax("/api/index", parse);
        </script>
    </body>
</html>