Layout.

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

diff --git a/src/wolnelektury/templates/2022/header.html b/src/wolnelektury/templates/2022/header.html
index 490159c..4fa616d 100644 (file)
--- a/src/wolnelektury/templates/2022/header.html
+++ b/src/wolnelektury/templates/2022/header.html
@@ -15,24 +15,9 @@
       </form>
     </div>
     <div class="l-navigation__actions">
-      {% if request.user.is_authenticated %}
-        <a href="/ludzie/polka/"><i class="icon icon-liked"></i></a>
-        <a href="{% url 'user_settings' %}" class="user">
-          {% if request.user.is_staff %}
-            <img src="{% static '2022/images/icons/user-staff.svg' %}">
-          {% elif request.user %}
-            <img src="{% static '2022/images/icons/user-vip.svg' %}">
-          {% else %}
-            <img src="{% static '2022/images/icons/user.svg' %}">
-          {% endif %}
-        </a>
-      {% else %}
-        <div class="l-navigation__login">
-          <a href='...'>Zaloguj się</a>
-          /
-          <a href='...'>Załóż konto</a>
-        </div>
-      {% endif %}
+      <div class="l-navigation__user-actions">
+        {% include '2022/user_actions.html' %}
+      </div>
       <button class="l-navigation__button js-menu" aria-label="Menu">
         <span class="c-hamburger">
           <span class="bar"></span>
@@ -40,81 +25,82 @@
       </button>
     </div>
     <div class="l-navigation__menu">
-      <div class="l-container">
-        <div class="l-navigation__menu__links">
-          <ul>
-            <li><strong>Katalog</strong></li>
-            {% menu 'Katalog' %}
-          </ul>
-          <ul>
-            <li><strong>Włącz się</strong></li>
-            {% menu 'Włącz się' %}
-          </ul>
-          <ul>
-            <li><strong>Aktualności</strong></li>
-            {% cache 1800 latest_blog_posts %}
-              {% latest_blog_posts %}
-            {% endcache %}
-            {% menu 'Aktualności' %}
-          </ul>
-          <ul>
-            <li><strong>Narzędzia</strong></li>
-            {% menu 'Narzędzia' %}
-          </ul>
-          <ul>
-            <li><strong>O nas</strong></li>
-            {% menu 'O nas' %}
-          </ul>
-        </div>
+      <div class="scrollable">
+        <div class="l-container">
 
-        <div class="l-navigation__menu__info">
+          <div class="l-navigation__user-bar">
+            <div class="l-navigation__user-actions">
+              {% include '2022/user_actions.html' %}
+            </div>
+          </div>
 
-          <div class="l-navigation__menu__book">
-            {% preview_ad %}
+          <div class="l-navigation__menu__blocks">
+          <div class="l-navigation__menu__links">
+            {% cache 30 menu LANGUAGE_CODE %}
+              <ul>
+                <li><strong>Katalog</strong></li>
+                {% menu 'Katalog' %}
+              </ul>
+              <ul>
+                <li><strong>Włącz się</strong></li>
+                {% menu 'Włącz się' %}
+              </ul>
+              <ul>
+                <li><strong>Aktualności</strong></li>
+                {% latest_blog_posts %}
+                {% menu 'Aktualności' %}
+              </ul>
+              <ul>
+                <li><strong>Narzędzia</strong></li>
+                {% menu 'Narzędzia' %}
+              </ul>
+              <ul>
+                <li><strong>O nas</strong></li>
+                {% menu 'O nas' %}
+              </ul>
+            {% endcache %}
           </div>
 
-          <div class="l-navigation__menu__social">
-            <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>
+          <div class="l-navigation__menu__info">
+
+            <div class="l-navigation__menu__book">
+              {% preview_ad %}
+            </div>
+
+            <div class="l-navigation__menu__social">
+              <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>
           </div>
         </div>
+        </div>
       </div>
     </div>
   </div>
 </nav>
 
-<div class="l-container l-change-pop">
-  <h3>Zmieniamy się!</h3>
-  <p>
-    Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd części stron.
-    Będziemy bardzo! wdzięczni za Twoją opinię – <a href='/formularz/ux-strona-ksiazki-T1/' target="_blank">możesz nam ją przesłać tutaj</a>.
-    Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
-  </p>
-  <!-- button class="l-change-pop__close">
-       <i class="icon icon-close"></i>
-       </button -->
-</div>
+{% block under-menu %}{% endblock %}