<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Buzzers</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="A cool thing made with Glitch">
    <link id="favicon" rel="icon" href="https://glitch.com/edit/favicon-app.ico" type="image/x-icon">
    <link rel="stylesheet" href="/style.css">
    <script src="/script.js" defer></script>
  </head>
  <body>
    <header>
      <h1>Join {{room}}</h1>
    </header>

    <main>
      <h2>Oh hi,</h2>

      <p>Tell me your (team) name:</p>

      <form method="POST">
        <label>
          Name
          <input name="name" type="text" maxlength="100" required>
        </label>
        <button type="submit" id="submit-name">Submit</button>
      </form>
    </main>
  </body>
</html>