{% extends "base.html" %}

{% block title %}Mimi&Eunice {{ data['comics:number'] }}: {{ data['comics:title'] }}{% endblock %}

{% block body %}

<div class="mimi_and_eunice_strip">
    <h1>{{ data['comics:title'] }}</h1>

    <p>
        Published: {{ data['comics:published'] }}
    </p>
    <p>
        Liense:
        <a href="{{ url('license', id=data['comics:license']['license:id']) }}">{{ data['comics:license']['license:id'] }}</a>
    </p>
    <p>
        Tags:
        {% for tag in data['comics:tag']|sort %}
            {{ tag }}
        {% endfor %}
    </p>

    <img src="https://blob.dokk.org/{{ data['blob:at']['@id'][8:] }}" alt="" />

    <p>
        Transcript

        {% for line in data['comics:transcript']|sort(attribute='comics:order.@value') %}
            <div>
                <b>{{ line['comics:character'] }}</b>: {{ line['comics:text'] }}
            </div>
        {% endfor %}
    </p>
</div>

{% endblock %}