src/wolnelektury/templates/2022/header.html

   1 {% load cache %}
   2 {% load static %}
   3 {% load menu %}
   4 {% load latest_blog_posts from blog %}
   5 {% load preview_ad from catalogue_tags %}
   6
   7 <nav class="l-navigation">
   8   <div class="l-container">
   9     <a href="/" class="l-navigation__logo">
  10       <img src="{% static "2022/images/logo.svg" %}" alt="WolneLektury.pl">
  11     </a>
  12     <div class="l-naviagion__search">
  13       <form action="/szukaj/">
  14         <input id="search" name="q" type="text" placeholder="szukaj tytułu, autora, motywów…" autocomplete="off" data-source="/szukaj/hint/?max=10">
  15       </form>
  16     </div>
  17     <div class="l-navigation__actions">
  18       {% if request.user.is_authenticated %}
  19         <a href="/ludzie/polka/"><i class="icon icon-liked"></i></a>
  20         <div id="user-menu">
  21           <ul>
  22             <li>
  23               <a href="{% url 'user_settings' %}" tabindex="-1">
  24                 <strong>
  25                   {{ request.user.username }}
  26                 </strong>
  27               </a>
  28             </li>
  29             {% if request.user.is_staff %}
  30               <li><a href="{% url 'admin:index' %}" tabindex="-1">Administracja</a></li>
  31             {% endif %}
  32             <li><a href="{% url 'logout' %}?next={% block logout %}{{ request.get_full_path }}{% endblock %}" tabindex="-1">Wyloguj się</a></li>
  33           </ul>
  34         </div>
  35         <a href="{% url 'user_settings' %}" class="user">
  36           {% if request.user.is_staff %}
  37             <img src="{% static '2022/images/icons/user-staff.svg' %}">
  38           {% elif request.user %}
  39             <img src="{% static '2022/images/icons/user-vip.svg' %}">
  40           {% else %}
  41             <img src="{% static '2022/images/icons/user.svg' %}">
  42           {% endif %}
  43         </a>
  44       {% else %}
  45         <div class="l-navigation__login">
  46           <a href='{% url 'login' %}?next={{ request.path }}'>Zaloguj się</a>
  47           /
  48           <a href='{% url 'register' %}?next={{ request.path }}'>Załóż konto</a>
  49         </div>
  50       {% endif %}
  51       <button class="l-navigation__button js-menu" aria-label="Menu">
  52         <span class="c-hamburger">
  53           <span class="bar"></span>
  54         </span>
  55       </button>
  56     </div>
  57     <div class="l-navigation__menu">
  58       <div class="l-container">
  59         <div class="l-navigation__menu__links">
  60           {% cache 30 menu LANGUAGE_CODE %}
  61             <ul>
  62               <li><strong>Katalog</strong></li>
  63               {% menu 'Katalog' %}
  64             </ul>
  65             <ul>
  66               <li><strong>Włącz się</strong></li>
  67               {% menu 'Włącz się' %}
  68             </ul>
  69             <ul>
  70               <li><strong>Aktualności</strong></li>
  71               {% latest_blog_posts %}
  72               {% menu 'Aktualności' %}
  73             </ul>
  74             <ul>
  75               <li><strong>Narzędzia</strong></li>
  76               {% menu 'Narzędzia' %}
  77             </ul>
  78             <ul>
  79               <li><strong>O nas</strong></li>
  80               {% menu 'O nas' %}
  81             </ul>
  82           {% endcache %}
  83         </div>
  84
  85         <div class="l-navigation__menu__info">
  86
  87           <div class="l-navigation__menu__book">
  88             {% cache 300 preview_ad LANGUAGE_CODE %}
  89               {% preview_ad %}
  90             {% endcache %}
  91           </div>
  92
  93           <div class="l-navigation__menu__social">
  94             <ul>
  95               <li>
  96                 <a href="https://www.facebook.com/wolnelektury/"
  97                    title="Facebook" tabindex="-1" target="_blank">
  98                   <i class="icon icon-fb" aria-hidden="true"></i>
  99                 </a>
 100               </li>
 101               <li>
 102                 <a href="https://www.youtube.com/c/WolneLekturyYT/"
 103                    title="YouTube" tabindex="-1" target="_blank">
 104                   <i class="icon icon-yt" aria-hidden="true"></i>
 105                 </a>
 106               </li>
 107               <li>
 108                 <a href="https://www.instagram.com/wolnelektury/"
 109                    title="Instagram" tabindex="-1" target="_blank">
 110                   <i class="icon icon-ig" aria-hidden="true"></i>
 111                 </a>
 112               </li>
 113               <li>
 114                 <a href="https://twitter.com/wolnelektury"
 115                    title="Twitter" tabindex="-1" target="_blank">
 116                   <i class="icon icon-tt" aria-hidden="true"></i>
 117                 </a>
 118               </li>
 119             </ul>
 120           </div>
 121         </div>
 122       </div>
 123     </div>
 124   </div>
 125 </nav>
 126
 127 <div class="l-container l-change-pop">
 128   <h3>Zmieniamy się!</h3>
 129   <p>
 130     Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd części stron.
 131     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>.
 132     Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
 133   </p>
 134   <!-- button class="l-change-pop__close">
 135        <i class="icon icon-close"></i>
 136        </button -->
 137 </div>