diff options
| -rw-r--r-- | src/app.html | 2 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 16 | ||||
| -rw-r--r-- | src/routes/[username]/+page.svelte | 9 |
3 files changed, 16 insertions, 11 deletions
diff --git a/src/app.html b/src/app.html index 57ffbcce..57d6d21c 100644 --- a/src/app.html +++ b/src/app.html @@ -6,8 +6,6 @@ <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="An easy bitcoin web wallet" /> <meta name="keywords" content="open source bitcoin lightning web wallet" /> - <meta property="og:image" content="/icons/logo.svg" /> - <title>coinos</title> %sveltekit.head% <script src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js"></script> <style> diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 730557a7..6b62ff4a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -15,6 +15,7 @@ export let data; + let { subject } = $page.data; let r, u, token, rates; $: update(data); @@ -50,6 +51,21 @@ onDestroy(() => browser && clearTimeout(timer)); </script> +<svelte:head> + {#if subject} + <title>coinos - {subject.username}</title> + <meta name="lightning" content={`lnurlp:${subject.username}@coinos.io`} /> + {:else} + <title>coinos</title> + {/if} + + {#if subject?.profile} + <meta name="og:image" content={`/api/public/${subject.username}-profile.webp`} /> + {:else} + <meta property="og:image" content="/icons/logo.svg" /> + {/if} +</svelte:head> + <SvelteToast options={{ reversed: true, intro: { y: 192 } }} /> {#if lost} diff --git a/src/routes/[username]/+page.svelte b/src/routes/[username]/+page.svelte index 2860f66f..298af55b 100644 --- a/src/routes/[username]/+page.svelte +++ b/src/routes/[username]/+page.svelte @@ -36,15 +36,6 @@ let followed = false; </script> -<svelte:head> - <title>coinos - {subject.username}</title> - <meta name="lightning" content={`lnurlp:${subject.username}@coinos.io`} /> - - {#if subject.profile} - <meta name="og:image" content={`/api/public/${subject.username}-profile.webp`} /> - {/if} -</svelte:head> - <div class="container px-4 flex flex-wrap"> <div class="p-10 pt-20"> <h1 class="text-3xl font-bold">{subject.username}</h1> |