wordle/templates/game.html

{% include "layout.html" %}
{% block body %}
    <a href="{{ url_for('home') }}">home</a>
    <hr>
    <ul>
        {% for guess in guesses %}
            <li>
                {% for letter, color in guess %}
                    <span class="letter" style="color:{{ color }};">{{ letter|upper }}</span>
                {% endfor %}
            </li>
        {% endfor %}
    </ul>
    {% if state_playing %}
        <form method="post" action="{{ url_for('make_guess') }}">
            <input maxlength="{{ WORD_LENGTH }}" minlength="{{ WORD_LENGTH }}" size="{{ WORD_LENGTH }}"
                   name="{{ KEY_GUESS }}" autofocus autocomplete="off"
                   style="text-transform:uppercase"/>
            <input type="submit">
        </form>
    {% else %}
        <p>{{ state }}</p>
    {% endif %}
{% endblock %}