{% extends "base.html" %}
{% block content %}
<div style="display:none">
{% block title %}YellWOWPages - API{% endblock %}
</div>

<div id="main">
  <h1>API</h1>
  <p>
    Search user: <code><a href="/api/user/dsc" data-tooltip="partial search supported">/api/user/{username}</a></code>
    <br><br>
    Get all users: <code><a href="/api/user/">/api/user/</a></code>
  </p>
</div>

<style>
  #main {
    width: 100%;
    height: 80vh;
    display: grid;
    place-content: center;
    text-align: center;
  }

  form {
    height: 50px;
  }

  @media (max-width: 800px) {
    kbd {
      width: 100vw;
    }
  }
</style>

{% endblock %}