1 {% extends '2022/base_real.html' %}
2 {% load pagination_tags %}
5 <div class="l-container">
6 <div class="l-breadcrumb">
7 <a href="/"><span>Strona główna</span></a>
8 <a href="/katalog/"><span>Katalog</span></a>
9 <a href="/katalog/motyw/"><span>Motyw</span></a>
10 <span>{{ tags.0.name }}</span>
16 <div class="l-section">
17 <div class="l-author__header">
18 <h1><span>Motyw:</span> {{ tags.0.name }}</h1>
22 <!-- div class="l-section">
23 <div class="l-books__header">
24 <div class="l-books__input">
25 <i class="icon icon-filter"></i>
26 <input type="text" placeholder="filtry, tytuł">
28 <div class="l-books__sorting">
31 <button>autorzy</button>
32 <button>epoki</button>
33 <button>gatunki</button>
34 <button>rodzaje</button>
35 <button class="is-active">motywy</button>
41 {% autopaginate object_list 10 %}
43 <div class="l-section l-section--col">
45 <div class="l-theme__col">
46 <div class="l-books__col">
48 {% for fragment in object_list %}
49 <article class="l-books__item">
50 <figure class="l-books__item__img">
51 <a href="{{ fragment.get_absolute_url }}">
52 {% if fragment.book.cover_clean %}
53 <img src="{{ fragment.book.cover_clean.url }}" alt="{{ fragment.book.title }}">
57 <div class="l-books__item__content">
58 <div class="l-books__item__actions">
59 <a href="#" class="icon icon-book-alt"></a>
60 {% if fragment.book.has_mp3_file %}
61 <a href="#" class="icon icon-audio"></a>
65 {% for author in fragment.book.authors %}
66 <a href="{{ author.get_absolute_url }}">{{ author }}</a>{% if not forloop.last %}, {% endif %}
69 <h2><a href="{{ fragment.book.get_absolute_url }}">{{ fragment.book.title }}</a></h2>
70 <div class="fragment-text">
71 {{ fragment.short_text|safe }}
73 <a href="{{ fragment.get_absolute_url }}">Czytaj więcej</a>
77 {% paginate using '2022/paginate.html' %}
80 <div class="l-theme__col">
81 <div class="l-theme__info">
82 <h3>Motyw: {{ tags.0.name }}</h3>
83 {{ tags.0.description|safe }}
85 <h3>Motyw w sztuce <i class="icon icon-arrow-left"></i> <i class="icon icon-arrow-right"></i></h3>
86 <div class="l-theme__info__slider">
87 <img src="images/motyw.jpg" alt="">
88 <img src="images/motyw.jpg" alt="">
89 <img src="images/motyw.jpg" alt="">