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