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               {% include 'catalogue/2022/fragment_box.html' %}
  50             {% endfor %}
  51             {% paginate using '2022/paginate.html' %}
  52           </div>
  53         </div>
  54         <div class="l-theme__col">
  55           <div class="l-theme__info">
  56             <h3>Motyw: {{ tags.0.name }}</h3>
  57             {{ tags.0.description|safe }}
  58             <!--
  59                  <h3>Motyw w sztuce <i class="icon icon-arrow-left"></i> <i class="icon icon-arrow-right"></i></h3>
  60                  <div class="l-theme__info__slider">
  61                  <img src="images/motyw.jpg" alt="">
  62                  <img src="images/motyw.jpg" alt="">
  63                  <img src="images/motyw.jpg" alt="">
  64                  </div>
  65             -->
  66           </div>
  67         </div>
  68       </div>
  69     </div>
  70   </main>
  71
  72 {% endblock %}