{% extends "base.html" %}

{% block extrahead %}
  <link rel="stylesheet" href="{{ 'assets/stylesheets/pantheon_custom.css' | url }}">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
  <script
      src="https://code.jquery.com/jquery-1.12.4.min.js"
      integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
      crossorigin="anonymous"></script>
  <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML"></script>
  <script src="{{ 'assets/javascripts/pantheon_custom.js' | url }}"></script>
  {% if config.extra.google.site_verification %}
    <!-- Google site verification for search console -->
    <meta name="google-site-verification" content="{{config.extra.google.site_verification}}" />
  {% endif %}

  {% if config.extra.google.tag_manager %}
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','{{config.extra.google.tag_manager}}');</script>
    <!-- End Google Tag Manager -->
  {% endif %}
{% endblock %}

{% block analytics %}
  <!--Empty the footer analytics bloc as we need it the headers -->
{% endblock %}

{% block hero %}
  {# hero is not used, so use it for warning banner #}
  <script>const latestWarningTrigger = "{{config.extra.latest_version_warning.url_contains}}";</script>
  <div class="latest-warning">{{config.extra.latest_version_warning.text}}</div>
{% endblock %}