Searching, filtering fixes.

[wolnelektury.git] / src / wolnelektury / templates / 2022 / main_page.html

diff --git a/src/wolnelektury/templates/2022/main_page.html b/src/wolnelektury/templates/2022/main_page.html
index b541467..ca9d958 100644 (file)
--- a/src/wolnelektury/templates/2022/main_page.html
+++ b/src/wolnelektury/templates/2022/main_page.html
@@ -139,61 +139,71 @@
 
 {% block global-content %}
   <main class="l-main">
 
 {% 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">
     {% if recommended_collection %}
       <section class="l-section">
         <div class="l-collections js-collections">
           <div class="l-collections__header">

-            <h3>{{ recommended_collection.title }}</h3>
-            {% comment %}
+            <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 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_books %}
               {% include 'catalogue/2022/book_box.html' %}
             {% endfor %}
           </div>
           </div>
           <div class="l-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>
         </div>

+

       </section>
     {% endif %}
 
     <section class="l-section">
       </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>

-          <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&nbsp;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>
         </div>

+      </div>

     </section>
 
     </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 %}
         {% for ambassador in ambassadors %}
           <div class="l-quotes__item">
             {% thumbnail ambassador.photo '100x100' crop="center" as ambphoto %}


@@ -206,6 +216,11 @@
           </div>
         {% endfor %}
       </div>
           </div>
         {% endfor %}
       </div>

+
+      <div class="l-quotes-ad" style="">
+        {% preview_ad_homepage %}
+      </div>
+

     </section>
 
     <section class="l-section">
     </section>
 
     <section class="l-section">


@@ -245,7 +260,7 @@
               <p>
                 Jak budujemy najpopularniejszą <strong>bibliotekę online</strong> w Polsce
               </p>
               <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>
             </div>
           </div>
         </div>


@@ -253,18 +268,17 @@
     </section>
   </main>
 
     </section>
   </main>
 

-  {% preview_ad_homepage %}

 
   <section class="l-section">
 
   <section class="l-section">

-    <div class="l-collections js-new-books-slider">
+    <div class="l-collections js-collections">

       <div class="l-collections__header">
       <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>
         </div>
       </div>
         <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">
+      <div class="l-books" style="display:block;">

         {% for book in last_published %}
           {% include 'catalogue/2022/book_box.html' %}
         {% endfor %}
         {% for book in last_published %}
           {% include 'catalogue/2022/book_box.html' %}
         {% endfor %}