kennethreitz.org/templates/photo.html

{% extends "base.html" %}

{% block content %}
<div class="photo-detail">
    <h1>Photo Details</h1>

    <div class="photo-container">
        <img src="{{ photo.full_image_url }}" alt="Full size image" class="full-image">
    </div>

    <div class="photo-info">
        <h2>Photo Information</h2>
        <ul>
            <li><strong>Filename:</strong> {{ photo.key.split('/')[-1] }}</li>
            <li><strong>Size:</strong> {{ photo.size | filesizeformat }}</li>
            <li><strong>Last Modified:</strong> {{ photo.last_modified.strftime('%Y-%m-%d %H:%M:%S') }}</li>
            {% if photo.lens %}<li><strong>Lens:</strong> {{ photo.lens }}</li>{% endif %}
            {% if photo.year_taken %}<li><strong>Year Taken:</strong> {{ photo.year_taken }}</li>{% endif %}
        </ul>
    </div>

    <div class="exif-data">
        <h2>EXIF Data</h2>
        <table>
            <thead>
                <tr>
                    <th>Key</th>
                    <th>Value</th>
                </tr>
            </thead>
            <tbody>
                {% for key, value in exif_data.items() %}
                <tr>
                    <td>{{ key }}</td>
                    <td>{{ value }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <div class="navigation">
        <a href="/photos" class="back-link">Back to Gallery</a>
    </div>
</div>
{% endblock %}