fix : social networks preview card

This commit is contained in:
GuillaumeSD
2025-05-17 16:51:41 +02:00
parent 96b07b97b0
commit 419f82e849
3 changed files with 20 additions and 7 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

View File

@@ -27,21 +27,33 @@ export default function Document() {
content="Analyze your chess games for free on any device with Stockfish!" content="Analyze your chess games for free on any device with Stockfish!"
/> />
{/* Balises OG (Facebook & Twitter) */} {/* OG (Social networks) */}
<meta property="og:title" content="chesskit.org" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:site_name" content="Chesskit.org" /> <meta property="og:site_name" content="chesskit.org" />
<meta property="og:url" content="https://chesskit.org/" /> <meta property="og:url" content="https://chesskit.org/" />
<meta <meta
property="og:image" property="og:image"
content="https://chesskit.org/android-chrome-512x512.png" content="https://chesskit.org/social-networks-1200x630.png"
/> />
<meta <meta
property="og:description" property="og:description"
content="Analyze your chess games for free on any device with Stockfish!" content="Analyze your chess games for free on any device with Stockfish!"
/> />
{/* Balise Twitter */} {/* Twitter */}
<meta name="twitter:title" content="chesskit.org" />
<meta name="twitter:domain" content="chesskit.org" />
<meta name="twitter:url" content="https://chesskit.org/" />
<meta
name="twitter:description"
content="Analyze your chess games for free on any device with Stockfish!"
/>
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:image"
content="https://chesskit.org/social-networks-1200x630.png"
/>
</Head> </Head>
<body> <body>
<Main /> <Main />

View File

@@ -23,7 +23,6 @@ const StyledIconButtonLink = styled("a")({
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
textDecoration: "none", // Remove underline from link textDecoration: "none", // Remove underline from link
// Add any other styles to make it look like a button, e.g., padding, borderRadius
"&:hover": { "&:hover": {
cursor: "pointer", // Change cursor on hover cursor: "pointer", // Change cursor on hover
}, },
@@ -59,12 +58,14 @@ export default function NavBar({ darkMode, switchDarkMode }: Props) {
> >
<Icon icon="mdi:menu" /> <Icon icon="mdi:menu" />
</IconButton> </IconButton>
<Image <Image
src="/favicon-32x32.png" src="/favicon-32x32.png"
alt="Chesskit logo" alt="Chesskit logo"
width={32} width={32}
height={32} height={32}
/> />
<NavLink href="/"> <NavLink href="/">
<Typography <Typography
variant="h6" variant="h6"