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