{% if name %}
    <form style="position: absolute; right: 15%; width: 15%; height: 15%;">
        <button type="button" id="logout_button" onclick="logout()" style="width: 100%; height: 100%;">logout</button>
    </form>

    <h1>Hello, {{ name }}!</h1>

    <p id="nextStep"></p>

    {% if count %}
    <p>You've had {{ count }} coffee{% if count != 1 %}s{% endif %} today.</p>
    {% endif %}

    <img src="{{ url_for('coffee_graph_history', _external=True, stamp=stamp) }}">
    <img src="{{ url_for('coffee_graph_flavors', _external=True, stamp=stamp) }}">

    <p>
        {% if flavors %}
        <form>
        {% for flavor in flavors %}
        <input type="button" value="{{ flavor }}" onclick="addCoffee(this.value)">
        {% endfor %}
        </form>
        {% endif %}
    </p>
    <p>
        <form>
            <input id="username" type="text" name="name">
            <input type="button" value="rename" onclick="renameUser()">
        </form>
    </p
{% else %}
    Use your card/token to log in...
{% endif %}