{% extends "base.html" %}
{% block body -%}
<header><div class="bar"><b>Instagram archive</b></div></header>
<main>
{%- for a in accounts %}
<div class="account"><a href="{{ a.name }}/index.html"><b>@{{ a.name }}</b> · {{ a.posts }} posts</a>
{%- if a.header_line %}<span class="header">{{ a.header_line }}</span>{% endif -%}
{% if a.about %}<details><summary>About @{{ a.name }}</summary><p>{{ a.about }}</p>
<p class="facts">{{ a.facts }}</p><div class="topics">
{%- for t in a.topics %}<a href="{{ a.name }}/index.html#{{ t.id }}">{{ t.name }} · {{ t.count }}</a>{% endfor -%}
</div></details>{% endif -%}
</div>
{%- endfor %}
</main>
{% endblock %}