{% extends "layout.html" %}

{% block content %}
<p id="programmes-explanation">
  Programmes are guides for how to assemble a list of things to watch in
  sequence. We draw on the collection, finding commonalities and programming
  them together thematically.
</p>
<ul id="programmes-list" class="no-style-list">
{% for programme in programmes %}
  <li>
    <h1> <a href="/programme/{{ programme.title | replace(' ', '-') | lower }}/">/{{ programme.title }}</a> </h1>
    <h2> {{ programme.tagline }} </h2>
    <ul id="films-list" class="no-style-list">
      {% for film in programme.films %}
        <li><span class="film-indent">{{ film }}</span></li>
      {% endfor %}
    </ul>
  </li>
{% endfor %}
</ul>
{% endblock %}