{% extends "base.html" %}
{% set publication_title = config.extra.homepage_title if page and page.is_homepage else ((page.title | striptags) ~ " | " ~ config.site_name if page else config.site_name) %}
{% set publication_description = page.meta.description if page and page.meta.description else config.site_description %}
{% set publication_image = config.site_url ~ config.extra.publication_image %}
{% block htmltitle %}<title>{{ publication_title | e }}</title>{% endblock %}
{% block extrahead %}
{{ super() }}
<meta property="og:type" content="{{ 'website' if page and page.is_homepage else 'article' }}" />
<meta property="og:site_name" content="{{ config.site_name | e }}" />
<meta property="og:title" content="{{ publication_title | e }}" />
<meta property="og:description" content="{{ publication_description | e }}" />
<meta property="og:image" content="{{ publication_image | e }}" />
<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="Governed Autonomy by Andrew Durden — AI systems that carry responsibility forward" />
{% if page and page.canonical_url %}<meta property="og:url" content="{{ page.canonical_url | e }}" />{% endif %}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ publication_title | e }}" />
<meta name="twitter:description" content="{{ publication_description | e }}" />
<meta name="twitter:image" content="{{ publication_image | e }}" />
<meta name="twitter:image:alt" content="Governed Autonomy by Andrew Durden — AI systems that carry responsibility forward" />
{% endblock %}
{% block site_nav %}
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation">
  <div class="md-sidebar__scrollwrap"><div class="md-sidebar__inner">{% include "partials/nav.html" %}</div></div>
</div>
{% if page and page.toc %}
<dialog class="publication-contents" id="publication-contents" aria-labelledby="publication-contents-title">
  <div class="publication-contents__heading">
    <div><span class="publication-eyebrow">Reading guide</span><h2 id="publication-contents-title">On this page</h2></div>
    <button type="button" class="publication-contents__close md-icon" aria-label="Close page contents">{% include ".icons/material/close.svg" %}</button>
  </div>
  {% include "partials/toc.html" %}
</dialog>
{% endif %}
<nav class="publication-trail" aria-label="Reading trail">
  <button class="publication-trail__toggle" type="button" aria-label="Open reading trail" aria-expanded="false" aria-controls="publication-trail-path">
    <span class="md-icon">{% include ".icons/material/source-branch.svg" %}</span><span>Reading trail</span>
  </button>
  <div class="publication-trail__path" id="publication-trail-path">
    <ol class="publication-trail__list">
      <li><a href="{{ nav.homepage.url | url }}"{% if page and page.is_homepage %} aria-current="page"{% endif %}>Overview</a></li>
      {% if page %}
      {% for ancestor in page.ancestors | reverse %}
      <li><button type="button" data-publication-group="{{ ancestor.title }}">{{ ancestor.title }}</button></li>
      {% endfor %}
      {% if not page.is_homepage %}
      <li><a href="{{ page.url | url }}" aria-current="page">{{ page.title }}</a></li>
      {% endif %}
      {% endif %}
      <li class="publication-trail__section-root"><ol class="publication-trail__sections" data-publication-trail-sections></ol></li>
    </ol>
  </div>
</nav>
{% endblock %}