{% extends "base.html" %}
{% block title %}{{ section.title }}: roro9stack{% endblock %}
{% block description %}{{ section.description }}{% endblock %}
{% block head %}
<link rel="stylesheet" href="/css/devlog.css">
<link rel="alternate" type="application/atom+xml" title="roro9stack devlog" href="{{ get_url(path="devlog/atom.xml") }}">
{% endblock %}
{% block main %}
<div class="wrap page devlog">
  <header>
    <span class="eyebrow">Devlog</span>
    <h1>{{ section.title }}</h1>
    <p class="lead">{{ section.description }}</p>
  </header>

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

  <ol class="entries">
    {% for p in section.pages %}
    <li>
      <article class="card n-lg">
        <div class="card-top"><span class="tag">{{ p.date | date(format="%d %B %Y") }}</span><span class="num">{{ p.extra.topics }}</span></div>
        <h2><a href="{{ p.permalink }}">{% if p.extra.title_html is defined %}{{ p.extra.title_html | safe }}{% else %}{{ p.title }}{% endif %}</a></h2>
        <p>{{ p.description }}</p>
        <span class="fact">{{ p.extra.read_label | default(value="Read it →") }}</span>
      </article>
    </li>
    {% endfor %}
  </ol>
</div>
{% endblock main %}