Something went wrong. Try again.
a collection of early likes.fyi prototypes, preserved here for historical purposes prototypes.likes.fyi
Something went wrong. Try again.
1.9 kB · 57 lines
Astro
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758---import "../styles/global.css";import type { ImageMetadata } from "astro";import { Font } from "astro:assets";
interface Props { title: string; description: string; image: ImageMetadata;}
const { title, description, image } = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);---
<head> <!-- Global Metadata --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💗</text></svg>"> <link rel="sitemap" href="/sitemap-index.xml" /> <link rel="alternate" type="application/rss+xml" title={title} href={new URL("rss.xml", Astro.site)} /> <meta name="generator" content={Astro.generator} />
<!-- Fonts --> <Font cssVariable="--font-sans" preload /> <Font cssVariable="--font-serif" preload /> <Font cssVariable="--font-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} /> <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} /> <meta property="twitter:image" content={new URL(image.src, Astro.url)} /></head>