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" aria-label="Główna">
  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"
  29               aria-label="Menu" aria-haspopup="dialog" aria-controls="main-menu"
  30               >
  31         <span class="c-hamburger">
  32           <span class="bar"></span>
  33         </span>
  34       </button>
  35     </div>
  36   </div>
  37
  38   <dialog id="main-menu" class="l-navigation__menu" aria-label="Menu">
  39     <div class="l-navigation__menu__top">
  40       <div class="l-container">
  41         <a href="/" class="l-navigation__logo">
  42           <img src="{% static "2022/images/logo.svg" %}" alt="WolneLektury.pl">
  43         </a>
  44         {% include 'lang-switcher.html' with list_id="lang-desktop" %}
  45         <button class="l-navigation__button js-menu-close"
  46                 aria-label="Zamknij menu"
  47                 >
  48           <span class="c-hamburger">
  49             <span class="bar"></span>
  50           </span>
  51         </button>
  52       </div>
  53     </div>
  54
  55
  56       <div class="scrollable">
  57         <div class="l-container">
  58
  59           <div class="l-navigation__user-bar">
  60             <div class="l-navigation__user-actions">
  61               {% include 'lang-switcher.html' with list_id="lang-mobile" %}
  62               {% include 'user_actions.html' with hide_menu=True %}
  63             </div>
  64           </div>
  65
  66           <div class="l-navigation__menu__blocks">
  67             <div class="l-navigation__menu__links">
  68               {% cache 30 menu LANGUAGE_CODE %}
  69                 <ul>
  70                   <li><strong>{% trans "Katalog" %}</strong></li>
  71                   {% menu 'Katalog' %}
  72                 </ul>
  73                 <ul>
  74                   <li><strong>{% trans "Włącz się" %}</strong></li>
  75                   {% menu 'Włącz się' %}
  76                 </ul>
  77                 <ul>
  78                   <li><strong>{% trans "Aktualności" %}</strong></li>
  79                   {% latest_blog_posts %}
  80                   {% menu 'Aktualności' %}
  81                 </ul>
  82                 <ul>
  83                   <li><strong>{% trans "Narzędzia" %}</strong></li>
  84                   {% menu 'Narzędzia' %}
  85                 </ul>
  86                 <ul>
  87                   <li><strong>{% trans "O nas" %}</strong></li>
  88                   {% menu 'O nas' %}
  89                 </ul>
  90               {% endcache %}
  91             </div>
  92
  93             <div class="l-navigation__menu__info">
  94
  95               <div class="l-navigation__menu__book">
  96                 {% preview_ad %}
  97               </div>
  98
  99               <div class="l-navigation__menu__social">
 100                 <ul>
 101                   <li>
 102                     <a href="https://www.facebook.com/wolnelektury/"
 103                        title="Facebook" target="_blank">
 104                       <i class="icon icon-fb" aria-hidden="true"></i>
 105                     </a>
 106                   </li>
 107                   <li>
 108                     <a href="https://www.youtube.com/c/WolneLekturyYT/"
 109                        title="YouTube" target="_blank">
 110                       <i class="icon icon-yt" aria-hidden="true"></i>
 111                     </a>
 112                   </li>
 113                   <li>
 114                     <a href="https://www.instagram.com/wolnelektury/"
 115                        title="Instagram" target="_blank">
 116                       <i class="icon icon-ig" aria-hidden="true"></i>
 117                     </a>
 118                   </li>
 119                   <li>
 120                     <a href="https://twitter.com/wolnelektury"
 121                        title="Twitter" target="_blank">
 122                       <i class="icon icon-tt" aria-hidden="true"></i>
 123                     </a>
 124               </li>
 125             </ul>
 126             </div>
 127           </div>
 128         </div>
 129         </div>
 130       </div>
 131     </dialog>
 132 </nav>
 133
 134 {% block under-menu %}{% endblock %}