use summary image sizes

This commit is contained in:
Face 2025-06-28 17:55:40 +03:00
parent 13bc31d227
commit 9aaecdeb5b
3 changed files with 6 additions and 2 deletions

View file

@ -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} />

View file

@ -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} />

View file

@ -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">