{% extends "base.html" %}

{% block extrahead %}
  {% set title = config.site_name %}
  {% if page and page.meta and page.meta.title %}
    {% set title = title ~ " - " ~ page.meta.title %}
  {% elif page and page.title and not page.is_homepage %}
    {% set title = title ~ " - " ~ page.title | striptags %}
  {% endif %}
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta property="og:type" content="website" />
  <meta property="og:title" content="{{ title }}" />
  <meta property="og:description" content="{{ config.site_description }}" />
  <meta property="og:url" content="{{ page.canonical_url }}" />
  <meta property="og:image" content="{{ config.extra.social_image }}" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="{{ title }}" />
  <meta name="twitter:description" content="{{ config.site_description }}" />
  <meta name="twitter:image" content="{{ config.extra.social_image }}" />

  <!-- Default favicon (for browsers not supporting media queries) -->
  <link rel="icon" href="{{ config.site_url.rstrip('/') }}/assets/img/favicon.svg" type="image/x-icon">

  <!-- Light mode favicon (for light theme) -->
  <link rel="icon" href="{{ config.site_url.rstrip('/') }}/assets/img/favicon-dark.svg" type="image/x-icon" media="(prefers-color-scheme: light)">

  <!-- Dark mode favicon (for dark theme) -->
  <link rel="icon" href="{{ config.site_url.rstrip('/') }}/assets/img/favicon.svg" type="image/x-icon" media="(prefers-color-scheme: dark)">
{% endblock %}

{% block outdated %}
  You're not viewing the latest version.
  <a href="{{ '../' ~ base_url }}">  <!-- nosemgrep -->
    <strong>Click here to go to latest.</strong>
  </a>
{% endblock %}
