{"content": "\n
\n \n

Template source: base.html

\n
\n
\n
\n 
{% load static i18n %}\n<!DOCTYPE html>\n{% load menu_tags %}\n{% load sass_tags %}\n{% load wagtailcore_tags %}\n{% wagtail_site as current_site %}\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta http-equiv=\"x-ua-compatible\" content=\"ie=edge\" />\n    <title>\n      {% block title %}\n        {{ request.site.name }}\n      {% endblock title %}\n    </title>\n    <meta property=\"og:site\" content=\"Readux 2 - Read, Annotate, Publish\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    {% block extra_head %}\n      <meta name=\"description\" content=\"\" />\n      <meta name=\"keywords\" content=\"\" />\n    {% endblock extra_head %}\n    <meta name=\"author\" content=\"\" />\n    {% if collection.label %}\n      <meta property=\"og:title\" content=\"Readux collection: {{ collection.label }}\" />\n      <meta name=\"twitter:title\" content=\"Readux collection: {{ collection.label }}\" />\n      <meta property=\"og:image\" content=\"https://{{ request.META.HTTP_HOST }}/media/{{ collection.thumbnail }}\" />\n      <meta property=\"og:description\" content=\"{{ collection.summary|escape }}\" />\n      <meta name=\"twitter:description\" content=\"{{ collection.summary|escape }}\" />\n      <meta property=\"og:type\" content=\"website\" />\n      <meta property=\"og:url\" content=\"https://{{ request.META.HTTP_HOST }}/col/{{ collection.pid }}\" />\n    {% elif volume.label %}\n      <meta property=\"og:title\" content=\"{{ volume.label|escape }}\" />\n      <meta name=\"twitter:title\" content=\"{{ volume.label|escape }}\" />\n      <meta property=\"og:description\" content=\"{{ volume.summary|escape }}\" />\n      <meta name=\"twitter:description\" content=\"{{ volume.summary|escape }}\" />\n      <meta property=\"og:type\" content=\"book\" />\n      <!-- Zotero metadata -->\n      <meta name=\"citation_title\" content=\"{{ volume.label|escape }}\" />\n      <meta name=\"citation_authors\" content=\"{{ volume.author|safe }}\" />\n      <meta name=\"citation_date\" content=\"{{ volume.published_date|safe }}\" />\n      <meta name=\"citation_publisher\" content=\"{{ volume.publisher|safe }}\" />\n      <meta name=\"citation_public_url\"\n            content=\"https://{{ request.META.HTTP_HOST }}{% url 'volume' volume.pid %}/page/all\" />\n      {% for lang in volume.languages.all %}\n        <meta name=\"citation_language\" content=\"{{ lang.name }}\" />\n      {% endfor %}\n      <!-- End Zotero metadata -->\n\n      {% with first_page=volume.canvas_set.first %}\n        {% if first_page %}\n          <meta property=\"og:image\" content=\"{{ first_page.social_media }}\" />\n          <meta property=\"og:image:secure_url\" content=\"{{ first_page.social_media }}\" />\n          <meta property=\"og:image:type\" content=\"image/jpeg\" />\n          {% if \"/cantaloupe/iiif/2\" in first_page.social_media %}\n            <meta name=\"twitter:image\" content=\"{{ first_page.twitter_media1 }}\" />\n          {% else %}\n            <meta name=\"twitter:image\" content=\"{{ first_page.twitter_media2 }}\" />\n          {% endif %}\n          <meta property=\"og:image:width\" content=\"600\" />\n        {% endif %}\n      {% endwith %}\n    {% elif page.title %}\n      <meta property=\"og:title\" content=\"{{ page.title }}\" />\n      <meta name=\"twitter:title\" content=\"{{ page.title }}\" />\n      <meta property=\"og:image\"\n            content=\"https://{{ request.META.HTTP_HOST }}/apps/static/images/readux_logo.jpg\" />\n      <meta property=\"og:description\" content=\"{{ page.tagline|striptags }}\" />\n      <meta name=\"twitter:description\" content=\"{{ page.tagline|striptags }}\" />\n    {% else %}\n      <meta property=\"og:title\" content=\"Readux 2\" />\n      <meta name=\"twitter:title\" content=\"Readux 2\" />\n      <meta property=\"og:image\"\n            content=\"https://{{ request.META.HTTP_HOST }}/apps/static/images/readux_logo.jpg\" />\n      <meta property=\"og:description\" content=\"Read, Annotate, Publish\" />\n      <meta name=\"twitter:description\" content=\"Read, Annotate, Publish\" />\n      <meta property=\"og:url\" content=\"https://{{ request.META.HTTP_HOST }}\" />\n    {% endif %}\n    <meta name=\"twitter:image:alt\"\n          content=\"Readux Logo - Emory Center for Digital scholarship - Read, Annotate, Publish\" />\n    <meta property=\"og:site_name\" content=\"{{ current_site.site_name }}\" />\n    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n    <meta name=\"twitter:site\" content=\"@emorycds\" />\n    <meta name=\"twitter:creator\" content=\"@emorycds\" />\n    <link rel=\"icon\" href=\"{% static 'images/favicons/favicon.ico' %}\" />\n    <style>\n      /* Critical CSS to prevent a flash of unstyled nav on slow connections.\n         The top nav's submenus (e.g. \"About\") are rendered inline in the raw\n         HTML via {% main_menu add_sub_menus_inline=True %} so the dropdown\n         works even without JS \u2014 but that means they're hidden/positioned as\n         an overlay purely by the external UIkit/readux stylesheets below. On\n         a slow connection those stylesheets can still be loading when the\n         browser's render-blocking timeout expires and it paints anyway, so\n         the submenu briefly renders in normal document flow: a wide-open\n         plain list sitting under the nav instead of a hidden dropdown. This\n         duplicates just enough of UIkit's own navbar/dropdown rules, inline\n         and dependency-free, to avoid that flash until the full stylesheets\n         arrive. */\n      [uk-navbar], .uk-navbar-left, .uk-navbar-right, .uk-navbar-nav {\n        display: flex;\n        align-items: center;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n      .uk-navbar-dropdown {\n        display: none;\n        position: absolute;\n      }\n    </style>\n    {% block css %}\n      <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.0/css/uikit.min.css\" />\n      <link type=\"text/css\" href=\"{% sass_src 'css/readux.scss' %}\" rel=\"stylesheet\" />\n      <link type=\"text/css\" href=\"{% sass_src 'css/components/login.scss' %}\" rel=\"stylesheet\" />\n    {% endblock css %}\n    {% block extra_css %}\n    {% endblock extra_css %}\n\n  </head>\n\n  <body>\n    {# NOTE: Jump to main content required for accessibility #}\n    <a class=\"sr-only\" href=\"#main\">Jump to main content</a>\n\n    {# Primary container; host for Vue application #}\n    {% block nav %}\n    {% endblock nav %}\n    <div id=\"v-readux\" v-cloak>\n\n      {# Content container #}\n      <main id=\"main\">\n        {# Django errors and alerts #}\n        {% if messages %}\n          {% for message in messages %}\n            {% if message.tags == 'info' or message.tags == 'success' %}\n              <span class=\"rx-notify-message\" data-message=\"{{ message }}\" hidden></span>\n            {% else %}\n              <div class=\"uk-alert-{{ message.tags }}\" uk-alert>\n                <a class=\"uk-alert-close\" uk-close></a>\n                <p>{{ message }}</p>\n              </div>\n            {% endif %}\n          {% endfor %}\n        {% endif %}\n\n        {% block modal %}\n        {% endblock modal %}\n\n        {% block wrapper %}\n          {% block content %}\n          {% endblock content %}\n        {% endblock wrapper %}\n        {# IIIF viewer #}\n        {% block viewer %}\n        {% endblock viewer %}\n      </main>\n\n      {# prevent duplicate footer on homepage bug #}\n      {% if request.path != '/' %}\n        {% include \"_home/_footer.html\" %}\n      {% endif %}\n    </div>\n\n    <!-- Matomo Image Tracker-->\n    {% if MATOMO_ID %}\n    <img referrerpolicy=\"no-referrer-when-downgrade\"\n         src=\"https://matomo.ecdsdev.org/matomo.php?idsite={{ MATOMO_ID }}&amp;rec=1\"\n         hidden\n         alt=\"\"\n         height=\"0\"\n         width=\"0\" />\n    {% endif %}\n    <!-- End Matomo -->\n\n    {% block javascript %}\n      <script src=\"{% static 'js/main.js' %}\"></script>\n      {% if has_ga_tracking_id %}\n        <!-- Google Analytics -->\n        <script>\n            window.ga = window.ga || function() {\n                (ga.q = ga.q || []).push(arguments)\n            };\n            ga.l = +new Date;\n            ga(\"create\", \"{{ ga_tracking_id }}\", \"auto\");\n            ga(\"send\", \"pageview\");\n        </script>\n        <script async src='https://www.google-analytics.com/analytics.js'></script>\n        <!-- End Google Analytics -->\n      {% endif %}\n    {% endblock javascript %}\n    {% block extra_javascript %}\n    {% endblock extra_javascript %}\n    {% csrf_token %}\n    <script>\n      document.querySelectorAll('.rx-notify-message').forEach(function(el) {\n        UIkit.notification({\n          message: el.dataset.message,\n          pos: 'top-center',\n          timeout: 5000,\n        });\n      });\n    </script>\n  </body>\n</html>\n
\n\n
\n
\n"}