{% extends "base_app.html" %} {% set active_page = 'play' %} {% block title
%}Play{% endblock %} {% block content %}
<section class="queue-layout">
  <article class="panel">
    <h1>Play</h1>
    <h2>Game settings</h2>
    <h3>Choose a time setup</h3>
    <div class="chip-row">
      <button class="chip" type="button">1 + 0</button>
      <button class="chip" type="button">3 + 2</button>
      <button class="chip active" type="button">10 + 0</button>
      <button class="chip" type="button">15 + 10</button>
    </div>
    <h3>You play as</h3>
    <div class="chip-row">
      <button class="chip" type="button">white</button>
      <button class="chip" type="button">black</button>
      <button class="chip active" type="button">random</button>
    </div>
    <div class="cta-row">
      <button class="btn btn-secondary" type="button">Create game code</button>
    </div>
  </article>
</section>
{% endblock %}