{% extends "base.html" %}

{#
  Open Graph and Twitter card tags. Material only emits these through its social
  plugin, which drags in image rendering dependencies; a static card image is
  enough here. The description falls back to the site one when a page has none.
#}
{% block extrahead %}
  {% set title = config.site_name %}
  {% if page and page.title and not page.is_homepage %}
    {% set title = page.title ~ " - " ~ config.site_name %}
  {% endif %}
  <meta property="og:type" content="website">
  <meta property="og:title" content="{{ title }}">
  {% if page and page.meta and page.meta.description %}
    <meta property="og:description" content="{{ page.meta.description }}">
  {% elif config.site_description %}
    <meta property="og:description" content="{{ config.site_description }}">
  {% endif %}
  {% if page and page.canonical_url %}
    <meta property="og:url" content="{{ page.canonical_url }}">
  {% endif %}
  <meta property="og:image" content="{{ config.site_url }}img/social-preview.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:image" content="{{ config.site_url }}img/social-preview.png">
{% endblock %}