your personal website on atproto - mirror
blento.app
1<script lang="ts">
2 let {
3 favicon,
4 title,
5 image,
6 description
7 }: { favicon: string | null; title: string | null; image?: string; description?: string } =
8 $props();
9</script>
10
11<svelte:head>
12 {#if favicon}
13 <link rel="icon" href={favicon} />
14 {/if}
15
16 {#if title}
17 <title>{title}</title>
18 <meta property="og:title" content={title} />
19 <meta name="twitter:title" content={title} />
20 {/if}
21
22 {#if image}
23 <meta property="og:image" content={image} />
24 <meta name="twitter:image" content={image} />
25 <meta name="twitter:card" content="summary_large_image" />
26 {/if}
27
28 {#if description}
29 <meta name="description" content={description} />
30 <meta property="og:description" content={description} />
31 <meta name="twitter:description" content={description} />
32 {/if}
33</svelte:head>