{% extends "base.html" %}
{% block content %}
{% block content_title %}
{% endblock %}

<section>
{% for article in articles_page.object_list|sort(attribute="slug")%}
	<article class="page">
		<header>
			<h2 class="page-title">{{ article.title }}</h2>
		</header>
		<div class="entry-content"> {{ article.summary }} </div>
		<footer class="page-footer">
			{% if loop.index == 1 %}
				<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Start this section</a></button>
			{% else %}
				<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Go to step {{ loop.index }}</a></button>
			{% endif %}
		</footer>
	</article></li>
{% endfor %}
</section>
{% endblock content %}