{% extends "site.html" %}

{% block title %}{{ site_name }} :: {{ name }}{% endblock %}

{% block header %}
    <h1 class="page-header-title">
        <a href="{% url 'index' '' %}">{{ title }}</a>
    </h1>
{% endblock %}

{% block breadcrumb %}
    <ol class="breadcrumb">
    {% for name, title in breadcrumb %}
        <li><a href="{% url 'index' name %}">{{ title }}</a></li>
    {% endfor %}
    </ol>
{% endblock %}

{% block nav %}
{% for tree_items, tree_item in index_tree %}
    {% if not forloop.first %}
    <hr />
    {% endif %}
    <ul class="nav">
    {% for item, item_name in tree_items %}
        <li
        {% if item == tree_item %}
            class="active"
        {% endif %}
        >
            <a href="{% url 'index' item_name %}">{{item}}</a>
        </li>
    {% endfor %}
    </ul>
{% endfor %}
{% endblock %}

{% block content %}
{% for item, item_name in index_items %}
    <div>
        <a href="{% url 'image' item_name %}">{{item}}</a>
    </div>
{% endfor %}
{% endblock %}

{% block footer %}

{% endblock %}