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

Add social preview meta tags to /play.

Browse Source 
Ensures shared shortlinks render the MOTIF image card on X.
This commit is contained in:
b1rdmania
2025-12-26 15:51:42 +00:00
parent a23e348d5e
commit 2e50022066
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
play.html
+15
View File
@@ -5,6 +5,21 @@
<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." />
<!-- 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:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://motif-self.vercel.app/play" />
<!-- 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" />
<style>
:root {
--color-bg: #0a0a0a;