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

Rebrand to WARIO SYNTH

Browse Source 
- Update site title, h1, taglines across all pages
- OpenGraph/Twitter meta tags now use wario.png
- FAQ updated to "What is WARIO SYNTH?"
- All references to "Motif engine" → "Wario Synthesis Engine"
- Share links now branded as WARIO SYNTH

🤖 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 10:34:31 +00:00
parent b48fb4b7de
commit 679afbfa65
5 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -15
View File
@@ -3,12 +3,12 @@
<head>
<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>
<title>WARIO SYNTH - Retro Game Console Music</title>
<!-- 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="WARIO SYNTH">
<meta property="og:description" content="Turn any song into retro game console music">
<meta property="og:image" content="/wario.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="website">
@@ -16,12 +16,12 @@
<!-- 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="WARIO SYNTH">
<meta name="twitter:description" content="Turn any song into retro game console music">
<meta name="twitter:image" content="/wario.png">
<!-- 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.">
<meta name="description" content="WARIO SYNTH - Transform any song into retro Gameboy-style game console music. Search, preview MIDI, and generate chiptune versions.">
<style>
/* Design System: Synthwave - 8px grid, consistent neon accents */
:root {
@@ -1004,8 +1004,8 @@
<div class="container">
<div class="hero">
<button id="faqBtn" class="faq-link faq-top" type="button">FAQ</button>
<h1>MOTIF</h1>
<p class="tagline"><strong>Procedural music generated from MIDI structure</strong></p>
<h1>WARIO SYNTH</h1>
<p class="tagline"><strong>Turn any song into retro game console music</strong></p>
</div>
<div class="controls">
@@ -1078,7 +1078,7 @@
<div id="generatedBlock" style="display:none;">
<div class="engine-line" id="generatedTransform">
Reimagined as classic game-console music<br />
using Motif’s Wario engine.
using the Wario Synthesis Engine.
</div>
<div style="display:flex; justify-content:center; margin-top: 14px; margin-bottom: 14px;">
@@ -1150,7 +1150,7 @@
<span class="dot" aria-hidden="true"></span>
<span class="label"><span class="handle">@b1rdmania</span><span aria-hidden="true">X</span></span>
</a>
<a href="https://github.com/b1rdmania/motif" target="_blank" rel="noopener noreferrer" aria-label="Open the MOTIF GitHub repository">
<a href="https://github.com/b1rdmania/motif" target="_blank" rel="noopener noreferrer" aria-label="Open the WARIO SYNTH GitHub repository">
<span class="dot" aria-hidden="true"></span>
<span class="label">GitHub</span>
</a>
@@ -1161,12 +1161,12 @@
<main>
<div class="faq-grid">
<div class="faq-item">
<h4>What is MOTIF?</h4>
<p>Turn any song into retro <strong>Gameboy-style</strong> synth. Search a track, preview the MIDI, hit Generate.</p>
<h4>What is WARIO SYNTH?</h4>
<p>Turn any song into retro <strong>Gameboy-style</strong> synth using the Wario Synthesis Engine. Search a track, preview the MIDI, hit Generate.</p>
</div>
<div class="faq-item">
<h4>How does it work?</h4>
<p>We scrape MIDI files from the web, analyse the structure (melody, bass, chords), then resynthesise with an emulation engine. Light touch and runs in any browser through <strong>Web Audio</strong>.</p>
<p>We scrape MIDI files from the web, analyse the structure (melody, bass, chords), then resynthesise with the <strong>Wario Synthesis Engine</strong>. Light touch and runs in any browser through <strong>Web Audio</strong>.</p>
</div>
<div class="faq-item">
<h4>Why "Enable Audio" on iPhone?</h4>