{% extends "index.html" %}

{# Override base title to use a 404-specific title. #}
{% block title %}404 Not Found{% endblock title %}

{# Override base meta tags to use 404-specific ones. I can't set an og:url
because I don't know what URL will be served this template. #}
{% block meta %}
  <meta name="description" content="404 Not Found">
  <meta property="og:site_name" content="tuckersiemens.com">
  <meta property="og:locale" content="en-us">
  <meta property="og:title" content="404 Not Found">
  <meta property="og:description" content="404 Not Found">
  <meta content="/logo.png" itemprop="image">
  <meta property="og:image" content="https://tuckersiemens.com/logo.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1800">
  <meta property="og:image:height" content="1800">
{% endblock meta %}

{# Again, since I dont't know ahead of time what page will be served the this
template. Best we can do is replace the canonical link with a blank. #}
{% block links %}{% endblock links %}

{# Override base content to use 404-specific content. #}
{% block content %}
  <main id="content">
    <header>
      <h1>404 Not Found</h1>
    </header>
    <figure>
      <video src="404.mp4" type="video/mp4" autoplay loop controls></video>
      <figcaption>
      Video from <a href="https://www.sakugabooru.com/post/show/165603">sakugabooru</a>
      </figcaption>
    </figure>
  </main>
  {% include "footer.html" %}
{% endblock content %}
