{% block global-content %}
<main class="l-main">
+
+ {% if widget %}
+ <section class="l-section">
+ <iframe src="{{ widget}}" style="width: 100%; height: 600px; border: none;"></iframe>
+ </section>
+ {% endif %}
+
{% if recommended_collection %}
<section class="l-section">
<div class="l-collections js-collections">
<div class="l-collections__header">
<h3><a href="{{ recommended_collection.get_absolute_url }}">{{ recommended_collection.title }}</a></h3>
- {% comment %}
<div class="l-your-books__header__actions">
<button class="js-prev-slide"><i class="icon icon-arrow-left"></i></button>
<button class="js-next-slide"><i class="icon icon-arrow-right"></i></button>
</div>
- {% endcomment %}
</div>
<div class="l-books">
- {% for book in recommended_collection.get_5_books %}
+ {% for book in recommended_collection.get_books %}
{% include 'catalogue/2022/book_box.html' %}
{% endfor %}
</div>
+ <div class="c-read_more">
+ <a href="/katalog/kolekcje/">zobacz wszystkie kolekcje</a>
+ </div>
</div>
+
</section>
{% endif %}
<section class="l-section">
- <div class="p-homepage__info">
- <div class="p-homepage__info__box">
- {% carousel_2022 'main_2022' %}
- </div>
- <div class="p-homepage__info__box p-homepage__info__box--donate">
- <figure>
- <img src="{% static '2022/images/book-donate.svg' %}" alt="Dorzuć się!">
- </figure>
- <div class="p-homepage__info__box__content">
- <p>
- Nasze książki są dostępne dla tysięcy
- dzieciaków dzięki <strong>darowiznom</strong> od
- osób takich jak <strong>Ty</strong>!
- </p>
- <a href="{% url 'club_join' %}?pk_campaign=home" class="l-button l-button--default l-button--default--dark">Dorzuć się!</a>
- </div>
+ <div class="p-homepage__info">
+ <div class="p-homepage__info__box p-homepage__info__box--carousel">
+ {% carousel_2022 'main_2022' %}
+ </div>
+ <div class="p-homepage__info__box p-homepage__info__box--donate">
+ <figure>
+ <img src="{% static '2022/images/book-donate.svg' %}" alt="Dorzuć się!">
+ </figure>
+ <div class="p-homepage__info__box__content">
+ <p>
+ Nasze książki są dostępne dla tysięcy
+ dzieciaków dzięki <strong>darowiznom</strong> od
+ osób takich jak <strong>Ty</strong>!
+ </p>
+ <a href="{% url 'club_join' %}?pk_campaign=home" class="l-button l-button--default l-button--default--dark">Dorzuć się!</a>
</div>
- <div class="p-homepage__info__box p-homepage__info__box--newsletter">
- <figure>
- <img src="{% static '2022/images/book-newsletter.svg' %}" alt="Zapisz się na nasz Newsletter!">
- </figure>
- <div class="p-homepage__info__box__content">
- <h3>
- Zapisz się na nasz <strong>Newsletter!</strong>
- </h3>
- <a href="{% url 'subscribe' %}?pk_campaign=home" class="l-button l-button--default">Weź udział</a>
- </div>
+ </div>
+ <div class="p-homepage__info__box p-homepage__info__box--newsletter">
+ <figure>
+ <img src="{% static '2022/images/book-newsletter.svg' %}" alt="Zapisz się na nasz Newsletter!">
+ </figure>
+ <div class="p-homepage__info__box__content">
+ <h3>
+ Informacja o nowościach <strong>Newsletter!</strong>
+ </h3>
+ <a href="{% url 'subscribe' %}?pk_campaign=home" class="l-button l-button--default">Zapisz się</a>
</div>
</div>
+ </div>
</section>
- <section class="l-section">
- <div class="l-quotes">
+ <section class="l-section l-section--row">
+ <div class="l-quotes" style="">
{% for ambassador in ambassadors %}
<div class="l-quotes__item">
{% thumbnail ambassador.photo '100x100' crop="center" as ambphoto %}
</div>
{% endfor %}
</div>
+
+ <div class="l-quotes-ad" style="">
+ {% preview_ad_homepage %}
+ </div>
+
</section>
<section class="l-section">
<p>
Jak budujemy najpopularniejszą <strong>bibliotekę online</strong> w Polsce
</p>
- <a href="#" class="l-button l-button--default">Dowiedz się więcej</a>
+ <a href="/info/jak-powstaja-wolne-lektury/" class="l-button l-button--default">Dowiedz się więcej</a>
</div>
</div>
</div>
</section>
</main>
- {% preview_ad_homepage %}
<section class="l-section">
<div class="l-collections js-new-books-slider">
<div class="l-collections__header">
- <h3>Nowości</h3>
+ <h3><a href="/katalog/nowe/">Nowości</a></h3>
<div class="l-your-books__header__actions">
<button class="js-prev-slide"><i class="icon icon-arrow-left"></i></button>
<button class="js-next-slide"><i class="icon icon-arrow-right"></i></button>