{#-
  Material for MkDocs reads this file as theme.custom_dir. It adds the tags
  that sites like Reddit, X, Slack and Discord read to show a card for a
  shared link: the page's own title and description, and the repository's
  social preview as the picture. frontend/social-preview.html is its source.
-#}
{% extends "base.html" %}

{% block extrahead %}
  {{ super() }}
  {%- if page.meta and page.meta.title -%}
    {%- set preview_title = page.meta.title ~ " - " ~ config.site_name -%}
  {%- elif page.title and not page.is_homepage -%}
    {%- set preview_title = (page.title | striptags) ~ " - " ~ config.site_name -%}
  {%- else -%}
    {%- set preview_title = config.site_name -%}
  {%- endif -%}
  {%- set preview_description = (page.meta.description if page.meta and page.meta.description
      else config.site_description) -%}
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="{{ config.site_name | e }}">
  <meta property="og:title" content="{{ preview_title | e }}">
  <meta property="og:description" content="{{ preview_description | e }}">
  <meta property="og:url" content="{{ page.canonical_url | e }}">
  <meta property="og:image" content="{{ config.site_url }}assets/social-preview.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1280">
  <meta property="og:image:height" content="640">
  <meta property="og:image:alt" content="adminsite, an admin panel for SQLAlchemy 2.0, beside the orders list of its demo shop">
  <meta name="twitter:card" content="summary_large_image">
{% endblock %}