{% extends "default.html" %}
{% block title %}Object {{ object.id }} | gigadata{% endblock %}

{% block content %}
    <x-frame style="--width: 768px">
        <h1>{{ object.id }}</h1>
        <p>{{ object.description }}</p>
        <h2>Pictures with this object</h2>
        <ul class="thumbnail-list">
            {% for resource in resources %}
                <li>
                    <a href="/picture/{{ resource.id }}">
                        <img src="/raw/picture/{{ resource.id }}" alt="{{ resource.title }}">
                        {{ resource.title }}
                    </a>
                </li>
            {% endfor %}
        </ul>
        {% include "pagination.html" %}
    </x-frame>
{% endblock %}