{% extends "default.html" %}
{% block title %}Picture | gigadata{% endblock %}
{% block content %}
    <x-frame style="--width: 768px">
        <h1>{{ resource.title }}</h1>
        <p>{{ resource.description }}</p>
        <p>{{ resource.file_format }}</p>
        <img src="/raw/picture/{{ resource.id }}" alt="{{ resource.title }}">
        <p>
            <a href="{{ resource.origin_url }}">Original source</a> |
            <a href="/raw/picture/{{ resource.id }}">View</a> |
            <a href="/raw/picture/{{ resource.id }}" download="GigadataPicture_{{ resource.id }}{{ file_extension }}">Download</a> |
            <a href="/picture/{{ resource.id }}/annotate">Annotate</a>
        </p>
    </x-frame>
{% endblock %}