From da0a0daa1f02b99171a9a37b2ac1aad4c5ab0fe3 Mon Sep 17 00:00:00 2001
From: b1rdmania <102524336+b1rdmania@users.noreply.github.com>
Date: Thu, 18 Dec 2025 20:24:19 +0000
Subject: [PATCH] Update Motif copy to be more technically accurate
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed from "Retro game console vibes" to explain the actual synthesis:
- Pure oscillator synthesis
- Triangle, square, and sawtooth waveforms
- Polyphonic chiptune generation

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html      | 20 +++++++++++++++++++-
 public/.gitkeep |  1 +
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 public/.gitkeep

diff --git a/index.html b/index.html
index 13c415b..f2126c4 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Motif - Procedural Music Synthesis</title>
+
+    <!-- OpenGraph / Social Media Preview -->
+    <meta property="og:title" content="MOTIF - Procedural Music Synthesis">
+    <meta property="og:description" content="Transform MIDI into retro game console vibes. Search, preview, and generate entirely new variations.">
+    <meta property="og:image" content="/og-image.jpg">
+    <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">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="MOTIF - Procedural Music Synthesis">
+    <meta name="twitter:description" content="Transform MIDI into retro game console vibes. Search, preview, and generate entirely new variations.">
+    <meta name="twitter:image" content="/og-image.jpg">
+
+    <!-- General Meta -->
+    <meta name="description" content="Transform MIDI files into retro synthesized variations. Search for songs, preview them, and generate new procedural versions with retro game console vibes.">
     <style>
         /* Design System: Synthwave - 8px grid, consistent neon accents */
         :root {
@@ -604,7 +622,7 @@
                     <div class="motif-grid">
                         <div class="motif-header">
                             <h4 style="margin:0; color:#ffaa44; text-shadow: 0 0 18px rgba(255,170,68,0.15);">Generate Your Variation</h4>
-                            <p class="motif-kicker">Retro game console vibes. Same notes, entirely different energy.</p>
+                            <p class="motif-kicker">Pure oscillator synthesis. Triangle, square, and sawtooth waveforms—polyphonic chiptune generation.</p>
                         </div>
 
                         <div class="motif-controls">
diff --git a/public/.gitkeep b/public/.gitkeep
new file mode 100644
index 0000000..1ab5c00
--- /dev/null
+++ b/public/.gitkeep
@@ -0,0 +1 @@
+# Save the social preview image as og-image.jpg in this directory