1 {% extends 'base.html' %}
6 <div class="l-section">
7 <div class="l-author__header">
14 <div class="l-section">
15 <div class="l-books__header">
16 <div class="l-books__input">
17 <i class="icon icon-filter"></i>
18 <input type="text" placeholder="{% trans 'filtry, tytuł' %}" class="quick-filter" data-for="book-list">
23 <div class="l-section l-section--col">
24 <div class="l-books__grid" id="book-list">
25 {% for item in object.item_set.all %}
26 <article class="l-books__item">
27 <figure class="l-books__item__img book-container book-container-{{ book.pk }}" style="height:120px" data-book="{{ book.pk }}">
28 <a href="https://www.youtube.com/watch?v={{ item.youtube_id }}" target="_blank">
29 <img src="https://i.ytimg.com/vi/{{ item.youtube_id }}/mqdefault.jpg" />
32 <h2><a href="https://www.youtube.com/watch?v={{ item.youtube_id }}" target="_blank">
33 {{ item.title }}</a></h2>