<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="../page.css">
</head>

<body>
    <div class="navigation">
        {% if page.prev %}
        <a href="../{{ page.prev.name }}/page.html">Prev</a>
        {% endif %}
        {% if page.next %}
        <a class="next" href="../{{ page.next.name }}/page.html">Next</a>
        {% endif %}
    </div>
    {% if page._readme.exist() %}
    <div class="readme">
        <div class="readme-content">
            {{page._render_readme()}}
        </div>
    </div>
    {% endif %}
    {% for picture in page._pictures %}
    <div class="picture-container">
        <div class="picture-container-element">
            <img src='{{ picture.get_small().get_name() }}'>
            <div class="meta-picture">
                <a href="{{ picture._large }}">Large</a>
                {% if picture._export_file.exist() %}
                <a class="export" href="{{ picture._export_file }}">export file</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
    {% if raw or exif %}
    <div class="download">
        <h1>Download</h1>
        {% if raw %}
        <a href="{{ raw }}">RAW</a>
        {% endif %}
        {% if exif %}
        <a href="{{ exif }}">Exif</a>
        {% endif %}
    </div>
    {% endif %}
</body>

</html>