<div class="book-box-inner" style="position: relative;">
- {% if main_link %}<a href="{{ main_link }}">{% endif %}
- {% if book.cover %}
+<div class="cover-area">
+ {% if book.cover %}
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
<img src="
{% thumbnail book.cover "139x193" as thumb %}
{{ thumb.url }}
{% empty %}
{{ book.cover.url }}
{% endthumbnail %}
- " alt="Cover" />
- {% endif %}
- {% if main_link %}</a>{% endif %}
- <div class="book-box-body">
+ " alt="Cover" class="cover" />
+ {% if main_link %}</a>{% endif %}
+ {% endif %}
+ {% block cover-area-extra %}{% endblock %}
+</div>
+
+
+<div class="book-box-body">
<div class="star {% if not request.user|likes:book %}un{% endif %}like">
<div class="if-like" >
- <a id="social-book-sets-{{ book.slug }}" data-callback='social-book-sets' class='ajaxable' href='{% url social_book_sets book.slug %}'>
+ <a id="social-book-sets-{{ book.slug }}" data-callback='social-book-sets' class='ajaxable' href='{% url "social_book_sets" book.slug %}'>
★
</a>
</div>
<div class="if-unlike">
- <form id="social-like-book-{{ book.slug }}" data-callback='social-like-book' method='post' class='ajax-form' action='{% url social_like_book book.slug %}'>
+ <form id="social-like-book-{{ book.slug }}" data-callback='social-like-book' method='post' class='ajax-form' action='{% url "social_like_book" book.slug %}'>
{% csrf_token %}
<button type='submit'>☆</button>
</form>
<div class="book-box-head">
<div class="mono author">
- {% for name, slug in related.tags.author %}
- <a href="{% tag_url 'author' slug %}">{{ name }}</a>{% if not forloop.last %},
+ {% for tag in related.tags.author %}
+ <a href="{% tag_url 'author' tag.slug %}">{% related_tag_name tag %}</a>{% if not forloop.last %},
{% endif %}{% endfor %}{% for title, slug in related.parents %},
- <a href="{% url book_detail slug %}">{{ title }}</a>{% endfor %}
+ <a href="{% url 'book_detail' slug %}">{{ title }}</a>{% endfor %}
</div>
<div class="title">
{% if main_link %}<a href="{{ main_link }}">{% endif %}
{% spaceless %}
<span class="mono"> {% trans "Epoch" %}:</span> <span class="book-box-tag">
- {% for name, slug in related.tags.epoch %}
- <a href="{% tag_url 'epoch' slug %}">{{ name }}</a>
+ {% for tag in related.tags.epoch %}
+ <a href="{% tag_url 'epoch' tag.slug %}">{% related_tag_name tag %}</a>
{% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
</span>
<span class="mono"> {% trans "Kind" %}:</span> <span class="book-box-tag">
- {% for name, slug in related.tags.kind %}
- <a href="{% tag_url 'kind' slug %}">{{ name }}</a>
+ {% for tag in related.tags.kind %}
+ <a href="{% tag_url 'kind' tag.slug %}">{% related_tag_name tag %}</a>
{% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
</span>
<span class="mono"> {% trans "Genre" %}:</span> <span class="book-box-tag">
- {% for name, slug in related.tags.genre %}
- <a href="{% tag_url 'genre' slug %}">{{ name }}</a>
+ {% for tag in related.tags.genre %}
+ <a href="{% tag_url 'genre' tag.slug %}">{% related_tag_name tag %}</a>
{% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
</span>
<ul class="book-box-tools">
<li class="book-box-read">
{% if book.html_file %}
- <a href="{% url book_text book.slug %}" class="mono downarrow">{% trans "Read online" %}</a>
+ <a href="{% url 'book_text' book.slug %}" class="mono downarrow">{% trans "Read online" %}</a>
{% endif %}
</li>
<li class="book-box-download hoverget">
{% if book.mobi_file %}
<span><a href="{{ book.mobi_file.url}}">MOBI</a> {% trans "for Kindle" %}</span>
{% endif %}
+ {% if book.fb2_file %}
+ <span><a href="{{ book.fb2_file.url}}">FB2</a> {% trans "FictionBook" %}</span>
+ {% endif %}
{% if book.txt_file %}
<span><a href="{{ book.txt_file.url}}">TXT</a> {% trans "for advanced usage" %}</span>
{% endif %}
</li>
<li class="book-box-audiobook">
{% if related.media.mp3 or related.media.ogg %}
- <a href="{% url book_player book.slug %}" class="open-player mono downarrow">{% trans "Listen" %}</a>
+ <a href="{% url 'book_player' book.slug %}" class="open-player mono downarrow">{% trans "Listen" %}</a>
{% endif %}
</li>
</ul>