{% load i18n %}
{% load thumbnail %}
-<div class="picture-box">
-<div class="picture-box-inner">
- <a href="{{ picture.get_absolute_url }}">
- {% thumbnail picture.image_file "216x288" as thumb %}
- <img src="{{thumb.url}}"/>
- {% endthumbnail %}
- </a>
- <div class="picture-box-body">
- <div class="picture-box-head">
- <div class="mono author">
- {% for author in tags.author %}
- {{ author }}
- {% endfor %}
+{% load catalogue_tags social_tags %}
+{% load picture_tags %}
+<div class="{% block box-class %}book-box{% endblock %} picture">
+<div class="book-box-inner">
+
+<div class="book-box-body">
+
+ <div class="book-box-head">
+ <div class="author">
+ {% for tag in tags.author %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %},
+ {% endif %}{% endfor %}
</div>
- <div class="title">{{ picture.title }}</div>
+ <div class="title">
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
+ {{ picture.title }}
+ {% if main_link %}</a>{% endif %}
+ </div>
</div>
+
+
+
+ <div class="cover-area">
+ {% block picture-view %}
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
+ {% thumbnail picture.image_file "216x288" crop="center" as thumb %}
+ <img class="cover" src="{{thumb.url}}"/>
+ {% endthumbnail %}
+ {% if main_link %}</a>{% endif %}
+ {% endblock %}
+ {# what about licensing icons here #}
+ </div>
+
<div class="tags">
{% spaceless %}
- <span class="mono">{% trans "Epoch" %}: </span>
- <span class="picture-box-tag">
- {% for tag in tags.epoch %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ <span class="category">
+ <span class="mono"> {% trans "Epoch" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.epoch %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
+ {% endfor %}
+ </span></span>
+
+ <span class="category">
+ <span class="mono"> {% trans "Kind" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.kind %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
- <span class="mono">{% trans "Kind" %}: </span>
- <span class="picture-box-tag">
- {% for tag in tags.kind %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ <span class="category">
+ <span class="mono"> {% trans "Genre" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.genre %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></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="downarrow">{% trans "View online" %}</a>
+ </li>
+ <li class="book-box-download">
+ <a href="{{picture.image_file.url}}" class="downarrow">{% trans "download original" %}</a>
+ </li>
</ul>
+ {% block book-box-extra-info %}{% endblock %}
+ {% block box-append %}
+ {% endblock %}
+ {% block right-column %}
+ {% endblock %}
+ <div class="clearboth"></div>
</div>
</div>