WordGame/templates/home.html

{% extends "base.html" %}
{% block content %}
<div class="container">
    <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="/joingame">
        <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 %}