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