1 {% extends "2022/base.html" %}
4 {% load catalogue_tags %}
10 <div class="l-your-books">
11 <div class="l-container">
12 <div class="l-your-books__continue">
13 <div class="l-your-books__header">
17 <article class="l-books__item">
18 <figure class="l-books__item__img">
20 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
23 <div class="l-books__item__actions">
24 <a href="#"><i class="icon icon-book"></i></a>
25 <a href="#"><i class="icon icon-audio"></i></a>
26 <a href="#"><i class="icon icon-picture"></i></a>
27 <a href="#"><i class="icon icon-like"></i></a>
29 <h3><a href="#">Stanisław Brzozowski</a></h3>
30 <h2><a href="#">Wstęp do filozofii</a></h2>
34 <div class="l-your-books__shelf">
35 <div class="l-your-books__header">
37 <div class="l-your-books__header__actions">
38 <button class="js-prev-slide"><i class="icon icon-arrow-left"></i></button>
39 <button class="js-next-slide"><i class="icon icon-arrow-right"></i></button>
43 <article class="l-books__item">
44 <figure class="l-books__item__img">
46 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
49 <div class="l-books__item__actions">
50 <a href="#"><i class="icon icon-book"></i></a>
51 <a href="#"><i class="icon icon-audio"></i></a>
52 <a href="#"><i class="icon icon-picture"></i></a>
53 <a href="#"><i class="icon icon-like"></i></a>
55 <h3><a href="#">Stanisław Brzozowski</a></h3>
56 <h2><a href="#">Wstęp do filozofii</a></h2>
58 <article class="l-books__item">
59 <figure class="l-books__item__img">
61 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
64 <div class="l-books__item__actions">
65 <a href="#"><i class="icon icon-book"></i></a>
66 <a href="#"><i class="icon icon-audio"></i></a>
67 <a href="#"><i class="icon icon-picture"></i></a>
68 <a href="#"><i class="icon icon-like"></i></a>
70 <h3><a href="#">Stanisław Brzozowski</a></h3>
71 <h2><a href="#">Wstęp do filozofii</a></h2>
73 <article class="l-books__item">
74 <figure class="l-books__item__img">
76 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
79 <div class="l-books__item__actions">
80 <a href="#"><i class="icon icon-book"></i></a>
81 <a href="#"><i class="icon icon-audio"></i></a>
82 <a href="#"><i class="icon icon-picture"></i></a>
83 <a href="#"><i class="icon icon-like"></i></a>
85 <h3><a href="#">Stanisław Brzozowski</a></h3>
86 <h2><a href="#">Wstęp do filozofii</a></h2>
88 <article class="l-books__item">
89 <figure class="l-books__item__img">
91 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
94 <div class="l-books__item__actions">
95 <a href="#"><i class="icon icon-book"></i></a>
96 <a href="#"><i class="icon icon-audio"></i></a>
97 <a href="#"><i class="icon icon-picture"></i></a>
98 <a href="#"><i class="icon icon-like"></i></a>
100 <h3><a href="#">Stanisław Brzozowski</a></h3>
101 <h2><a href="#">Wstęp do filozofii</a></h2>
103 <article class="l-books__item">
104 <figure class="l-books__item__img">
106 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
109 <div class="l-books__item__actions">
110 <a href="#"><i class="icon icon-book"></i></a>
111 <a href="#"><i class="icon icon-audio"></i></a>
112 <a href="#"><i class="icon icon-picture"></i></a>
113 <a href="#"><i class="icon icon-like"></i></a>
115 <h3><a href="#">Stanisław Brzozowski</a></h3>
116 <h2><a href="#">Wstęp do filozofii</a></h2>
118 <article class="l-books__item l-books__item--placeholder">
119 <figure class="l-books__item__img">
121 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
124 <div class="l-books__item__actions">
125 <a href="#"><i class="icon icon-book"></i></a>
126 <a href="#"><i class="icon icon-audio"></i></a>
127 <a href="#"><i class="icon icon-picture"></i></a>
128 <a href="#"><i class="icon icon-like"></i></a>
130 <h3><a href="#">Stanisław Brzozowski</a></h3>
131 <h2><a href="#">Wstęp do filozofii</a></h2>
140 {% block global-content %}
141 <main class="l-main">
142 {% if recommended_collection %}
143 <section class="l-section">
144 <div class="l-collections js-collections">
145 <div class="l-collections__header">
146 <h3>{{ recommended_collection.title }}</h3>
147 <div class="l-your-books__header__actions">
148 <button class="js-prev-slide"><i class="icon icon-arrow-left"></i></button>
149 <button class="js-next-slide"><i class="icon icon-arrow-right"></i></button>
152 <div class="l-books">
153 {% for book in recommended_collection.get_books %}
154 {% include 'catalogue/2022/book_box.html' %}
161 <section class="l-section">
162 <div class="p-homepage__info">
163 <div class="p-homepage__info__box">
164 {% carousel_2022 'main_2022' %}
166 <div class="p-homepage__info__box p-homepage__info__box--donate">
168 <img src="{% static '2022/images/book-donate.svg' %}" alt="Dorzuć się!">
170 <div class="p-homepage__info__box__content">
172 Nasze książki są dostępne dla tysięcy
173 dzieciaków dzięki <strong>darowiznom</strong> od
174 osób takich jak <strong>Ty</strong>!
176 <a href="{% url 'club_join' %}?pk_campaign=home" class="l-button l-button--default l-button--default--dark">Dorzuć się!</a>
179 <div class="p-homepage__info__box p-homepage__info__box--newsletter">
181 <img src="{% static '2022/images/book-newsletter.svg' %}" alt="Zapisz się na nasz Newsletter!">
183 <div class="p-homepage__info__box__content">
185 Zapisz się na nasz <strong>Newsletter!</strong>
187 <a href="{% url 'subscribe' %}/?pk_campaign=home" class="l-button l-button--default">Weź udział</a>
193 <section class="l-section">
194 <div class="l-quotes">
195 {% for ambassador in ambassadors %}
196 <div class="l-quotes__item">
197 {% thumbnail ambassador.photo '100x100' crop="center" as ambphoto %}
198 <img src="{{ ambphoto.url }}" alt="{{ ambassador.name }}">
200 <h4>{{ ambassador.name }}</h4>
202 {{ ambassador.text }}
209 <section class="l-section">
210 <div class="p-homepage__info p-homepage__info--second">
211 <div class="p-homepage__info__box p-homepage__info__box--full">
213 <img src="{% static '2022/images/kid.png' %}" alt="Dorzuć się!">
215 <div class="p-homepage__info__box__content">
217 <strong>Wolne Lektury</strong> to lektury szkolne
218 i tysiące innych książek – za <strong>darmo</strong>
219 i <strong>bez rejestracji</strong>.
221 <p>Czytaj i słuchaj online, ściągaj na swój telefon lub komputer, dziel się z innymi.</p>
222 <p>Dla uczennic i uczniów dodajemy przypisy, motywy literackie, biogramy i geotagowanie.</p>
223 <a href="{% url 'infopage' 'o-projekcie' %}?pk_campaign=wl-infobox" class="l-button l-button--default l-button--default--dark">Dowiedz się więcej</a>
226 <div class="p-homepage__info__box__rows">
227 <div class="p-homepage__info__box p-homepage__info__box--full--sm">
229 <img src="{% static '2022/images/kid-2.png' %}" alt="Dorzuć się!">
231 <div class="p-homepage__info__box__content">
233 Jesteśmy częścią ruchu <strong>wolnej kultury</strong>!
235 <a href="https://nowoczesnapolska.org.pl/o-fundacji/?pk_campaign=wl-infobox" class="l-button l-button--default">Dowiedz się więcej</a>
238 <div class="p-homepage__info__box p-homepage__info__box--full--sm">
240 <img src="{% static '2022/images/kid-3.png' %}" alt="Dorzuć się!">
242 <div class="p-homepage__info__box__content">
244 Jak budujemy najpopularniejszą <strong>bibliotekę online</strong> w Polsce
246 <a href="#" class="l-button l-button--default">Dowiedz się więcej</a>
254 {% preview_ad_homepage %}
256 <section class="l-section">
257 <div class="l-collections js-new-books-slider">
258 <div class="l-collections__header">
260 <div class="l-your-books__header__actions">
261 <button class="js-prev-slide"><i class="icon icon-arrow-left"></i></button>
262 <button class="js-next-slide"><i class="icon icon-arrow-right"></i></button>
265 <div class="l-books">
266 {% for book in last_published %}
267 {% include 'catalogue/2022/book_box.html' %}
273 <div class="l-container">
274 <section class="l-section">
275 <div class="p-homepage__uptodate">
276 <div class="p-homepage__uptodate__header">
277 <h3>Bądź na bieżąco</h3>
280 <a href="https://www.facebook.com/wolnelektury/"
281 title="Facebook" tabindex="-1" target="_blank">
282 <i class="icon icon-fb" aria-hidden="true"></i>
286 <a href="https://www.youtube.com/c/WolneLekturyYT/"
287 title="YouTube" tabindex="-1" target="_blank">
288 <i class="icon icon-yt" aria-hidden="true"></i>
292 <a href="https://www.instagram.com/wolnelektury/"
293 title="Instagram" tabindex="-1" target="_blank">
294 <i class="icon icon-ig" aria-hidden="true"></i>
298 <a href="https://twitter.com/wolnelektury"
299 title="Twitter" tabindex="-1" target="_blank">
300 <i class="icon icon-tt" aria-hidden="true"></i>
306 {% sponsor_page 'footer' %}