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