<header id="headerwrapper" class="wrapper">
    <div id="header" class="content">
        <div id="title">
            <a href="/dashboard"><img src="./images/cookie.png" alt="Cookie" /></a>
            <p><a href="/dashboard">Cookie Clicker</a></p>
        </div>
        <div id="user">
            <span>{{user.username}}</span>
            <a class="button" href="/signout">Sign Out</a>
        </div>
    </div>
</header>
<div id="contentwrapper" class="wrapper">
    <main id="content" class="content">
        <h1>New Room</h1>
        <form method="post" action="/new-room">
            <label>Room Name: <input type="text" name="roomName" required></label>
            <input type="submit">
        </form>
        <div id="back">
            <a class="button new-room" href="/dashboard">Back</a>
        </div>
    </main>
</div>