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