{% load i18n %}
{% load thumbnail %}
-<div class="picture-box">
-<div class="picture-box-inner">
+{% load catalogue_tags social_tags %}
+{% load picture_tags %}
+
+<div class="{% block box-class %}book-box{% endblock %} picture">
+<div class="book-box-inner" style="position:relative">
+ <div class="cover-area">
+ {% block picture-view %}
<a href="{{ picture.get_absolute_url }}">
- {% thumbnail picture.image_file "216x288" as thumb %}
- <img src="{{thumb.url}}"/>
+ {% thumbnail picture.image_file "216x288" crop="center" as thumb %}
+ <img class="cover" src="{{thumb.url}}"/>
{% endthumbnail %}
</a>
- <div class="picture-box-body">
- <div class="picture-box-head">
+ {% endblock %}
+ {# what about licensing icons here #}
+ </div>
+ <div class="book-box-body">
+
+ <div class="book-box-head">
<div class="mono author">
{% for author in tags.author %}
- {{ author }}
+ <a href="{% tag_url 'author' author.slug %}">{{ author }}</a>{% if not forloop.last %},{% endif %}
{% endfor %}
</div>
- <div class="title">{{ picture.title }}</div>
+ <div class="title"><a href="{{ picture.get_absolute_url }}">{{ picture.title }}</a></div>
</div>
<div class="tags">
{% spaceless %}
- <span class="mono">{% trans "Epoch" %}: </span>
- <span class="picture-box-tag">
+ <span class="mono"> {% trans "Epoch" %}: </span>
+ <span class="book-box-tag">
{% for tag in tags.epoch %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
{% endfor %}
</span>
- <span class="mono">{% trans "Kind" %}: </span>
- <span class="picture-box-tag">
+ <span class="mono"> {% trans "Kind" %}: </span>
+ <span class="book-box-tag">
{% for tag in tags.kind %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
+ {% endfor %}
+ </span>
+
+ <span class="mono"> {% trans "Genre" %}: </span>
+ <span class="book-box-tag">
+ {% for tag in tags.genre %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
{% endfor %}
</span>
{% endspaceless %}
</div>
</div>
- <ul class="picture-box-tools">
+ <ul class="book-box-tools">
+ <li class="book-box-read">
+ <a href="{% url 'picture_viewer' picture.slug %}" class="mono downarrow">{% trans "View online" %}</a>
+ </li>
+ <li class="book-box-download">
+ <a href="{{picture.image_file.url}}" class="mono downarrow">{% trans "download original" %}</a>
+ </li>
+<!-- <li class="book-box-download hoverget">
+ <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
+ <div class="book-box-formats mono">
+ {% if picture.image_file %}
+ <span><a href="{{ picture.image_file.url}}">JPG</a> {% trans "original" %}</span>
+ {% endif %}
+ </div>-->
+ </li>
</ul>
+ {% block book-box-extra-info %}{% endblock %}
+ {% block box-append %}
+ {% endblock %}
+ {% block right-column %}
+ {% endblock %}
+ <div class="clearboth"/>
</div>
</div>