el>
        <input type="text" id="name" name="name" placeholder="my-bouncer" required class="input">
      </div>
      <button type="submit" class="btn-fill">create bouncer</button>
    </form>
  </div>
  {% else %}
  {% for bouncer in bouncers %}
  <a href="/bouncers/{{ bouncer.name }}" style="text-decoration: none; color: inherit;">
    <div class="card">
      <h2>{{ bouncer.name }}</h2>
      <p>{{ bouncer.hostname }} -- {% if bouncer.ready %}<span style="color: var(--g);">ready</span>{% else %}<span style="color: #E08080;">not ready</span>{% endif %}</p>
    </div>
  </a>
  {% endfor %}
  {% endif %}
</div>
{% endblock %}