WordGame/templates/home.html

{% extends "base.html" %}
{% block content %}
<div class="container">
    {% with messages = get_flashed_messages() %}
    {% if messages %}
    {% for message in messages %}
    <div class="row">
        <div class="twelve columns">
            <div class="alert">
                {{ message }}
            </div>
        </div>
    </div>
    {% endfor %}
    {% endif %}
    {% endwith %}
    <form action="/newgame">
        <div class="row">
            <div class="six columns">
                <label for="playerNameNewInput">Player Name</label>
                <input type="text"
                    class="u-full-width"
                    placeholder="Cool Guy"
                    id="playerNameNewInput"
                    name="playerName">
            </div>
            <div class="two columns">
                <label for="handSizeInput">Hand Size</label>
                <input type="number"
                    name="handSize"
                    id="handSizeInput"
                    class="u-full-width"
                    value="7">
            </div>
            <div class="two columns">
                <label for="matchCountInput">Match Count</label>
                <input type="number"
                    name="matchCount"
                    id="matchCountInput"
                    class="u-full-width"
                    value="2">
            </div>
            <div class="two columns">
                <label for="turnCountInput">Turn Count</label>
                <input type="number"
                    name="turnCount"
                    id="turnCountInput"
                    class="u-full-width"
                    value="10">
            </div>
        </div>
        <div class="row">
            <div class="twelve column">
                <button type="submit"
                    class="button-primary button-full">
                    New Game
                </a>
            </div>
        </div>
    </form>
    <hr>
    <form action="/game">
        <div class="row">
            <div class="one-third column">
                <input type="text"
                    class="u-full-width"
                    placeholder="Game Code"
                    id="gameCodeInput"
                    name="gameCode">
            </div>
            <div class="one-third column">
                <input type="text"
                    class="u-full-width"
                    name="playerName"
                    id="playerNameJoinInput"
                    placeholder="Player Name">
            </div>
            <div class="one-third column">
                <button type="submit"
                    class="button-primary button-full">
                    Join Game
                </button>
            </div>
        </div>
    </form>
</div>
{% endblock %}