Moving forward.
[wolnelektury.git] / src / wolnelektury / templates / base / superbase.html
index 3945716..176b3c3 100644 (file)
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 {% spaceless %}
 <!DOCTYPE html>
 {% spaceless %}
-  <html lang="{{ LANGUAGE_CODE }}" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
+  <html lang="{{ LANGUAGE_CODE }}" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#" class="{% if VARIANT %}{{ VARIANT }}{% endif %}">
     {% load pipeline i18n %}
     {% load pipeline i18n %}
-    {% load static from staticfiles %}
+    {% load static %}
     {% load catalogue_tags funding_tags reporting_stats %}
     {% load piwik_tags %}
     {% load cache %}
     {% load chunk from chunks %}
     {% load sponsor_page from sponsors %}
     {% load catalogue_tags funding_tags reporting_stats %}
     {% load piwik_tags %}
     {% load cache %}
     {% load chunk from chunks %}
     {% load sponsor_page from sponsors %}
+    {% load annoy_banner from annoy %}
     {% get_current_language as LANGUAGE_CODE %}
     <head>
       <meta charset="utf-8">
     {% get_current_language as LANGUAGE_CODE %}
     <head>
       <meta charset="utf-8">
       <link rel="manifest" href="/manifest.json">
       {% stylesheet "main" %}
       {% block extrahead %}{% endblock %}
       <link rel="manifest" href="/manifest.json">
       {% stylesheet "main" %}
       {% block extrahead %}{% endblock %}
+      {% tracking_code %}
     </head>
     <body id="{% block bodyid %}base{% endblock %}">
     </head>
     <body id="{% block bodyid %}base{% endblock %}">
+      <ul id="skiplinks">
+        <li><a href="#main-content">{% trans "Go to content" %}</a></li>
+        <li><a id="skiplink-search" href="#search"">{% trans "Go to search" %}</a></li>
+        <li><a href="{% block footerlink %}#footer-wrapper{% endblock %}">{% trans "Go to page footer" %}</a></li>
+      </ul>
 
       {% block bodycontent %}
 
         {% block annoy %}
 
       {% block bodycontent %}
 
         {% block annoy %}
-          {% include "annoy.html" %}
+          {% annoy_banner 'blackout' %}
+          {% annoy_banner 'top' %}
           {% if not funding_no_show_current %}
             {% cache 120 funding_top_bar LANGUAGE_CODE %}
               {% funding_top_bar %}
           {% if not funding_no_show_current %}
             {% cache 120 funding_top_bar LANGUAGE_CODE %}
               {% funding_top_bar %}
@@ -62,8 +70,8 @@
               </p>
 
               <div id="lang-menu" class="hoverget">
               </p>
 
               <div id="lang-menu" class="hoverget">
-                <span id='lang-button' class='hoverclick'>
-                  <span class="lang-flag">⚐</span>
+                <span id='lang-button' class='hoverclick' tabindex="0">
+                  <img src="{% static "img/contrib/language/language.svg" %}" alt="">
                   <span class="label"> {% trans "Language" %}</span>
                 </span>
                 <div id="lang-menu-items">
                   <span class="label"> {% trans "Language" %}</span>
                 </span>
                 <div id="lang-menu-items">
@@ -71,8 +79,8 @@
                     <form action="{% url 'set_language' %}" method="post">
                       {% csrf_token %}
                       <input type="hidden" name="language" value="{{ lang.0 }}"/>
                     <form action="{% url 'set_language' %}" method="post">
                       {% csrf_token %}
                       <input type="hidden" name="language" value="{{ lang.0 }}"/>
-                      <button type="submit" lang="{{ lang.0 }}"
-                              class="{% ifequal lang.0 LANGUAGE_CODE %}active{% endifequal %}">{{ lang.1 }}</button>
+                      <button type="submit" lang="{{ lang.0 }}" tabindex="121"
+                              class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">{{ lang.1 }}</button>
                     </form>
                   {% endfor %}
                 </div>
                     </form>
                   {% endfor %}
                 </div>
                   {% endif %}
                 </ul>
 
                   {% endif %}
                 </ul>
 
-                <ul id="main-menu">
-                  <li{% if active_menu_item == 'books' %} class="active"{% endif %}>
-                    <a href="{% url 'book_list' %}">{% trans "Literature" %}</a>
-                  </li>
-                  <li{% if active_menu_item == 'theme' %} class="active"{% endif %}>
-                    <a href="{% url 'theme_catalogue' %}">{% trans "Themes" %}</a>
-                  </li>
-                  <li{% if active_menu_item == 'audiobooks' %} class="active"{% endif %}>
-                    <a href="{% url 'audiobook_list' %}">{% trans "Audiobooks" %}</a>
-                  </li>
-                  <li{% if active_menu_item == 'club' %} class="active"{% endif %}>
-                    <a href="{% url 'club_join' %}">{% trans "Wesprzyj nas" %}</a>
-                  </li>
-                  <li{% if active_menu_item == 'all_works' %} class="active"{% endif %}>
-                    <a href="{% url 'catalogue' %}">{% trans "All works" %}</a>
-                  </li>
+                <ul id="main-menu-side">
+                  {% include "main_menu.html" %}
                 </ul>
               </nav>
               <form id="search-area" action="{% url 'wlsearch' %}">
                 </ul>
               </nav>
               <form id="search-area" action="{% url 'wlsearch' %}">
                 </div>
                 <button type='submit'>{% trans "Search" %}</button>
               </form>
                 </div>
                 <button type='submit'>{% trans "Search" %}</button>
               </form>
+
+              <ul id="main-menu">
+                {% include "main_menu.html" %}
+              </ul>
+
+
+
             </header>
           </div>
         </div>
             </header>
           </div>
         </div>
         </div>
       {% endblock bodycontent %}
 
         </div>
       {% endblock bodycontent %}
 
-      <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js" integrity="sha512-BkBgWiL0N/EFIbLZYGTgbksKG5bS6PtwnWvVk3gccv+KhtK/4wkLxCRGh+kelKiXx7Ey4jfTabLg3AEIPC7ENA==" crossorigin="anonymous"></script>
       <script type="text/javascript">
         var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
         var STATIC_URL = "{{ STATIC_URL }}";
       </script>
       {% javascript "base" %}
 
       <script type="text/javascript">
         var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
         var STATIC_URL = "{{ STATIC_URL }}";
       </script>
       {% javascript "base" %}
 
-      {% tracking_code %}
-
       {% block extrabody %}{% endblock %}
 
       <script src="{% static "js/contrib/modernizr.custom.19652.js" %}"></script>
       {% block extrabody %}{% endblock %}
 
       <script src="{% static "js/contrib/modernizr.custom.19652.js" %}"></script>