<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}tit{% endblock %}</title>
  <link rel="stylesheet" href="/assets/style.css?v=2">
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header">
    <a class="brand" href="/" aria-label="tit home">tit</a>
    <nav aria-label="Primary">
      <a href="/">Home</a>
      <a href="/search">Search</a>
{% if signed_in %}
      <a href="/activity">Activity</a>
      <a href="/account">Account</a>
      <a href="/logout">Log out</a>
{% else %}
      <a href="/signup">Create account</a>
      <a href="/recover">Recover account</a>
      <a href="/login">Log in</a>
{% endif %}
    </nav>
  </header>
  <main id="main">
{% block content %}{% endblock %}
  </main>
  <footer>
    <small>Request <code>{{ request_id }}</code></small>
  </footer>
</body>
</html>
