X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/9a938c8b406ce05e3bca4a5a483d473ece9e17b0..f1875769ae80dc4d9fd63af069d85ba2631f1876:/src/wolnelektury/templates/main_page.html?ds=sidebyside diff --git a/src/wolnelektury/templates/main_page.html b/src/wolnelektury/templates/main_page.html old mode 100755 new mode 100644 index 1f9cbf239..3ae4bd3e3 --- a/src/wolnelektury/templates/main_page.html +++ b/src/wolnelektury/templates/main_page.html @@ -1,160 +1,337 @@ {% extends "base.html" %} -{% load static from staticfiles %} -{% load i18n catalogue_tags infopages_tags social_tags %} -{% load ssi_include from ssify %} -{% load cache %} - - -{% block title %}{% trans "Wolne Lektury internet library" %}{% endblock %} -{% block ogtitle %}{% trans "Wolne Lektury internet library" %}{% endblock %} - -{% block body %}{% spaceless %} - - {% choose_cite as cite_pk %} - {{ cite_pk.if }} - {% ssi_include 'social_cite_main' pk=cite_pk %} - {{ cite_pk.endif }} - - <section id="main-library"> - <h1>W naszej cyfrowej bibliotece znajdziesz</h1> - <div class="main-library-row"> - <div class="covers"> - {% for book in best %} - {% cache 86400 book_mini_box book.pk %} - {% include 'catalogue/book_mini_box.html' %} - {% endcache %} - {#% ssi_include 'catalogue_book_mini' pk=b.pk %#} - {% endfor %} - </div> - <a href="{% url "book_list" %}"> - <div class="note white-box normal-text" style="font-size: 18px"> - i wiele innych ksiÄ Å¼ek, wierszy, obrazów, audiobooków⦠+{% load i18n %} +{% 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> - </a> + </div> </div> - </section> + {% endcomment %} +{% endblock %} - <section id="main-theme"> - <h1>Motywy i tematy</h1> - <div class="white-box normal-text"> - <h2>{% trans "Theme" %}: {{ theme }}</h2> - <p>Utwory, w których wystÄpuje ten motyw:</p> - {% for book in theme_books %} - {% cache 86400 book_mini_box book.pk %} - {% include 'catalogue/book_mini_box.html' %} - {% endcache %} - {#% ssi_include 'catalogue_book_mini' pk=book.pk %#} - {% endfor %} - {% if theme_fragment %} - {% ssi_include 'catalogue_fragment_promo' pk=theme_fragment.pk %} - {% endif %} - </div> - <a class="more" href="{% url 'theme_catalogue' %}">Zobacz katalog motywów</a> - </section> +{% block global-content %} + <main class="l-main"> - {% comment %} - <section class="tag-box-section"> - <h1>Autorzy</h1> - <a class="tag-box" href="{{ author.get_absolute_url }}"> - {% ssi_include "catalogue_tag_box" pk=author.pk %} - </a> - <a class="more" href="{% url 'author_catalogue' %}">Zobacz katalog autorów</a> - </section> - - <section class="tag-box-section"> - <h1>Gatunki</h1> - <a class="tag-box" href="{{ genre.get_absolute_url }}"> - {% ssi_include "catalogue_tag_box" pk=genre.pk %} - </a> - <a class="more" href="{% url 'genre_catalogue' %}">Zobacz katalog gatunków</a> - </section> + {% 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 class="tag-box-section"> - <h1>Rodzaje</h1> - <a class="tag-box" href="{{ kind.get_absolute_url }}"> - {% ssi_include "catalogue_tag_box" pk=kind.pk %} - </a> - <a class="more" href="{% url 'kind_catalogue' %}">Zobacz katalog rodzajów</a> - </section> + {% 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 class="tag-box-section"> - <h1>Epoki</h1> - <a class="tag-box" href="{{ epoch.get_absolute_url }}"> - {% ssi_include "catalogue_tag_box" pk=epoch.pk %} - </a> - <a class="more" href="{% url 'epoch_catalogue' %}">Zobacz katalog epok</a> - </section> - {% endcomment %} + </section> + {% endif %} - {% if collection %} - <section> - <h1>Kolekcje</h1> - {% ssi_include 'catalogue_collection_box' pk=collection.pk %} - <a class="more" href="{% url 'catalogue_collections' %}">Zobacz katalog kolekcji</a> + <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> - {% endif %} - - <section> - <h1>{% trans "Recent publications" %}</h1> - {% for book in last_published %} - {% cache 86400 book_mini_box book.pk %} - {% include 'catalogue/book_mini_box.html' %} - {% endcache %} - {#% ssi_include 'catalogue_book_mini' pk=book.pk %#} - {% endfor %} - <a class="more" href="{% url 'recent_list' %}">{% trans "More recent publications" %}</a> - </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> - {% ssi_include 'latest_blog_posts' %} - </section> + <div class="l-quotes-ad" style=""> + {% preview_ad_homepage %} + </div> + </section> - <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="http://turniej.wolnelektury.pl">Turniej ElektrybaÅtów</a></li--> - <li><a href="{% url 'reporting_catalogue_pdf' %}">{% trans "Download the catalogue in PDF format." %}</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="http://polski.wolnelektury.pl" lang="pl">MateriaÅy do nauki j. polskiego</a></li> - </ul> - </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="{% 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> + </main> - <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://pl-pl.facebook.com/pages/Wolne-Lektury/203084073268" 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="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> -{% endspaceless %}{% endblock %} + <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> -{% block add_footer %}{% spaceless %} - {{ cite_pk.if }} - <p>{% trans "Image used:" %} - {% ssi_include 'social_cite_info' pk=cite_pk %} - </p> - {{ cite_pk.endif }} -{% endspaceless %}{% endblock %} +{% endblock %}