{% extends "base.html" %}

{#- Link previews (Open Graph and Twitter cards) for LinkedIn, Slack, X.
    Crawlers need absolute URLs, so the image is joined to site_url
    rather than passed through the relative `url` filter. -#}
{% block extrahead %}
  {{ super() }}
  {% if page.meta and page.meta.title %}
    {% set og_title = page.meta.title %}
  {% elif page.title and not page.is_homepage %}
    {% set og_title = page.title | striptags %}
  {% else %}
    {% set og_title = config.site_name %}
  {% endif %}
  {% if page.meta and page.meta.description %}
    {% set og_description = page.meta.description %}
  {% else %}
    {% set og_description = config.site_description %}
  {% endif %}
  {% set og_image = config.site_url ~ "assets/og-logo.png" %}
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="{{ config.site_name }}">
  <meta property="og:title" content="{{ og_title }}">
  <meta property="og:description" content="{{ og_description }}">
  <meta property="og:url" content="{{ page.canonical_url }}">
  <meta property="og:image" content="{{ og_image }}">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="The genimg logo: an orange robot painting a landscape.">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="{{ og_title }}">
  <meta name="twitter:description" content="{{ og_description }}">
  <meta name="twitter:image" content="{{ og_image }}">
{% endblock %}