{% extends "base.html" %}
{% block title %}{{ section.title }}: roro9stack{% endblock %}
{% block description %}{{ section.description }}{% endblock %}
{% block main %}
<div class="wrap page">
  <header>
    <span class="eyebrow">User guide</span>
    <h1>{{ section.title }}</h1>
    <p class="lead">{{ section.description }}</p>
  </header>

  <div class="prose">{{ section.content | safe }}</div>

  <div class="cards">
    {% for p in section.pages %}
    <article class="card n-lg">
      <div class="card-top"><span class="tag">{{ p.extra.tag }}</span><span class="num">{% if loop.index < 10 %}0{% endif %}{{ loop.index }}</span></div>
      <h2><a href="{{ p.permalink }}">{{ p.title }}</a></h2>
      <p>{{ p.description }}</p>
    </article>
    {% endfor %}
  </div>
</div>
{% endblock main %}