<!DOCTYPE html>
<html>
	<head>
        <link rel="stylesheet" href="/static/css/stylesheet.css">
	</head>
	<body class="mainpage">
        <img src="{{ url }}" >
        <div class="right">
            <div class="stats">
                {% if game_length > 0 %}
                    <div class="rounds">
                        Round {{ i }} of {{ game_length }}
                    </div>
                {% endif %}
                <div class="points">
                    {{ points }}/{{ round_n }} points.
                </div>
            </div>
            <form method="post" action="/fontgame?id={{ id }}" autocomplete="off">
                {% if not hard_mode %}
                    <select name="font" autofocus>
                        {% for font in fonts %}
                            <option>{{ font }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <input type="text" name="font" autofocus>
                {% endif %}
                <input type="hidden" name="id" value="{{ id }}">
                <input type="submit" value="Submit">
            </form>
        </div>
	</body>
</html>
