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         <a href="{% url 'user_settings' %}" class="user">
  21           {% if request.user.is_staff %}
  22             <img src="{% static '2022/images/icons/user-staff.svg' %}">
  23           {% elif request.user %}
  24             <img src="{% static '2022/images/icons/user-vip.svg' %}">
  25           {% else %}
  26             <img src="{% static '2022/images/icons/user.svg' %}">
  27           {% endif %}
  28         </a>
  29       {% else %}
  30         <div class="l-navigation__login">
  31           <a href='...'>Zaloguj się</a>
  32           /
  33           <a href='...'>Załóż konto</a>
  34         </div>
  35       {% endif %}
  36       <button class="l-navigation__button js-menu" aria-label="Menu">
  37         <span class="c-hamburger">
  38           <span class="bar"></span>
  39         </span>
  40       </button>
  41     </div>
  42     <div class="l-navigation__menu">
  43       <div class="l-container">
  44         <div class="l-navigation__menu__links">
  45           <ul>
  46             <li><strong>Katalog</strong></li>
  47             {% menu 'Katalog' %}
  48           </ul>
  49           <ul>
  50             <li><strong>Włącz się</strong></li>
  51             {% menu 'Włącz się' %}
  52           </ul>
  53           <ul>
  54             <li><strong>Aktualności</strong></li>
  55             {% cache 1800 latest_blog_posts %}
  56               {% latest_blog_posts %}
  57             {% endcache %}
  58             {% menu 'Aktualności' %}
  59           </ul>
  60           <ul>
  61             <li><strong>Narzędzia</strong></li>
  62             {% menu 'Narzędzia' %}
  63           </ul>
  64           <ul>
  65             <li><strong>O nas</strong></li>
  66             {% menu 'O nas' %}
  67           </ul>
  68         </div>
  69
  70         <div class="l-navigation__menu__info">
  71
  72           <div class="l-navigation__menu__book">
  73             {% preview_ad %}
  74           </div>
  75
  76           <div class="l-navigation__menu__social">
  77             <ul>
  78               <li>
  79                 <a href="https://www.facebook.com/wolnelektury/"
  80                    title="Facebook" tabindex="-1" target="_blank">
  81                   <i class="icon icon-fb" aria-hidden="true"></i>
  82                 </a>
  83               </li>
  84               <li>
  85                 <a href="https://www.youtube.com/c/WolneLekturyYT/"
  86                    title="YouTube" tabindex="-1" target="_blank">
  87                   <i class="icon icon-yt" aria-hidden="true"></i>
  88                 </a>
  89               </li>
  90               <li>
  91                 <a href="https://www.instagram.com/wolnelektury/"
  92                    title="Instagram" tabindex="-1" target="_blank">
  93                   <i class="icon icon-ig" aria-hidden="true"></i>
  94                 </a>
  95               </li>
  96               <li>
  97                 <a href="https://twitter.com/wolnelektury"
  98                    title="Twitter" tabindex="-1" target="_blank">
  99                   <i class="icon icon-tt" aria-hidden="true"></i>
 100                 </a>
 101               </li>
 102             </ul>
 103           </div>
 104         </div>
 105       </div>
 106     </div>
 107   </div>
 108 </nav>
 109
 110 <div class="l-container l-change-pop">
 111   <h3>Zmieniamy się!</h3>
 112   <p>
 113     Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd części stron.
 114     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>.
 115     Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
 116   </p>
 117   <!-- button class="l-change-pop__close">
 118        <i class="icon icon-close"></i>
 119        </button -->
 120 </div>