4fa616d2c3e6caf45de9532e70ec1b1de2707061
[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       <div class="l-navigation__user-actions">
19         {% include '2022/user_actions.html' %}
20       </div>
21       <button class="l-navigation__button js-menu" aria-label="Menu">
22         <span class="c-hamburger">
23           <span class="bar"></span>
24         </span>
25       </button>
26     </div>
27     <div class="l-navigation__menu">
28       <div class="scrollable">
29         <div class="l-container">
30
31           <div class="l-navigation__user-bar">
32             <div class="l-navigation__user-actions">
33               {% include '2022/user_actions.html' %}
34             </div>
35           </div>
36
37           <div class="l-navigation__menu__blocks">
38           <div class="l-navigation__menu__links">
39             {% cache 30 menu LANGUAGE_CODE %}
40               <ul>
41                 <li><strong>Katalog</strong></li>
42                 {% menu 'Katalog' %}
43               </ul>
44               <ul>
45                 <li><strong>Włącz się</strong></li>
46                 {% menu 'Włącz się' %}
47               </ul>
48               <ul>
49                 <li><strong>Aktualności</strong></li>
50                 {% latest_blog_posts %}
51                 {% menu 'Aktualności' %}
52               </ul>
53               <ul>
54                 <li><strong>Narzędzia</strong></li>
55                 {% menu 'Narzędzia' %}
56               </ul>
57               <ul>
58                 <li><strong>O nas</strong></li>
59                 {% menu 'O nas' %}
60               </ul>
61             {% endcache %}
62           </div>
63
64           <div class="l-navigation__menu__info">
65
66             <div class="l-navigation__menu__book">
67               {% preview_ad %}
68             </div>
69
70             <div class="l-navigation__menu__social">
71               <ul>
72                 <li>
73                   <a href="https://www.facebook.com/wolnelektury/"
74                      title="Facebook" tabindex="-1" target="_blank">
75                     <i class="icon icon-fb" aria-hidden="true"></i>
76                   </a>
77                 </li>
78                 <li>
79                   <a href="https://www.youtube.com/c/WolneLekturyYT/"
80                      title="YouTube" tabindex="-1" target="_blank">
81                     <i class="icon icon-yt" aria-hidden="true"></i>
82                   </a>
83                 </li>
84                 <li>
85                   <a href="https://www.instagram.com/wolnelektury/"
86                      title="Instagram" tabindex="-1" target="_blank">
87                     <i class="icon icon-ig" aria-hidden="true"></i>
88                   </a>
89                 </li>
90                 <li>
91                   <a href="https://twitter.com/wolnelektury"
92                      title="Twitter" tabindex="-1" target="_blank">
93                     <i class="icon icon-tt" aria-hidden="true"></i>
94                   </a>
95               </li>
96             </ul>
97             </div>
98           </div>
99         </div>
100         </div>
101       </div>
102     </div>
103   </div>
104 </nav>
105
106 {% block under-menu %}{% endblock %}