{% extends "!page.html" %}
{%- block extrahead %}
  {{ super() }}
  {%- for href in font_preload_hrefs|default([]) %}
  <link rel="preload" href="{{ pathto('_static/fonts/' + href, 1) }}" as="font" type="font/woff2" crossorigin="">
  {%- endfor %}
  {%- if font_faces is defined and font_faces %}
  <style id="sphinx-fonts">
  {%- for face in font_faces %}
  @font-face {
    font-family: "{{ face.family }}";
    font-style: {{ face.style }};
    font-weight: {{ face.weight }};
    font-display: block;
    src: url("{{ pathto('_static/fonts/' + face.filename, 1) }}") format("woff2");
  }
  {%- endfor %}
  {%- for fb in font_fallbacks|default([]) %}
  @font-face {
    font-family: "{{ fb.family }}";
    src: {{ fb.src }};
    size-adjust: {{ fb.size_adjust }};
    ascent-override: {{ fb.ascent_override }};
    descent-override: {{ fb.descent_override }};
    line-gap-override: {{ fb.line_gap_override }};
  }
  {%- endfor %}
  body {
  {%- for var, value in font_css_variables.items() %}
    {{ var }}: {{ value }};
  {%- endfor %}
  }
  </style>
  {%- endif %}
  {%- if theme_show_meta_manifest_tag == true %}
  <link rel="manifest" href="/manifest.json">
  {% endif -%}
  {%- if theme_show_meta_og_tags == true %}
  <meta name="description" content="{{ theme_project_description }}">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{ theme_project_url }}/">
  <meta property="og:title" content="{{ theme_project_title }}">
  <meta property="og:description" content="{{ theme_project_description }}">
  <meta property="og:image" itemprop="image" content="{{ theme_project_url }}/_static/img/icons/icon-192x192.png">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="{{ theme_project_url }} ">
  <meta property="twitter:title" content="{{ theme_project_title }}">
  <meta property="twitter:description" content="{{ theme_project_description }}">
  <meta property="twitter:image" content="{{ theme_project_url }}/_static/img/icons/icon-512x512.png">
  {% endif -%}
  {%- if theme_show_meta_app_icon_tags == true %}
  <meta name="theme-color" content="#ffffff">
  <meta name="application-name" content="{{ theme_project_name }}">
 
  <link rel="shortcut icon" href="/_static/favicon.ico">
  <link rel="icon" type="image/png" sizes="512x512" href="/_static/img/icons/icon-512x512.png">
  <link rel="icon" type="image/png" sizes="192x192" href="/_static/img/icons/icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/_static/img/icons/icon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/_static/img/icons/icon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/_static/img/icons/icon-16x16.png">
  
  <!-- Apple -->
  <meta name="apple-mobile-web-app-title" content="{{ theme_project_name }}">
  
  <link rel="apple-touch-icon" sizes="192x192" href="/_static/img/icons/icon-192x192.png">
  <link rel="mask-icon" href="/_static/img/vcspull.svg" color="grey">

  <!-- Microsoft -->
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="/_static/img/icons/ms-icon-144x144.png">
  {% endif -%}
{% endblock %}
