src/catalogue/templates/catalogue/2022/theme_detail.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/"><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_file %}
  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 %}