---

import type { SiteMeta } from "@/data/siteMeta";

import siteConfig from "@/site-config";

import "../../styles/global.css";

type Props = SiteMeta;

const { title, description, ogImage, articleDate, atUri } = Astro.props;

const titleSeparator = "•";

const siteTitle = `${title} ${titleSeparator} ${siteConfig.title}`;

const canonicalURL = new URL(Astro.url.pathname, Astro.site);

const socialImageURL = new URL(ogImage ? ogImage : "/og.png", Astro.url).href;

---

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<!-- Icons / Favicon -->

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<link rel="manifest" href="/site.webmanifest">

<link rel="canonical" href={canonicalURL} />

<!-- Primary Meta Tags -->

<title>{siteTitle}</title>

<meta name="title" content={siteTitle} />

<meta name="description" content={description} />

<meta name="author" content={siteConfig.author} />

<!-- Theme Colour -->

<meta name="theme-color" content="#121113" />

<!-- Open Graph / Facebook -->

<meta property="og:type" content={articleDate ? "article" : "website"} />

<meta property="og:title" content={title} />

<meta property="og:description" content={description} />

<meta property="og:url" content={canonicalURL} />

<meta property="og:site_name" content={siteConfig.title} />

<meta property="og:locale" content={siteConfig.ogLocale} />

<meta property="og:image" content={socialImageURL} />

<meta property="og:image:width" content="1200" />

<meta property="og:image:height" content="630" />

{

	articleDate && (

		<>

			<meta property="article:author" content={siteConfig.author} />

			<meta property="article:published_time" content={articleDate} />

		</>

	)

}

<!-- Twitter -->

<meta property="twitter:card" content="summary_large_image" />

<meta property="twitter:url" content={canonicalURL} />

<meta property="twitter:title" content={title} />

<meta property="twitter:description" content={description} />

<meta property="twitter:image" content={socialImageURL} />

<!-- RSS auto-discovery -->

<link rel="alternate" type="application/rss+xml" title={siteConfig.title} href={new URL("rss.xml", Astro.site)}

 />

<!-- Standard.site document verification -->

{atUri && <link rel="site.standard.document" href={atUri} />}

<link rel="site.standard.publication" href="at://did:plc:ia2zdnhjaokf5lazhxrmj6eu/site.standard.publication/3mbykzswhqc2x" />

<link

  rel="preload"

  href="/CommitMono-400-Regular.otf"

  as="font"

  type="font/otf"

  crossorigin

/>

<link

  rel="preload"

  href="/CommitMono-700-Regular.otf"

  as="font"

  type="font/otf"

  crossorigin

/>