image listings / boxes work but need polishing. started coding the viewer.
[wolnelektury.git] / apps / picture / templates / picture / picture_short.html
1 {% load i18n %}
2 {% load thumbnail %}
3 {% load catalogue_tags social_tags %}
4 {% load picture_tags %}
5
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}}"/>
13       {% endthumbnail %}
14     </a>
15     {% endblock %}
16      {# what about licensing icons here #}
17   </div>
18     <div class="book-box-body">
19       
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 %}
24             {% endfor %}
25             </div>
26             <div class="title"><a href="{{ picture.get_absolute_url }}">{{ picture.title }}</a></div>
27         </div>
28         <div class="tags">
29             {% spaceless %}
30
31             <span class="mono">{% trans "Epoch" %}:&nbsp;</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 %}
35                 {% endfor %}
36             </span>
37
38             <span class="mono">{% trans "Kind" %}:&nbsp;</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 %}
42                 {% endfor %}
43             </span>
44
45             {% endspaceless %}
46         </div>
47     </div>
48     <ul class="book-box-tools">
49       <li class="book-box-read">
50         <a href="{% url 'picture_viewer' picture.slug %}" class="mono downarrow">{% trans "View online" %}</a>
51       </li>
52       <li class="book-box-download">
53         <a href="{{picture.image_file.url}}" class="mono downarrow">{% trans "download original" %}</a>
54       </li>
55 <!--      <li class="book-box-download hoverget">
56         <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
57         <div class="book-box-formats mono">
58           {% if picture.image_file %}
59           <span><a href="{{ picture.image_file.url}}">JPG</a> {% trans "original" %}</span>
60           {% endif %}
61         </div>-->
62       </li>
63     </ul>
64     <div class="clearboth"/>
65 </div>
66 </div>