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