From 2e5002206648cc893372218f5aed7af547b2260a Mon Sep 17 00:00:00 2001
From: b1rdmania <102524336+b1rdmania@users.noreply.github.com>
Date: Fri, 26 Dec 2025 15:51:42 +0000
Subject: [PATCH] Add social preview meta tags to /play.

Ensures shared shortlinks render the MOTIF image card on X.
---
 play.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/play.html b/play.html
index 58bd726..4e8a12a 100644
--- a/play.html
+++ b/play.html
@@ -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;