feat(frontend): add a proper 1200x630 og:image for link previews

Square favicon.png was a weak og:image. Renders the same pixel-heart
mark next to the wordmark and tagline on the site's dark background.

Claude-Session: https://claude.ai/code/session_01F1M1Jic1wTSn4igUENynmZ
This commit is contained in:
loki5512344 2026-09-28 22:26:38 +02:00
parent e0531eda5e
commit f97f1a7117
Signed by: boba
GPG key ID: 253067914055423B
2 changed files with 5 additions and 3 deletions

View file

@ -21,14 +21,16 @@
content="A free legit Minecraft visuals mod. Wings, a floating 3D menu, rain with reflections and cloud configs."
/>
<meta property="og:url" content="https://visual.loki-code.dev/" />
<meta property="og:image" content="https://visual.loki-code.dev/favicon.png" />
<meta name="twitter:card" content="summary" />
<meta property="og:image" content="https://visual.loki-code.dev/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="LoVisual, visuals you'll fall in love with" />
<meta
name="twitter:description"
content="A free legit Minecraft visuals mod. Wings, a floating 3D menu, rain with reflections and cloud configs."
/>
<meta name="twitter:image" content="https://visual.loki-code.dev/favicon.png" />
<meta name="twitter:image" content="https://visual.loki-code.dev/og-image.png" />
</head>
<body>
<div id="root"></div>