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

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

  <div class="cards">
    {% for path in section.subsections %}
    {% set sub = get_section(path=path) %}
    <article class="card n-lg{% if loop.first %} featured{% endif %}">
      <div class="card-top"><span class="tag">{% if loop.first %}Start here{% else %}{{ sub.pages | length }} pages{% endif %}</span><span class="num">{% if loop.index < 10 %}0{% endif %}{{ loop.index }}</span></div>
      <h2><a href="{{ sub.permalink }}">{{ sub.title }}</a></h2>
      <p>{{ sub.description }}</p>
      {% if loop.first %}<p class="fact">{% for p in sub.pages %}{{ p.title }}{% if not loop.last %} · {% endif %}{% endfor %}</p>{% endif %}
    </article>
    {% endfor %}
  </div>
</div>
{% endblock main %}