use summary image sizes
This commit is contained in:
parent
13bc31d227
commit
9aaecdeb5b
3 changed files with 6 additions and 2 deletions
|
|
@ -10,7 +10,8 @@
|
||||||
keywords = '',
|
keywords = '',
|
||||||
author = 'Outpoot',
|
author = 'Outpoot',
|
||||||
canonicalUrl = '',
|
canonicalUrl = '',
|
||||||
noindex = false
|
noindex = false,
|
||||||
|
twitterCard = 'summary_large_image'
|
||||||
}: {
|
}: {
|
||||||
title?: string;
|
title?: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
|
|
@ -21,6 +22,7 @@
|
||||||
author?: string;
|
author?: string;
|
||||||
canonicalUrl?: string;
|
canonicalUrl?: string;
|
||||||
noindex?: boolean;
|
noindex?: boolean;
|
||||||
|
twitterCard?: 'summary' | 'summary_large_image';
|
||||||
} = $props();
|
} = $props();
|
||||||
|
|
||||||
let currentUrl = $derived($page?.url?.href || '');
|
let currentUrl = $derived($page?.url?.href || '');
|
||||||
|
|
@ -64,7 +66,7 @@
|
||||||
<meta property="og:locale" content="en_US" />
|
<meta property="og:locale" content="en_US" />
|
||||||
|
|
||||||
<!-- Twitter Card Meta Tags -->
|
<!-- Twitter Card Meta Tags -->
|
||||||
<meta name="twitter:card" content="summary_large_image" />
|
<meta name="twitter:card" content={twitterCard} />
|
||||||
<meta name="twitter:title" content={title} />
|
<meta name="twitter:title" content={title} />
|
||||||
<meta name="twitter:description" content={description} />
|
<meta name="twitter:description" content={description} />
|
||||||
<meta name="twitter:image" content={fullImageUrl} />
|
<meta name="twitter:image" content={fullImageUrl} />
|
||||||
|
|
|
||||||
|
|
@ -370,6 +370,7 @@
|
||||||
: `${coinSymbol} virtual cryptocurrency, crypto trading simulation, virtual coin trading`}
|
: `${coinSymbol} virtual cryptocurrency, crypto trading simulation, virtual coin trading`}
|
||||||
image={coin?.icon ? getPublicUrl(coin.icon) : '/apple-touch-icon.png'}
|
image={coin?.icon ? getPublicUrl(coin.icon) : '/apple-touch-icon.png'}
|
||||||
imageAlt={coin ? `${coin.name} (${coin.symbol}) logo` : `${coinSymbol} cryptocurrency logo`}
|
imageAlt={coin ? `${coin.name} (${coin.symbol}) logo` : `${coinSymbol} cryptocurrency logo`}
|
||||||
|
twitterCard="summary"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<SignInConfirmDialog bind:open={shouldSignIn} />
|
<SignInConfirmDialog bind:open={shouldSignIn} />
|
||||||
|
|
|
||||||
|
|
@ -357,6 +357,7 @@
|
||||||
? `${profileData.profile.name}'s profile picture`
|
? `${profileData.profile.name}'s profile picture`
|
||||||
: `@${username}'s profile`}
|
: `@${username}'s profile`}
|
||||||
keywords="crypto trader profile game, virtual trading portfolio, cryptocurrency simulation game, user portfolio simulator"
|
keywords="crypto trader profile game, virtual trading portfolio, cryptocurrency simulation game, user portfolio simulator"
|
||||||
|
twitterCard="summary"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="container mx-auto max-w-6xl p-6">
|
<div class="container mx-auto max-w-6xl p-6">
|
||||||
|
|
|
||||||
Reference in a new issue