{% load choose_cites from social_tags %}
{% load choose_fragment license_icon from catalogue_tags %}
{% load catalogue_tags %}
+{% load likes_book from social_tags %}
<html class="no-js">
<h3>Zmieniamy się!</h3>
<p>
Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd strony książki.
- Będziemy bardzo! wdzięczni za Twoją opinię – w prawym dolnym rogu znajdziesz przycisk oceny.
+ Będziemy bardzo! wdzięczni za Twoją opinię – <a href='{% url 'suggest' %}' target="_blank">możesz nam ją przesłać tutaj</a>.
Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
</p>
- <button class="l-change-pop__close">
+ <!-- button class="l-change-pop__close">
<i class="icon icon-close"></i>
- </button>
+ </button -->
</div>
<div class="l-container">
<a href="/" class="l-navigation__logo">
</div>
<div class="l-navigation__actions">
<a href="/ludzie/polka/"><i class="icon icon-liked"></i></a>
- <button class="l-navigation__button js-menu" aria-label="Menu">
+ <!-- button class="l-navigation__button js-menu" aria-label="Menu">
<span class="c-hamburger">
<span class="bar"></span>
</span>
- </button>
+ </button-->
</div>
</div>
</nav>
- {# TODO: BREADCRUMBS #}
<div class="l-container">
<div class="l-breadcrumb">
<a href="/"><span>Strona główna</span></a>
<section class="l-section">
<aside class="l-aside">
<figure>
- <img src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}" width="240">
+ <a href="{% url 'book_text' book.slug %}">
+ <img src="{% if book.cover_clean %}{{ book.cover_clean.url }}{% endif %}" alt="{{ book.pretty_title }}" width="240">
+ </a>
</figure>
<ul class="l-aside__info">
- <li><span>Epoka:</span> {% for tag in book.epochs %}<a href="{{ tag.get_absolute_url }}">{{ tag.name|lower }}</a> {% endfor %}</li>
- <li><span>Rodzaj:</span> {% for tag in book.kinds %}<a href="{{ tag.get_absolute_url }}">{{ tag.name|lower }}</a> {% endfor %}</li>
- <li><span>Gatunek:</span> {% for tag in book.genres %}<a href="{{ tag.get_absolute_url }}">{{ tag.name|lower }}</a> {% endfor %}</li>
+ <li><span>Epoka:</span> {% for tag in book.epochs %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+ <li><span>Rodzaj:</span> {% for tag in book.kinds %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+ <li><span>Gatunek:</span> {% for tag in book.genres %}<a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a> {% endfor %}</li>
+
</ul>
+
{% if book.parent or book.get_children %}
<ul class="l-aside__zbiory">
{% if book.parent %}
{% endif %}
</ul>
{% endif %}
+
</aside>
<div class="l-content">
<header class="l-header">
<div class="l-header__content">
<p>{% for author in book.authors %}<a href="{{ author.get_absolute_url }}">{{ author.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
- {% if book.translators %}
- (tłum. {% for translator in book.translators %}{{ translator }}{% endfor %})
- {% endif %}
</p>
- <h1>{{ book.title }}</h1>
+ <h1><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></h1>
+ {% if book.translators %}
+ <p class="l-header__translators">
+ tłum.
+ {% for translator in book.translators %}
+ {{ translator }}{% if not forloop.last %}, {% endif %}
+ {% endfor %}
+ </p>
+ {% endif %}
+ </div>
+ <div class="l-header__actions">
+ {% likes_book book as likes %}
+ {% if likes %}
+ <form method='post' action='{% url 'social_unlike_book' book.slug %}'>
+ {% csrf_token %}
+ <button class="l-button l-button--fav">
+ <img src="{% static '2022/images/faved.svg' %}" alt="Usuń z ulubionych">
+ </button>
+ </form>
+ {% else %}
+ <form method='post' action='{% url 'social_like_book' book.slug %}'>
+ {% csrf_token %}
+ <button class="l-button l-button--fav">
+ <img src="{% static '2022/images/fav.svg' %}" alt="Dodaj do ulubionych">
+ </button>
+ </form>
+ {% endif %}
</div>
- <!-- div class="l-header__actions">
- <button class="l-button l-button--fav">
- <img src="{% static '2022/images/fav.svg' %}" alt="Dodaj do ulubionych">
- </button>
- </div-->
</header>
<article class="l-article">
<div class="c-media">
<div>
<h3>inne formaty</h3>
<ul>
+ <li><a href="{% url 'custom_pdf_form' book.slug %}">Stwórz własny PDF</a></li>
{% if book.txt_file %}<li><a href="{{ book.txt_url }}">plik tekstowy (.txt)</a></li>{% endif %}
{% if book.fb2_file %}<li><a href="{{ book.fb2_url }}">FictionBook</a></li>{% endif %}
</ul>
</div>
<div class="l-article__overlay" data-max-height="327">
- <h3>Opis</h3>
{{ book.abstract|safe }}
{% if book.toc %}
<div class="c-support">
<div>
<h2>Ta książka jest dostępna dla tysięcy dzieciaków dzięki <span>darowiznom</span> od osób takich jak <span>Ty</span>!</h2>
- <a href="/towarzystwo/">Dorzuć się!</a>
+ <a href="{% url 'club_join' %}">Dorzuć się!</a>
</div>
<figure>
- <img src="{% static '2022/images/img-1.jpg' %}" alt="Dorzuć się!">
+ <img src="{% static '2022/images/dziecko.jpeg' %}" alt="Dorzuć się!">
</figure>
</div>
</div>
</figure>
{% endif %}
<article class="l-author__info">
- <h3>{{ author.name }}</h3>
+ <h3><a href="{{ author.get_absolute_url }}">{{ author.name }}</a></h3>
<div class="l-article__overlay" data-max-height="327">
{{ author.description|safe }}
</div>
<div class="l-author__quotes">
<div class="l-author__quotes__slider">
{% for fragment in cites %}
- <div class="l-author__quotes__slider__item">
+ <a class="l-author__quotes__slider__item" href="{{ fragment.get_absolute_url }}">
+
<em>
{{ fragment.short_text|safe }}
</em>
<p>{{ fragment.book.pretty_title }}</p>
- </div>
+ </a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
- </section>
+ </section>
{% endfor %}
<section class="l-section">
{% with book.related_themes as themes %}
{% if themes %}
<h2>Motywy występujące w tym utworze <a href="/katalog/motyw/"><span>Wszystkie motywy</span> <i class="icon icon-arrow-right"></i></a></h2>
- <div class="l-themes">
+ <div class="l-themes l-article__overlay" data-max-height="80">
<ul>
{% for item in themes %}
- <li><a href="{% url 'book_fragments' book.slug item.slug %}">{{ item|lower }} ({{ item.count}})</a></li>
+ <li><a href="{% url 'book_fragments' book.slug item.slug %}">{{ item }} ({{ item.count}})</a></li>
{% endfor %}
</ul>
</div>
+ <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Zobacz więcej</button>
+
{% endif %}
{% endwith %}
<ul class="links">
+ {% if book.wiki_link %}
+ <li><a href="{{ book.wiki_link }}">strona utworu w Wikipedii</a></li>
+ {% endif %}
<li>
<a href="{{ book.xml_url }}">źródłowy plik XML</a>
</li>
<section class="l-section">
<div class="l-books__wrapper">
<div class="l-container">
- <h2>Tytuły powiązane</h2>
+ <h2>Czytaj także</h2>
<div class="l-books">
{% if book.other_versions %}
{% for rel in book.other_versions %}
</div>
<script src="{% static '2022/scripts/vendor.js' %}"></script>
- <script src="{% static '2022/scripts/main.js' %}"></script>
+ <script src="{% static '2021/scripts/main.js' %}"></script>
{% javascript '2022' %}
{% javascript '2022_player' %}