  <head>
    <title>{{ page.title }}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="apple-touch-icon" sizes="57x57" href="{{ "static/img/apple-icon-57x57.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ "static/img/apple-icon-60x60.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{ "static/img/apple-icon-72x72.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{ "static/img/apple-icon-76x76.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="114x114" href="{{ "/static/img/apple-icon-114x114.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="120x120" href="{{ "static/img/apple-icon-120x120.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="144x144" href="{{ "static/img/apple-icon-144x144.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="152x152" href="{{ "static/img/apple-icon-152x152.png" | cacheable | resolvePath }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ "static/img/apple-icon-180x180.png" | cacheable | resolvePath }}">
    <link rel="icon" type="image/png" sizes="192x192"  href="{{ "/static/img/android-icon-192x192.png" | cacheable | resolvePath }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ "static/img/favicon-32x32.png" | cacheable | resolvePath }}">
    <link rel="icon" type="image/png" sizes="96x96" href="{{ "static/img/favicon-96x96.png" | cacheable | resolvePath }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ "static/img/favicon-16x16.png" | cacheable | resolvePath }}">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="{{ "static/img/ms-icon-144x144.png" | cacheable | resolvePath }}">
    <meta name="theme-color" content="#769e02">

    {% for meta in prop("themeConfig.metaTags") %}
      {% element tag="meta", name=meta.name, content=meta.content, charset=meta.charset %}{% endelement %}
    {% endfor %}

    {% if page.description | length %}
    <meta name="description" content="{{ page.description }}">
    {% else %}
    <meta name="description" content="{{ page.title }}">
    {% endif %}

    {% if page.keywords | length %}
    <meta name="keywords" content="{{ page.keywords }}">
    {% endif %}

    <link rel="stylesheet" href="{{ "static/css/bootstrap.css" | cacheable | resolvePath }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

    {% set highlightTheme = prop("themeConfig.highlightTheme") %}
    {% if highlightTheme %}
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/{{ highlightTheme }}.min.css">
    {% endif %}

    <link rel="stylesheet" href="{{ "static/css/yuzu.css" | cacheable | resolvePath }}">

    {% set prevPage = site.getPreviousPage(page) %}
    {% if prevPage %}
      <!-- prev page -->
      <link rel="prefetch" href="{{ site.resolvePath(prevPage.getUrlPath()) }}">
      <link rel="prerender" href="{{ site.resolvePath(prevPage.getUrlPath()) }}">
    {% endif %}

    {% set nextPage = site.getNextPage(page) %}
    {% if nextPage %}
      <!-- next page -->
      <link rel="prefetch" href="{{ site.resolvePath(nextPage.getUrlPath()) }}">
      <link rel="prerender" href="{{ site.resolvePath(nextPage.getUrlPath()) }}">
    {% endif %}

    {% for link in page.links %}
      <!-- links -->
      <link rel="prefetch" href="{{ link }}">
      <link rel="prerender" href="{{ link }}">
    {% endfor %}

    <style>
    {% include "partials/css-override.njk" %}
    </style>

    {% for stylesheet in prop("themeConfig.stylesheets") %}
      <link rel="stylesheet" href="{{ stylesheet | cacheable | resolvePath }}">
    {% endfor %}
  </head>
