src/catalogue/templates/catalogue/book_fragments.html

   1 {% extends '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/fragment_box.html' %}
  56             {% endfor %}
  57             {% paginate %}
  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 %}