Something went wrong. Try again.
My website, rebuilt yet again
Something went wrong. Try again.
1.8 kB · 56 lines
Astro
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657---// Import the global.css file here so that it is included on// all pages through the use of the <BaseHead /> component.import '../styles/global.css';import type { ImageMetadata } from 'astro';import { SITE_TITLE } from '../consts';import { Font } from 'astro:assets';import { AT_HANDLE, getAvatarBlob } from '../lib/atproto';
interface Props { title: string; description: string; image?: ImageMetadata;}
const canonicalURL = new URL(Astro.url.pathname, Astro.site);const avatarUrl = await getAvatarBlob(AT_HANDLE);
const { title, description, image } = Astro.props;---
<!-- Global Metadata --><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1" /><link rel="icon" href={avatarUrl} /><link rel="sitemap" href="/sitemap-index.xml" /><link rel="alternate" type="application/rss+xml" title={SITE_TITLE} href={new URL('rss.xml', Astro.site)}/>
<Font cssVariable="--font-geist-mono" preload />
<!-- 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} />{image && <meta property="og:image" content={new URL(image.src, Astro.url)} />}
<!-- Twitter --><meta property="twitter:card" content="summary_large_image" /><meta property="twitter:url" content={Astro.url} /><meta property="twitter:title" content={title} /><meta property="twitter:description" content={description} />{image && <meta property="twitter:image" content={new URL(image.src, Astro.url)} />}