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 %}