-<div class="book">
- <div class="change-sets">
- <a href="{% url catalogue.views.book_sets book.slug %}" class="jqm-trigger">Półki</a>
- </div>
- <div class="book-thumbnail"></div>
- <div class="book-description">
- <h2><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h2>
- <p style="margin: 0">Formaty: {{ formats|join:", "|safe }}</p>
- <p style="margin: 0">Utwór w kategoriach: {{ tags|join:", "|safe }}</p>
+{% load i18n %}
+{% load thumbnail %}
+<div class="book-box">
+<div class="book-box-inner">
+ <a href="{{ book.get_absolute_url }}">
+ {% if book.cover %}
+ <img src="
+ {% thumbnail book.cover "216x288" as thumb %}
+ {{ thumb.url }}
+ {% empty %}
+ {{ book.cover.url }}
+ {% endthumbnail %}
+ " alt="Cover" />
+ {% endif %}
+ </a>
+ <div class="book-box-body">
+ <div class="book-box-head">
+ <div class="mono author">
+ {% for author in tags.author %}
+ {{ author }}
+ {% endfor %}
+ </div>
+ <div class="title">{{ book.title }}</div>
+ </div>
+ <div class="tags">
+ {% spaceless %}
+
+ <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>
+ {% endfor %}
+ </span>
+
+ <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>
+ {% 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>
+ {% endfor %}
+ </span>
+
+ {% endspaceless %}
+ </div>
</div>
+ <ul class="book-box-tools">
+ <li class="book-box-read">
+ {% if book.html_file %}
+ <a href="{% url book_text book.urlid %}" class="mono">{% trans "Read online" %}</a>
+ {% endif %}
+ </li>
+ <li class="book-box-download">
+ <a class="mono">{% trans "Download" %}</a>
+ <div class="book-box-formats mono">
+ {{ formats|join:"" }}
+ </div>
+ </li>
+ <li class="book-box-audiobook">
+ {% if book.has_mp3_file %}
+ <a href="" class="mono">{% trans "Listen" %}</a>
+ {% endif %}
+ </li>
+ </ul>
+</div>
</div>