HeadCommon.astro

---
import "../styles/theme.css"
import "../styles/index.css"
import "../styles/migrated.css"
import "../styles/prism-darcula.css"

import "../styles/design-system/global-styles.css"
---

<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />

<!-- <link href="/assets/icons/favicon-32x32.png" rel="shortcut icon" type="image/x-icon" /> -->
<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico" />
<link href="/assets/icons/apple-touch-icon-256x256.png" rel="apple-touch-icon" />

<link rel="sitemap" href="/sitemap-index.xml" />

<!-- Scrollable a11y code helper -->
<script src="/make-scrollable-code-focusable.js" is:inline></script>

<!-- Mermaid.js for client-side rendering -->
<script type="module">
  import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs"
  mermaid.initialize({ startOnLoad: true, theme: "default" })
</script>

<!-- Google Tag Manager -->
<!-- <script type="text/javascript">
  ;(function (w, d, s, l, i) {
    w[l] = w[l] || []
    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" })
    var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != "dataLayer" ? "&l=" + l : ""
    j.async = true
    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl
    f.parentNode.insertBefore(j, f)
  })(window, document, "script", "dataLayer", "GTM-N6DQ47T")
</script> -->
<!-- End Google Tag Manager -->