d1d4f24351d57db08a5aeb0b641e2d0a0e72e98a
[wolnelektury.git] / src / catalogue / templates / catalogue / 2022 / book_fragments.html
1 {% extends '2022/base.html' %}
2 {% load pagination_tags %}
3
4 {% block global-content %}
5   <div class="l-container">
6     <div class="l-breadcrumb">
7       <a href="/"><span>Strona główna</span></a>
8       <a href="/katalog/lektury/"><span>Literatura</span></a>
9       {% for ancestor in fragment.book.ancestors %}
10         <a href="{{ ancestor.get_absolute_url }}">{{ ancestor.title }}</a>
11       {% endfor %}
12       <a href="{{ fragment.book.get_absolute_url }}"><span>{{ book.title }}</span></a>
13     </div>
14   </div>
15
16   <main class="l-main">
17
18     <div class="l-section">
19       <div class="l-author__header">
20         <h1>
21           <span>Motyw:</span> {{ theme.name }}
22           <span>w utworze</span>
23           <a href="{{ book.get_absolute_url }}">{{ book }}</a>
24         </h1>
25       </div>
26     </div>
27
28     <!-- div class="l-section">
29          <div class="l-books__header">
30          <div class="l-books__input">
31          <i class="icon icon-filter"></i>
32          <input type="text" placeholder="filtry, tytuł">
33          </div>
34          <div class="l-books__sorting">
35          <span>Sortuj:</span>
36          <div>
37          <button>autorzy</button>
38          <button>epoki</button>
39          <button>gatunki</button>
40          <button>rodzaje</button>
41          <button class="is-active">motywy</button>
42          </div>
43          </div>
44          </div>
45          </div -->
46
47     {% autopaginate fragments 10 %}
48
49     <div class="l-section l-section--col">
50       <div class="l-theme">
51         <div class="l-theme__col">
52           <div class="l-books__col">
53
54             {% for fragment in fragments %}
55               {% include 'catalogue/2022/fragment_box.html' %}
56             {% endfor %}
57             {% paginate using '2022/paginate.html' %}
58           </div>
59         </div>
60         <div class="l-theme__col">
61           <div class="l-theme__info">
62             <h3>Motyw: {{ theme.name }}</h3>
63             {{ theme.description|safe }}
64             <!--
65                  <h3>Motyw w sztuce <i class="icon icon-arrow-left"></i> <i class="icon icon-arrow-right"></i></h3>
66                  <div class="l-theme__info__slider">
67                  <img src="images/motyw.jpg" alt="">
68                  <img src="images/motyw.jpg" alt="">
69                  <img src="images/motyw.jpg" alt="">
70                  </div>
71             -->
72           </div>
73         </div>
74       </div>
75     </div>
76   </main>
77
78 {% endblock %}