<!DOCTYPE html>
<html>

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

<body>
    <div class="navigation">
        {% if page.prev %}
        <a href="{{ page.next.html.get_url() }}">Prev</a>
        {% endif %}
        {% if page.next %}
        <a class="next" href="{{ page.next.html.get_url() }}">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_url() }}'>
            <div class="meta-picture">
                <a href="{{ picture.get_large().get_url() }}">Large</a>
                {% if picture._export_file.exist() %}
                <a class="export" href="{{ picture.get_export_file().get_url() }}">export file</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
    {% if page.get_raw().exist() or page.get_exif() %}
    <div class="download">
        <h1>Download</h1>
        {% if page.get_raw().exist() %}
        <a href="{{ page.get_raw() }}">RAW</a>
        {% endif %}
        {% if page.get_exif() %}
        <a href="{{ page.get_exif().get_url() }}">Exif</a>
        {% endif %}
    </div>
    {% endif %}
</body>

</html>