<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">
        <div id="cookie">
            <h1>{{room.name}}</h1>
            <img data-room-id="{{room.id}}" data src="./images/cookie.png" id="cookie-img" alt="Cookie"/>
        </div>
        <div id="count">
            <h2>{{room.count}}</h2>
        </div>
        <div id="back">
            <a class="button" href="/dashboard">Back</a>
        </div>
    </main>
</div>

<script type="module" src="/scripts/socket.js"></script>