blackout
[wolnelektury.git] / src / wolnelektury / templates / header.html
1 {% load annoy %}
2 {% load cache %}
3 {% load i18n %}
4 {% load static %}
5 {% load menu %}
6 {% load latest_blog_posts from blog %}
7 {% load preview_ad from catalogue_tags %}
8
9 {% annoy_banner_blackout %}
10
11 <nav class="l-navigation">
12   <div class="l-container">
13     <a href="/" class="l-navigation__logo">
14       <img src="{% static "2022/images/logo.svg" %}" alt="WolneLektury.pl">
15     </a>
16     <div class="l-naviagion__search">
17       <form action="/szukaj/">
18         <input id="search" name="q" type="text" placeholder="szukaj tytułu, autora, motywów…" autocomplete="off" data-source="/szukaj/hint/?max=10">
19       </form>
20     </div>
21     <div class="l-navigation__actions">
22       <div class="l-navigation__user-actions">
23         {% include 'user_actions.html' %}
24       </div>
25       <button class="l-navigation__button js-menu" aria-label="Menu">
26         <span class="c-hamburger">
27           <span class="bar"></span>
28         </span>
29       </button>
30     </div>
31     {% include 'lang-switcher.html' %}
32
33     <div class="l-navigation__menu">
34       <div class="scrollable">
35         <div class="l-container">
36
37           <div class="l-navigation__user-bar">
38             <div class="l-navigation__user-actions">
39               {% include 'lang-switcher.html' %}
40               {% include 'user_actions.html' %}
41             </div>
42           </div>
43
44           <div class="l-navigation__menu__blocks">
45             <div class="l-navigation__menu__links">
46               {% cache 30 menu LANGUAGE_CODE %}
47                 <ul>
48                   <li><strong>{% trans "Katalog" %}</strong></li>
49                   {% menu 'Katalog' %}
50                 </ul>
51                 <ul>
52                   <li><strong>{% trans "Włącz się" %}</strong></li>
53                   {% menu 'Włącz się' %}
54                 </ul>
55                 <ul>
56                   <li><strong>{% trans "Aktualności" %}</strong></li>
57                   {% latest_blog_posts %}
58                   {% menu 'Aktualności' %}
59                 </ul>
60                 <ul>
61                   <li><strong>{% trans "Narzędzia" %}</strong></li>
62                   {% menu 'Narzędzia' %}
63                 </ul>
64                 <ul>
65                   <li><strong>{% trans "O nas" %}</strong></li>
66                   {% menu 'O nas' %}
67                 </ul>
68               {% endcache %}
69             </div>
70
71             <div class="l-navigation__menu__info">
72
73               <div class="l-navigation__menu__book">
74                 {% preview_ad %}
75               </div>
76
77               <div class="l-navigation__menu__social">
78                 <ul>
79                   <li>
80                     <a href="https://www.facebook.com/wolnelektury/"
81                        title="Facebook" tabindex="-1" target="_blank">
82                       <i class="icon icon-fb" aria-hidden="true"></i>
83                     </a>
84                   </li>
85                   <li>
86                     <a href="https://www.youtube.com/c/WolneLekturyYT/"
87                        title="YouTube" tabindex="-1" target="_blank">
88                       <i class="icon icon-yt" aria-hidden="true"></i>
89                     </a>
90                   </li>
91                   <li>
92                     <a href="https://www.instagram.com/wolnelektury/"
93                        title="Instagram" tabindex="-1" target="_blank">
94                       <i class="icon icon-ig" aria-hidden="true"></i>
95                     </a>
96                   </li>
97                   <li>
98                     <a href="https://twitter.com/wolnelektury"
99                        title="Twitter" tabindex="-1" target="_blank">
100                       <i class="icon icon-tt" aria-hidden="true"></i>
101                     </a>
102               </li>
103             </ul>
104             </div>
105           </div>
106         </div>
107         </div>
108       </div>
109     </div>
110   </div>
111 </nav>
112
113 {% block under-menu %}{% endblock %}