src/wolnelektury/templates/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 '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     {% include 'lang-switcher.html' %}
  28
  29     <div class="l-navigation__menu">
  30       <div class="scrollable">
  31         <div class="l-container">
  32
  33           <div class="l-navigation__user-bar">
  34             <div class="l-navigation__user-actions">
  35               {% include 'lang-switcher.html' %}
  36               {% include 'user_actions.html' %}
  37             </div>
  38           </div>
  39
  40           <div class="l-navigation__menu__blocks">
  41             <div class="l-navigation__menu__links">
  42               {% cache 30 menu LANGUAGE_CODE %}
  43                 <ul>
  44                   <li><strong>Katalog</strong></li>
  45                   {% menu 'Katalog' %}
  46                 </ul>
  47                 <ul>
  48                   <li><strong>Włącz się</strong></li>
  49                   {% menu 'Włącz się' %}
  50                 </ul>
  51                 <ul>
  52                   <li><strong>Aktualności</strong></li>
  53                   {% latest_blog_posts %}
  54                   {% menu 'Aktualności' %}
  55                 </ul>
  56                 <ul>
  57                   <li><strong>Narzędzia</strong></li>
  58                   {% menu 'Narzędzia' %}
  59                 </ul>
  60                 <ul>
  61                   <li><strong>O nas</strong></li>
  62                   {% menu 'O nas' %}
  63                 </ul>
  64               {% endcache %}
  65             </div>
  66
  67             <div class="l-navigation__menu__info">
  68
  69               <div class="l-navigation__menu__book">
  70                 {% preview_ad %}
  71               </div>
  72
  73               <div class="l-navigation__menu__social">
  74                 <ul>
  75                   <li>
  76                     <a href="https://www.facebook.com/wolnelektury/"
  77                        title="Facebook" tabindex="-1" target="_blank">
  78                       <i class="icon icon-fb" aria-hidden="true"></i>
  79                     </a>
  80                   </li>
  81                   <li>
  82                     <a href="https://www.youtube.com/c/WolneLekturyYT/"
  83                        title="YouTube" tabindex="-1" target="_blank">
  84                       <i class="icon icon-yt" aria-hidden="true"></i>
  85                     </a>
  86                   </li>
  87                   <li>
  88                     <a href="https://www.instagram.com/wolnelektury/"
  89                        title="Instagram" tabindex="-1" target="_blank">
  90                       <i class="icon icon-ig" aria-hidden="true"></i>
  91                     </a>
  92                   </li>
  93                   <li>
  94                     <a href="https://twitter.com/wolnelektury"
  95                        title="Twitter" tabindex="-1" target="_blank">
  96                       <i class="icon icon-tt" aria-hidden="true"></i>
  97                     </a>
  98               </li>
  99             </ul>
 100             </div>
 101           </div>
 102         </div>
 103         </div>
 104       </div>
 105     </div>
 106   </div>
 107 </nav>
 108
 109 {% block under-menu %}{% endblock %}