margin.at
Write on the margins of the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
scanash.com
1---
2import '../styles/global.css';
3
4interface Props {
5 title?: string;
6 description?: string;
7 image?: string;
8}
9
10const { title = 'Margin', description = 'Annotate the web', image = 'https://margin.at/og.png' } = Astro.props;
11---
12
13<!DOCTYPE html>
14<html lang="en">
15 <head>
16 <meta charset="UTF-8" />
17 <meta name="description" content={description} />
18 <meta name="viewport" content="width=device-width" />
19 <link rel="icon" type="image/svg+xml" href="/logo.svg" />
20 <link rel="preconnect" href="https://fonts.googleapis.com">
21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
22 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
23 <meta name="generator" content={Astro.generator} />
24 <meta property="og:type" content="website" />
25 <meta property="og:url" content={Astro.url} />
26 <meta property="og:title" content={title} />
27 <meta property="og:description" content={description} />
28 <meta property="og:image" content={image} />
29 <meta property="og:site_name" content="Margin" />
30 <meta name="twitter:card" content="summary_large_image" />
31 <meta name="twitter:title" content={title} />
32 <meta name="twitter:description" content={description} />
33 <meta name="twitter:image" content={image} />
34
35 <title>{title}</title>
36 </head>
37 <body class="bg-surface-50 dark:bg-surface-950 min-h-screen text-surface-900 dark:text-white">
38 <slot />
39 </body>
40</html>