WordGame/templates/home.html

{% extends "base.html" %}
{% block content %}
<div class="container">
    <form action="/game">
        <div class="row">
            <div class="one-half column">
                <input type="text"
                    class="u-full-width"
                    placeholder="Player Name"
                    id="playerNameNewInput"
                    name="playerName">
            </div>
            <div class="one-half 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 %}