---
// @ts-expect-error -- no types
import '@fontsource-variable/jost'
// @ts-expect-error -- no types
import '@fontsource-variable/playfair-display'

import '../styles/preflight.css'
import '../styles/global.scss'

interface Props {
  title?: string
  image?: string
}

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

// const { image = '/blog-placeholder-1.jpg' } = Astro.props

let title = 'Niccolo Borgioli'
const description = 'Personal blog'

if (Astro.props.title) {
  title = Astro.props.title + ' － ' + title
}
---

<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/png" href="/monogram.png" />
<meta name="generator" content={Astro.generator} />

<!-- Canonical URL -->
<link rel="canonical" href={canonicalURL} />

<!-- Primary Meta Tags -->
<title>{title}</title>
<meta name="title" content={title} />
<meta name="description" content={description} />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />

<!-- Mastodon -->
<a style="display: none;" rel="me" href="https://mastodon.social/@cupcakearmy">Mastodon</a>
<meta name="fediverse:creator" content="@cupcakearmy@mastodon.social">


<script
  is:inline
  async
  defer
  src="https://spectare.nicco.io/unicorn.js"
  data-website-id="89387e25-78e1-40e9-8127-0a8fd380c1be"></script>