openstatus.dev
Openstatus
www.openstatus.dev
1---
2import { NEXT_PUBLIC_OPENPANEL_CLIENT_ID } from "astro:env/client";
3import Default from "@astrojs/starlight/components/Head.astro";
4import { OpenPanelComponent } from "@openpanel/astro";
5
6const title = Astro.locals.starlightRoute.entry.data.title;
7const { siteTitle } = Astro.locals.starlightRoute;
8
9const url = `https://openstatus.dev/api/og?title=${encodeURIComponent(siteTitle)}&description=${encodeURIComponent(title)}`;
10---
11<Default><slot /></Default>
12
13<meta property="og:image" content={url} />
14<meta name="twitter:image" content={url} />
15
16
17<script is:inline defer data-domain="docs.openstatus.dev" src="https://plausible.io/js/script.js" />
18
19<!-- REMINDER: prevent unexpected font flashes for our 'OpenStatus' logo on each page load -->
20<link rel="preload" href="/fonts/CalSans-SemiBold.ttf" as="font" type="font/ttf" crossorigin>
21<link rel="preload" href="/fonts/CommitMono-400-Regular.otf" as="font" type="font/otf" crossorigin>
22<link rel="preload" href="/fonts/CommitMono-700-Regular.otf" as="font" type="font/otf" crossorigin>
23
24<script is:inline defer async src="https://buttons.github.io/buttons.js" />
25
26<OpenPanelComponent clientId={NEXT_PUBLIC_OPENPANEL_CLIENT_ID!} trackScreenViews trackOutgoingLinks trackAttributes />