{% extends "base.html" %}
{% block title %}{{ title }} | {{ app_name }}{% endblock %}
{% block body_class %}landing{% endblock %}
{% block body %}
<header><div class="wrap">
  <a class="brand" href="/"><span class="brand-mark" aria-hidden="true"></span>{{ app_name }}</a>
  <nav aria-label="Main"><a href="/docs/quickstart">Quickstart</a>{% if session %}<a class="btn" href="/app">Open dashboard</a>{% else %}<a href="/login">Log in</a>{% endif %}</nav>
</div></header>
<main class="wrap prose doc guide">
  {{ body | safe }}
  <nav class="guide-list" aria-label="All guides">
    <h2>All guides</h2>
    <ul>
      <li><a href="/docs/quickstart">Quickstart</a></li>
      {% for slug, name in pages.items() %}<li><a href="/docs/{{ slug }}"{% if slug == current %} aria-current="page"{% endif %}>{{ name }}</a></li>
      {% endfor %}
    </ul>
  </nav>
</main>
{% endblock %}