--- /dev/null
+{% extends "base.html" %}
+{% load static %}
+{% load thumbnail %}
+{% load catalogue_tags %}
+{% load social_tags %}
+{% load sponsors %}
+
+{% block under-menu %}
+ {% comment %}
+ <div class="l-your-books">
+ <div class="l-container">
+ <div class="l-your-books__continue">
+ <div class="l-your-books__header">
+ <h3>Czytaj dalej</h3>
+ </div>
+ <div class="l-books">
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ </div>
+ </div>
+ <div class="l-your-books__shelf">
+ <div class="l-your-books__header">
+ <h3>Moja półka</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>
+ </div>
+ </div>
+ <div class="l-books">
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ <article class="l-books__item">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ <article class="l-books__item l-books__item--placeholder">
+ <figure class="l-books__item__img">
+ <a href="#">
+ <img src="images/book-2.jpg" alt="Wstęp do filozofii">
+ </a>
+ </figure>
+ <div class="l-books__item__actions">
+ <a href="#"><i class="icon icon-book"></i></a>
+ <a href="#"><i class="icon icon-audio"></i></a>
+ <a href="#"><i class="icon icon-picture"></i></a>
+ <a href="#"><i class="icon icon-like"></i></a>
+ </div>
+ <h3><a href="#">Stanisław Brzozowski</a></h3>
+ <h2><a href="#">Wstęp do filozofii</a></h2>
+ </article>
+ </div>
+ </div>
+ </div>
+ </div>
+ {% endcomment %}
+{% endblock %}
+
+{% block global-content %}
+ <main class="l-main">
+
+ {% if widget %}
+ <div class="l-change-pop show"><p>{{ widget.description }}</p></div>
+ <section class="l-section">
+ <iframe src="{{ widget.url }}" 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>
+ <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>
+ </div>
+ <div class="l-books">
+ {% for book in recommended_collection.get_books %}
+ {% include 'catalogue/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 p-homepage__info__box--carousel">
+ {% carousel '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>
+ <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 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 %}
+ <img src="{{ ambphoto.url }}" alt="{{ ambassador.name }}">
+ {% endthumbnail %}
+ <h4>{{ ambassador.name }}</h4>
+ <p>
+ {{ ambassador.text }}
+ </p>
+ </div>
+ {% endfor %}
+ </div>
+
+ <div class="l-quotes-ad" style="">
+ {% preview_ad_homepage %}
+ </div>
+
+ </section>
+
+ <section class="l-section">
+ <div class="p-homepage__info p-homepage__info--second">
+ <div class="p-homepage__info__box p-homepage__info__box--full">
+ <figure>
+ <img src="{% static '2022/images/kid.png' %}" alt="Dorzuć się!">
+ </figure>
+ <div class="p-homepage__info__box__content">
+ <p>
+ <strong>Wolne Lektury</strong> to lektury szkolne
+ i tysiące innych książek – za <strong>darmo</strong>
+ i <strong>bez rejestracji</strong>.
+ </p>
+ <p>Czytaj i słuchaj online, ściągaj na swój telefon lub komputer, dziel się z innymi.</p>
+ <p>Dla uczennic i uczniów dodajemy przypisy, motywy literackie, biogramy i geotagowanie.</p>
+ <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>
+ </div>
+ </div>
+ <div class="p-homepage__info__box__rows">
+ <div class="p-homepage__info__box p-homepage__info__box--full--sm">
+ <figure>
+ <img src="{% static '2022/images/kid-2.png' %}" alt="Dorzuć się!">
+ </figure>
+ <div class="p-homepage__info__box__content">
+ <p>
+ Jesteśmy częścią ruchu <strong>wolnej kultury</strong>!
+ </p>
+ <a href="https://fundacja.wolnelektury.pl/o-fundacji/?pk_campaign=wl-infobox" class="l-button l-button--default">Dowiedz się więcej</a>
+ </div>
+ </div>
+ <div class="p-homepage__info__box p-homepage__info__box--full--sm">
+ <figure>
+ <img src="{% static '2022/images/kid-3.png' %}" alt="Dorzuć się!">
+ </figure>
+ <div class="p-homepage__info__box__content">
+ <p>
+ Jak budujemy najpopularniejszą <strong>bibliotekę online</strong> w Polsce
+ </p>
+ <a href="/info/jak-powstaja-wolne-lektury/" class="l-button l-button--default">Dowiedz się więcej</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ </main>
+
+
+ <section class="l-section">
+ <div class="l-collections js-collections">
+ <div class="l-collections__header">
+ <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>
+ </div>
+ </div>
+ <div class="l-books" style="display:block;">
+ {% for book in last_published %}
+ {% include 'catalogue/book_box.html' %}
+ {% endfor %}
+ </div>
+ </div>
+ </section>
+
+ <div class="l-container">
+ <section class="l-section">
+ <div class="p-homepage__uptodate">
+ <div class="p-homepage__uptodate__header">
+ <h3>Bądź na bieżąco</h3>
+ <ul>
+ <li>
+ <a href="https://www.facebook.com/wolnelektury/"
+ title="Facebook" tabindex="-1" target="_blank">
+ <i class="icon icon-fb" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li>
+ <a href="https://www.youtube.com/c/WolneLekturyYT/"
+ title="YouTube" tabindex="-1" target="_blank">
+ <i class="icon icon-yt" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li>
+ <a href="https://www.instagram.com/wolnelektury/"
+ title="Instagram" tabindex="-1" target="_blank">
+ <i class="icon icon-ig" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li>
+ <a href="https://twitter.com/wolnelektury"
+ title="Twitter" tabindex="-1" target="_blank">
+ <i class="icon icon-tt" aria-hidden="true"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+
+ {% sponsor_page 'footer' %}
+
+ </div>
+ </section>
+ </div>
+
+{% endblock %}
fnp / wolnelektury.git / blobdiff