{% extends "base.html" %}

{% block site_meta %}
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  {% if page.meta and page.meta.description %}
    <meta name="description" content="{{ page.meta.description }}">
  {% elif config.site_description %}
    <meta name="description" content="{{ config.site_description }}">
  {% endif %}
  {% if page.meta and page.meta.author %}
    <meta name="author" content="{{ page.meta.author }}">
  {% elif config.site_author %}
    <meta name="author" content="{{ config.site_author }}">
  {% endif %}
  {% if page.canonical_url %}
    <link rel="canonical" href="{{ page.canonical_url }}">
  {% endif %}
  {% if page.previous_page %}
    <link rel="prev" href="{{ page.previous_page.url | url }}">
  {% endif %}
  {% if page.next_page %}
    <link rel="next" href="{{ page.next_page.url | url }}">
  {% endif %}
  {% if config.extra.alternate is iterable %}
    {% for alt in config.extra.alternate %}
      <link rel="alternate" href="{{ alt.link | url }}" hreflang="{{ alt.lang | d(lang.t('language')) }}">
    {% endfor %}
  {% endif %}
  {% if "rss" in config.plugins %}
    <link rel="alternate" type="application/rss+xml" title="{{ lang.t('rss.created') }}" href="{{ 'feed_rss_created.xml' | url }}">
    <link rel="alternate" type="application/rss+xml" title="{{ lang.t('rss.updated') }}" href="{{ 'feed_rss_updated.xml' | url }}">
  {% endif %}
  <link rel="icon" href="{{ config.theme.favicon | url }}">
{% endblock %}

{% block styles %}
  {{ super() }}
  <link rel="stylesheet" href="{{ 'assets/stylesheets/flexoki.css' | url }}">
  {% if config.extra.flexoki and config.extra.flexoki.linkout_icons == true %}
    <style>
      .md-typeset a[href^="http"]:not(.md-button):not(.md-content__button):not(.showcase-card):not(.md-social__link):not(.headerlink):not(.footnote-backref):not(.footnote-ref)::after {
        background-color: currentColor;
        content: "";
        display: inline-block;
        height: 0.8em;
        margin-left: 0.12em;
        mask-image: var(--flexoki-linkout-icon);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        vertical-align: text-top;
        width: 0.8em;
      }
    </style>
  {% endif %}
{% endblock %}