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

Tighten share copy

Browse Source 
- Title: "WARIO SYNTH" or "Song Name - WARIO SYNTH"
- Description: "Tap to play this Gameboy tune"
- Switch to summary card (smaller image)

🤖 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:22:19 +00:00
parent 7a8f6d6517
commit 853e274a9d
2 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
play.html
+7 -7
View File
@@ -3,12 +3,12 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Check out this Gameboy tune — WARIO SYNTH</title> <title>WARIO SYNTH</title>
<meta name="description" content="Someone shared a song with you. Press play to hear it through the Wario Synthesis Engine — then generate your own." /> <meta name="description" content="Tap to play this Gameboy tune" />
<!-- 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="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="Tap to play this Gameboy tune" />
<meta property="og:image" content="https://motif-self.vercel.app/wario-sprite.png" /> <meta property="og:image" content="https://motif-self.vercel.app/wario-sprite.png" />
<meta property="og:image:width" content="160" /> <meta property="og:image:width" content="160" />
<meta property="og:image:height" content="160" /> <meta property="og:image:height" content="160" />
@@ -16,9 +16,9 @@
<meta property="og:url" content="https://motif-self.vercel.app/play" /> <meta property="og:url" content="https://motif-self.vercel.app/play" />
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Check out this Gameboy tune — WARIO SYNTH" /> <meta name="twitter:title" content="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="Tap to play this Gameboy tune" />
<meta name="twitter:image" content="https://motif-self.vercel.app/wario-sprite.png" /> <meta name="twitter:image" content="https://motif-self.vercel.app/wario-sprite.png" />
<!-- Pixel Font --> <!-- Pixel Font -->
server/src/server.ts
+3 -5
View File
@@ -220,10 +220,8 @@ app.get('/s/:code', async (req, res) => {
const imageUrl = origin ? `${origin}/wario-sprite.png` : '/wario-sprite.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 ? `${sharedTitle} - WARIO SYNTH` : 'WARIO SYNTH';
const ogDescription = sharedTitle const ogDescription = 'Tap to play this Gameboy tune';
? `Someone shared "${sharedTitle}" with you. Tap to play it through the Wario Synthesis Engine — then generate your own.`
: 'Someone shared a song with you. Tap to play it through the Wario Synthesis Engine — then generate your own.';
const html = `<!doctype html> const html = `<!doctype html>
<html lang="en"> <html lang="en">
@@ -241,7 +239,7 @@ app.get('/s/:code', async (req, res) => {
<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)}" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="${escapeHtml(ogTitle)}" /> <meta name="twitter:title" content="${escapeHtml(ogTitle)}" />
<meta name="twitter:description" content="${escapeHtml(ogDescription)}" /> <meta name="twitter:description" content="${escapeHtml(ogDescription)}" />
<meta name="twitter:image" content="${escapeHtml(imageUrl)}" /> <meta name="twitter:image" content="${escapeHtml(imageUrl)}" />