622b6b5218233fd043041990ec24a92ce4742186
[wolnelektury.git] / src / catalogue / templates / catalogue / 2022 / theme_detail.html
1 {% extends '2022/base_real.html' %}
2 {% load pagination_tags %}
3
4 {% block content %}
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>
11     </div>
12   </div>
13
14   <main class="l-main">
15
16     <div class="l-section">
17       <div class="l-author__header">
18         <h1><span>Motyw:</span> {{ tags.0.name }}</h1>
19       </div>
20     </div>
21
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ł">
27          </div>
28          <div class="l-books__sorting">
29          <span>Sortuj:</span>
30          <div>
31          <button>autorzy</button>
32          <button>epoki</button>
33          <button>gatunki</button>
34          <button>rodzaje</button>
35          <button class="is-active">motywy</button>
36          </div>
37          </div>
38          </div>
39          </div -->
40
41     {% autopaginate object_list 10 %}
42
43     <div class="l-section l-section--col">
44       <div class="l-theme">
45         <div class="l-theme__col">
46           <div class="l-books__col">
47
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 }}">
54                     {% endif %}
55                   </a>
56                 </figure>
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 %}
61                       <a href="#" class="icon icon-audio"></a>
62                     {% endif %}
63                   </div>
64                   <h3>
65                     {% for author in fragment.book.authors %}
66                       <a href="{{ author.get_absolute_url }}">{{ author }}</a>{% if not forloop.last %}, {% endif %}
67                     {% endfor %}
68                   </h3>
69                   <h2><a href="{{ fragment.book.get_absolute_url }}">{{ fragment.book.title }}</a></h2>
70                   <div class="fragment-text">
71                     {{ fragment.short_text|safe }}
72                   </div>
73                   <a href="{{ fragment.get_absolute_url }}">Czytaj więcej</a>
74                 </div>
75               </article>
76             {% endfor %}
77             {% paginate using '2022/paginate.html' %}
78           </div>
79         </div>
80         <div class="l-theme__col">
81           <div class="l-theme__info">
82             <h3>Motyw: {{ tags.0.name }}</h3>
83             {{ tags.0.description|safe }}
84             <!--
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="">
90                  </div>
91             -->
92           </div>
93         </div>
94       </div>
95     </div>
96   </main>
97
98 {% endblock %}