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