3 {% load catalogue_tags social_tags %}
4 {% load picture_tags %}
6 <div class="{% block box-class %}book-box{% endblock %} picture">
7 <div class="book-box-inner" style="position:relative">
8 <div class="cover-area">
9 {% block picture-view %}
10 <a href="{{ picture.get_absolute_url }}">
11 {% thumbnail picture.image_file "216x288" crop="center" as thumb %}
12 <img class="cover" src="{{thumb.url}}"/>
16 {# what about licensing icons here #}
18 <div class="book-box-body">
20 <div class="book-box-head">
21 <div class="mono author">
22 {% for author in tags.author %}
23 <a href="{% tag_url 'author' author.slug %}">{{ author }}</a>{% if not forloop.last %},{% endif %}
26 <div class="title"><a href="{{ picture.get_absolute_url }}">{{ picture.title }}</a></div>
31 <span class="mono"> {% trans "Epoch" %}: </span>
32 <span class="book-box-tag">
33 {% for tag in tags.epoch %}
34 <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
38 <span class="mono"> {% trans "Kind" %}: </span>
39 <span class="book-box-tag">
40 {% for tag in tags.kind %}
41 <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
45 <span class="mono"> {% trans "Genre" %}: </span>
46 <span class="book-box-tag">
47 {% for tag in tags.genre %}
48 <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
55 <ul class="book-box-tools">
56 <li class="book-box-read">
57 <a href="{% url 'picture_viewer' picture.slug %}" class="mono downarrow">{% trans "View online" %}</a>
59 <li class="book-box-download">
60 <a href="{{picture.image_file.url}}" class="mono downarrow">{% trans "download original" %}</a>
62 <!-- <li class="book-box-download hoverget">
63 <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
64 <div class="book-box-formats mono">
65 {% if picture.image_file %}
66 <span><a href="{{ picture.image_file.url}}">JPG</a> {% trans "original" %}</span>
71 {% block book-box-extra-info %}{% endblock %}
72 {% block box-append %}
74 {% block right-column %}
76 <div class="clearboth"/>