Impaczus/motif
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use Wario sprite for social share image

Browse Source 
Update og:image and twitter:image to wario-sprite.png
for WhatsApp, Telegram, Twitter previews

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
b1rdmania
2025-12-29 13:18:48 +00:00
parent cbb808b968
commit 3728887ba5
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -4
View File
@@ -8,9 +8,9 @@
<!-- OpenGraph / Social Media Preview --> <!-- OpenGraph / Social Media Preview -->
<meta property="og:title" content="WARIO SYNTH"> <meta property="og:title" content="WARIO SYNTH">
<meta property="og:description" content="Turn any song into retro game console music"> <meta property="og:description" content="Turn any song into retro game console music">
<meta property="og:image" content="/wario.png"> <meta property="og:image" content="/wario-sprite.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="160">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="160">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://motif-self.vercel.app"> <meta property="og:url" content="https://motif-self.vercel.app">
@@ -18,7 +18,7 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="WARIO SYNTH"> <meta name="twitter:title" content="WARIO SYNTH">
<meta name="twitter:description" content="Turn any song into retro game console music"> <meta name="twitter:description" content="Turn any song into retro game console music">
<meta name="twitter:image" content="/wario.png"> <meta name="twitter:image" content="/wario-sprite.png">
<!-- General Meta --> <!-- General Meta -->
<meta name="description" content="WARIO SYNTH - Transform any song into retro Gameboy-style game console music. Search, preview MIDI, and generate chiptune versions."> <meta name="description" content="WARIO SYNTH - Transform any song into retro Gameboy-style game console music. Search, preview MIDI, and generate chiptune versions.">
play.html
+4 -4
View File
@@ -9,9 +9,9 @@
<!-- OpenGraph / Social Media Preview --> <!-- OpenGraph / Social Media Preview -->
<meta property="og:title" content="Check out this Gameboy tune — WARIO SYNTH" /> <meta property="og:title" content="Check out this Gameboy tune — WARIO SYNTH" />
<meta property="og:description" content="Someone shared a song with you. Press play to hear it through the Wario Synthesis Engine — then generate your own." /> <meta property="og:description" content="Someone shared a song with you. Press play to hear it through the Wario Synthesis Engine — then generate your own." />
<meta property="og:image" content="https://motif-self.vercel.app/wario.png" /> <meta property="og:image" content="https://motif-self.vercel.app/wario-sprite.png" />
<meta property="og:image:width" content="1200" /> <meta property="og:image:width" content="160" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="160" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://motif-self.vercel.app/play" /> <meta property="og:url" content="https://motif-self.vercel.app/play" />
@@ -19,7 +19,7 @@
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Check out this Gameboy tune — WARIO SYNTH" /> <meta name="twitter:title" content="Check out this Gameboy tune — WARIO SYNTH" />
<meta name="twitter:description" content="Someone shared a song with you. Press play to hear it through the Wario Synthesis Engine — then generate your own." /> <meta name="twitter:description" content="Someone shared a song with you. Press play to hear it through the Wario Synthesis Engine — then generate your own." />
<meta name="twitter:image" content="https://motif-self.vercel.app/wario.png" /> <meta name="twitter:image" content="https://motif-self.vercel.app/wario-sprite.png" />
<!-- Pixel Font --> <!-- Pixel Font -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
public/wario-synth.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 993 KiB

server/src/server.ts
+3 -3
View File
@@ -217,7 +217,7 @@ app.get('/s/:code', async (req, res) => {
const origin = getOrigin(req); const origin = getOrigin(req);
const shortUrl = origin ? `${origin}/s/${encodeURIComponent(code)}` : `/s/${encodeURIComponent(code)}`; const shortUrl = origin ? `${origin}/s/${encodeURIComponent(code)}` : `/s/${encodeURIComponent(code)}`;
const playUrl = origin ? `${origin}${dest}` : dest; const playUrl = origin ? `${origin}${dest}` : dest;
const imageUrl = origin ? `${origin}/wario.png` : '/wario.png'; const imageUrl = origin ? `${origin}/wario-sprite.png` : '/wario-sprite.png';
const sharedTitle = (payload.title || '').trim(); const sharedTitle = (payload.title || '').trim();
const ogTitle = sharedTitle ? `WARIO SYNTH: ${sharedTitle}` : 'WARIO SYNTH'; const ogTitle = sharedTitle ? `WARIO SYNTH: ${sharedTitle}` : 'WARIO SYNTH';
@@ -236,8 +236,8 @@ app.get('/s/:code', async (req, res) => {
<meta property="og:title" content="${escapeHtml(ogTitle)}" /> <meta property="og:title" content="${escapeHtml(ogTitle)}" />
<meta property="og:description" content="${escapeHtml(ogDescription)}" /> <meta property="og:description" content="${escapeHtml(ogDescription)}" />
<meta property="og:image" content="${escapeHtml(imageUrl)}" /> <meta property="og:image" content="${escapeHtml(imageUrl)}" />
<meta property="og:image:width" content="1200" /> <meta property="og:image:width" content="160" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="160" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="${escapeHtml(shortUrl)}" /> <meta property="og:url" content="${escapeHtml(shortUrl)}" />