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

Customize social previews for short share links.

Browse Source 
Serve OG/Twitter meta tags from /s/:code and update /play meta copy so Telegram/X previews show a Gameboy-tune message and image.
This commit is contained in:
b1rdmania
2025-12-26 18:47:00 +00:00
parent f437bba281
commit d501f3565d
2 changed files with 74 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
play.html
+8 -8
View File
@@ -3,13 +3,13 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>MOTIF - Play</title>
<meta name="description" content="Play a shared MOTIF chiptune and generate your own." />
<title>Check out this Gameboy tune — MOTIF</title>
<meta name="description" content="Someone shared a song with you. Tap play to run it through the Wario synthesis engine — then generate your own." />
<!-- OpenGraph / Social Media Preview -->
<meta property="og:title" content="MOTIF" />
<meta property="og:description" content="Procedural Music Synthesis from MIDI" />
<meta property="og:image" content="/chiptune_blog_piece_1000x.webp" />
<meta property="og:title" content="Check out this Gameboy tune" />
<meta property="og:description" content="Someone shared a song with you. Tap play to run it through the Wario synthesis engine — then generate your own." />
<meta property="og:image" content="https://motif-self.vercel.app/chiptune_blog_piece_1000x.webp" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:type" content="website" />
@@ -17,9 +17,9 @@
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="MOTIF" />
<meta name="twitter:description" content="Procedural Music Synthesis from MIDI" />
<meta name="twitter:image" content="/chiptune_blog_piece_1000x.webp" />
<meta name="twitter:title" content="Check out this Gameboy tune" />
<meta name="twitter:description" content="Someone shared a song with you. Tap play to run it through the Wario synthesis engine — then generate your own." />
<meta name="twitter:image" content="https://motif-self.vercel.app/chiptune_blog_piece_1000x.webp" />
<style>
:root {
--color-bg: #0a0a0a;