{%- capture fullUrl %}
  {{ site.url }}{{ page.url }}{% endcapture -%}
<!doctype html>
<html class="scrollbar-thin scrollbar-thumb-purple-500 scrollbar-track-purple-100" lang="en">
  <head>
    <title>
      {% if title %}
        {{ title }} •
      {% endif %}
      {{ site.title }}</title>
    <meta charset="utf-8">
    <meta name='viewport' content='width=device-width'>
    <link rel="canonical" href="{{ fullUrl }}" />
    <meta property="og:title" content="{% if title %}{{ title }} • {% endif %}{{site.title}}" />
    <meta name="description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
    <meta property="og:description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="{{ fullUrl }}" />
    <meta property="og:image" content="{{ image | getPostImage }}">
    <meta name="theme-color" content="#a855f7" />
    <meta name="generator" content="{{ eleventy.generator }}">
    <link
      href="/assets/icons/favicon.ico?v={% version %}"
      rel="icon"
      sizes="any">
    <link
      href="/assets/icons/favicon.svg?v={% version %}"
      rel="icon"
      type="image/svg+xml">
    <link href="/assets/icons/apple-touch-icon.png?v={% version %}" rel="apple-touch-icon">
    <link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
    {% capture css %}
      {% render "../assets/styles/prism.css" %}
    {% endcapture %}
    <style>
      {{ css | cssmin }}
    </style>
    <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
    <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
    <link
      type="application/atom+xml"
      rel="alternate"
      title="Cory Dransfeldt"
      href="/feed.xml">
    <link
      rel="alternate"
      type="application/json"
      title="Cory Dransfeldt"
      href="/feed.json" />
    <link
      rel="alternate"
      href="/follow.xml"
      title="Cory Dransfeldt's activity feed"
      type="application/rss+xml">
    <script type="application/ld+json">
      {% jsonLd meta, type, tags %}
    </script>
    <script async data-id="101424044" src="/4afe62271e477e.js"></script>
    <noscript><img width="1" height="1" src="/404ca498061b54" style="display:none" /></noscript>
    <noscript>
      <style>
        .client-side {
          display: none
        }
      </style>
    </noscript>
  </head>
  <body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-purple-500 scrollbar-track-purple-100">
    {{ content }}
    {% capture js %}
      {% render "../assets/scripts/script.js" %}
    {% endcapture %}
    <script>
      {{ js }}
    </script>
  </body>
</html>