flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/dogumentation. Simple, minimalistic documentation template using astro
flo-bit.dev/dogumentation/
1.5 kB
51 lines
1---
2import config from "../config";
3interface Props {
4 title: string;
5 description: string;
6 image?: string;
7}
8
9const canonicalURL = new URL(Astro.url.pathname, Astro.site);
10
11const { title, description, image = "main.png" } = Astro.props;
12---
13
14<!-- Global Metadata -->
15<meta charset="utf-8" />
16<meta name="viewport" content="width=device-width,initial-scale=1" />
17
18<link
19 rel="icon"
20 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>${config.SITE_FAVICON}</text></svg>`
21/>
22
23<meta name="generator" content={Astro.generator} />
24
25<!-- Canonical URL -->
26<link rel="canonical" href={canonicalURL} />
27
28<!-- Primary Meta Tags -->
29<title>{title}</title>
30<meta name="title" content={title} />
31<meta name="description" content={description} />
32
33<!-- Open Graph / Facebook -->
34<meta property="og:type" content="website" />
35<meta property="og:url" content={Astro.url} />
36<meta property="og:title" content={title} />
37<meta property="og:description" content={description} />
38<meta
39 property="og:image"
40 content={new URL(config.BASE + "/open-graph/" + image, Astro.url)}
41/>
42
43<!-- Twitter -->
44<meta property="twitter:card" content="summary_large_image" />
45<meta property="twitter:url" content={Astro.url} />
46<meta property="twitter:title" content={title} />
47<meta property="twitter:description" content={description} />
48<meta
49 property="twitter:image"
50 content={new URL(config.BASE + "/open-graph/" + image, Astro.url)}
51/>