{% extends "base.html" %}
{% block title %} 
  <meta name="og:title" content="{{ section.title }} - {{ config.title }}">
  <title>{{ section.title }} - {{ config.title }}</title>
{% endblock title %}

{% block description %} 
  <meta name="og:description" content="From the Urbit documentation.">
  <meta name="description" content="From the Urbit documentation.">
{% endblock description %}

{% block image %}
  <meta name="twitter:image" content="https://media.urbit.org/logo/urbit-logo-card.png">
{% endblock image %}

{% block content %}
<!-- header -->
<!-- content -->
{% include "partials/navigation-docs.html" %}
<article class="mt4 mb6 full c4-11-lg">
<!-- header -->
<h1>{{ section.title }}</h1>
<!-- body -->

<div class="measure-wide mb4">
{{ section.content | safe }}

{% set lessons = get_section(path="docs/tutorials/hoon/_index.md") %}

<ul>
  <h2 class="mv4">Chapter 1</h2>
{% for lesson in lessons.pages %}
  {% if lesson.title is starting_with("1") %}
  <li><a href="{{lesson.permalink}}">{{lesson.title}}</a></li>
  {% endif %}
{% endfor %}
  <h2 class="mv4">Chapter 2</h2>
  {% for lesson in lessons.pages %}
  {% if lesson.title is starting_with("2") %}
  <li><a href="{{lesson.permalink}}">{{lesson.title}}</a></li>
  {% endif %}
{% endfor %}

<br/>
{% for lesson in lessons.pages %}
  {% if (lesson.title is not starting_with("2")) and (lesson.title is not starting_with("1")) %}
  <li><a href="{{lesson.permalink}}">{{lesson.title}}</a></li>
  {% endif %}
{% endfor %}
</ul>
</div>
{% endblock content %}