X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/b39c329ecd604d815de1f772ed9c2e9598db4c46..581ffb970c3593c925dd4256eb4276c5b9625f92:/src/wolnelektury/templates/main_page.html?ds=inline diff --git a/src/wolnelektury/templates/main_page.html b/src/wolnelektury/templates/main_page.html index 369d6f603..3ae4bd3e3 100644 --- a/src/wolnelektury/templates/main_page.html +++ b/src/wolnelektury/templates/main_page.html @@ -1,141 +1,337 @@ -{% extends "base/base.html" %} -{% load latest_blog_posts from blog %} -{% load carousel from social_tags %} +{% extends "base.html" %} +{% load i18n %} {% load static %} -{% load i18n catalogue_tags infopages_tags %} -{% load cache %} -{% load funding_tags %} -{% get_current_language as LANGUAGE_CODE %} - - -{% block title %}{% trans "Wolne Lektury internet library" %}{% endblock %} -{% block ogtitle %}{% trans "Wolne Lektury internet library" %}{% endblock %} - -{% block body %} - {% spaceless %} - {% carousel 'main' %} - - <section id="main-library"> - <h1>{% trans "In our digital library you will find" %}</h1> - <div class="main-library-row"> - <div class="covers"> - {% for book in best %} - {{ book.mini_box }} - {% endfor %} +{% 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> - <a href="{% if recommended_collection %}{{ recommended_collection.get_absolute_url }}{% else %}{% url "book_list" %}{% endif %}"> - <div class="note white-box normal-text" style="font-size: 18px"> - {% trans "and many other books, poems, pictures, audiobooksâ¦" %} + <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> - </a> + <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> - </section> + </div> + {% endcomment %} +{% endblock %} - <section> - <h1> - <a href="{% url 'recent_list' %}"> - {% trans "Recent publications" %} - → - </a> - </h1> - {% for book in last_published %} - {{ book.mini_box }} - {% endfor %} - </section> +{% block global-content %} + <main class="l-main"> - {% if collections %} - <section> - <h1> - <a href="{% url 'catalogue_collections' %}"> - {% trans "Collections" %} - → - </a> - </h1> - {% for collection in collections %} - {{ collection.box }} - {% endfor %} + {% 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 %} - <section id="main-theme"> - <h1> - <a href="{% url 'theme_catalogue' %}"> - {% trans "Motifs and themes" %} - → - </a> - </h1> - <div class="white-box normal-text"> - <h2>{% trans "Theme" %}: {{ theme }}</h2> - <p>{% trans "Explore works with the same theme" %}</p> - {% for book in theme_books %} - {{ book.mini_box }} - {% endfor %} - {% if theme_fragment %} - {% cache 3600 fragment_promo theme_fragment.pk %} - {% include 'catalogue/fragment_promo.html' with fragment=theme_fragment %} - {% endcache %} - {% 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/">{% trans "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="{% trans 'DorzuÄ siÄ!' %}"> + </figure> + <div class="p-homepage__info__box__content"> + <p> + {% blocktrans trimmed %} + Nasze ksiÄ Å¼ki sÄ dostÄpne dla tysiÄcy + dzieciaków dziÄki <strong>darowiznom</strong> od + osób takich jak <strong>Ty</strong>! + {% endblocktrans %} + </p> + <a href="{% url 'club_join' %}?pk_campaign=home" class="l-button l-button--default l-button--default--dark">{% trans "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="{% trans 'Zapisz siÄ na nasz Newsletter!' %}"> + </figure> + <div class="p-homepage__info__box__content"> + <h3> + {% trans "Informacja o nowoÅciach" %} <strong>{% trans "Newsletter!" %}</strong> + </h3> + <a href="{% url 'subscribe' %}?pk_campaign=home" class="l-button l-button--default">{% trans "Zapisz siÄ" context "Newsletter" %}</a> + </div> + </div> </div> </section> - <div class="clearboth"></div> + <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> - <section class="infopages-box"> - <h1>{% trans "News" %}</h1> - {% cache 1800 latest_blog_posts %} - {% latest_blog_posts %} - {% endcache %} - </section> + <div class="l-quotes-ad" style=""> + {% preview_ad_homepage %} + </div> - <section class="infopages-box"> - <h1>{% trans "Utilities" %}</h1> - - <ul> - <li><a href="{% url 'suggest' %}" id="suggest" class="ajaxable">{% trans "Report a bug or suggestion" %}</a></li> - <li><a href="{% url 'reporting_catalogue_pdf' %}">{% trans "Download the catalogue in PDF format." %}</a></li> - <li><a href="{% url 'gallery' %}">{% trans "Art" %}</a></li> - <li><a href="{% url 'catalogue' %}">{% trans "All works" %}</a></li> - - <li><a href="{% url 'dictionary_notes' %}">{% trans "Footnotes" %}</a></li> - <li><a href="{% url 'suggest_publishing' %}" id="suggest-publishing" class="ajaxable">{% trans "Missing a book?" %}</a></li> - <li><a href="{% url 'publish_plan' %}">{% trans "Publishing plan" %}</a></li> - <li><a href="{% url 'api' %}">API</a></li> - <li><a href="{% url 'oaipmh' %}">OAI-PMH</a></li> - <li><a href="{% url 'lesmianator' %}" lang="pl">LeÅmianator</a></li> - <li><a href="https://polski.wolnelektury.pl" lang="pl">Przewodnik dla piszÄ cych i czytajÄ cych</a></li> - <li><a href="{% url 'subscribe' %}">{% trans "Newsletter" %}</a></li> - </ul> </section> - <section class="infopages-box"> - <h1>{% trans "Information" %}</h1> - <ul> - <li><a href="https://nowoczesnapolska.org.pl/prywatnosc/">{% trans "Privacy policy" %}</a></li> - {% infopages_on_main %} - </ul> - - <div class="social-links"> - <a href="https://www.facebook.com/wolnelektury/" title='Wolne Lektury @ Facebook'> - <img src="{% static "img/social/f.png" %}" alt="Wolne Lektury @ Facebook" /> - </a> - <a href="https://nk.pl/profile/30441509" title='Wolne Lektury @ NK'> - <img src="{% static "img/social/nk.png" %}" alt="Wolne Lektury @ NK.pl" /> - </a> + <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="{% trans 'DorzuÄ siÄ!' %}"> + </figure> + <div class="p-homepage__info__box__content"> + <p> + {% blocktrans trimmed %} + <strong>Wolne Lektury</strong> to lektury szkolne + i tysiÄ ce innych ksiÄ Å¼ek â za <strong>darmo</strong> + i <strong>bez rejestracji</strong>. + {% endblocktrans %} + </p> + <p>{% trans "Czytaj i sÅuchaj online, ÅciÄ gaj na swój telefon lub komputer, dziel siÄ z innymi." %}</p> + <p>{% trans "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">{% trans "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="{% trans 'DorzuÄ siÄ!' %}"> + </figure> + <div class="p-homepage__info__box__content"> + <p> + {% blocktrans trimmed %} + JesteÅmy czÄÅciÄ ruchu <strong>wolnej kultury</strong>! + {% endblocktrans %} + </p> + <a href="https://fundacja.wolnelektury.pl/o-fundacji/?pk_campaign=wl-infobox" class="l-button l-button--default">{% trans "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="{% trans 'DorzuÄ siÄ!' %}"> + </figure> + <div class="p-homepage__info__box__content"> + <p> + {% blocktrans trimmed %} + Jak budujemy najpopularniejszÄ <strong>bibliotekÄ online</strong> w Polsce + {% endblocktrans %} + </p> + <a href="/info/jak-powstaja-wolne-lektury/" class="l-button l-button--default">{% trans "Dowiedz siÄ wiÄcej" %}</a> + </div> + </div> + </div> </div> </section> - {% endspaceless %} -{% endblock %} + </main> -{% block add_footer %} - {% spaceless %} - {% if cite %} - <p> - {% trans "Image used:" %} - {% cache 3600 cite_info cite.pk %} - {% include 'social/cite_info.html' %} - {% endcache %} - </p> - {% endif %} - {% endspaceless %} + <section class="l-section"> + <div class="l-collections js-collections"> + <div class="l-collections__header"> + <h3><a href="/katalog/nowe/">{% trans "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>{% trans "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 %}