{{# Site-wide Metadata #}}
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="view-transition" content="same-origin" />
<meta name="supported-color-schemes" content="dark light" />
{{# Feed Links #}}
<link rel="alternate" type="application/feed+json" href="/blog.json" />
<link rel="alternate" type="application/rss+xml" href="/blog.rss" />
{{# Stylesheets #}}
<link rel="stylesheet" href="/static/fonts.css" />
<link
    rel="stylesheet"
    href='/static/styles.css?v={{ new Date(Date.now()).toISOString() |> date("t") }}'
/>
<link
    rel="stylesheet"
    href='/static/icons/bsi.min.css?v={{ new Date(Date.now()).toISOString() |> date("t") }}'
/>
<link
    rel="stylesheet"
    href='/static/icons/si.min.css?v={{ new Date(Date.now()).toISOString() |> date("t") }}'
/>
{{# Page Metadata #}}
<link rel="canonical" href="{{ url |> url(true) }}" />
<title>{{ title }}</title>
{{ if !production }}
    <script defer src="/static/scripts/open-in-editor.js"></script>
    {{# Load Sa11y #}}
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/ryersondmp/sa11y@latest/dist/css/sa11y.min.css"
    />
    <script
        src="https://cdn.jsdelivr.net/combine/gh/ryersondmp/sa11y@latest/dist/js/lang/en.umd.js,gh/ryersondmp/sa11y@latest/dist/js/sa11y.umd.min.js"
    ></script>
    <script defer>
        Sa11y.Lang.addI18n(Sa11yLangEn.strings);
      const sa11y = new Sa11y.Sa11y({
        checkRoot: "body",
        readabilityRoot: "main",
        developerChecksOnByDefault: true,
        showGoodLinkButton: false,
        showGoodImageButton: false,
      });
    </script>
{{ /if }}

{{# Disable Dark Reader #}}
<meta name="darkreader-lock">