<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Star Gazer</title>
    <link rel="stylesheet" href="resources/css/default.css">
</head>

<body>
    <div id="startScreen">
        <div id="startTitle">Star Gazer 2000</div>
        <div id="startMenu">
            <h1>Options</h1>
            <span class="option">
                <input type="checkbox" id="useMouseInput" name="useMouseInput">
                <label for="useMouseInput">Use mouse input</label>
            </span>
            <span class="option">
                <input type="checkbox" id="showDebugInfo" name="showDebugInfo" checked>
                <label for="showDebugInfo">Show debug info</label>
            </span>
            <span class="option">
                <input type="checkbox" id="logToConsole" name="logToConsole" checked>
                <label for="logToConsole">Show logs in console</label>
            </span>
        </div>
        <div id="startButton">Start Game</div>
        <div id="versionInfo"></div>
    </div>
    <canvas class="hidden">
    </canvas>
    <script type="application/javascript" src="vendors/gazeclient.js"></script>
    <script type="module" src="resources/js/index.js"></script>
</body>

</html>