490159c9b96234bd2856484e6790c6b03bc81e99
[wolnelektury.git] / 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>