Commit Graph

60 Commits

Author SHA1 Message Date
b1rdmania 79601a78ba Fix iOS FAQ modal, host font locally, cleanup
- Fix FAQ modal scrolling/sizing on iOS with max-height and flexbox
- Host Press Start 2P font locally to avoid content blocker issues
- Remove FAQ button from top bar (keep footer button)
- Shorten MIDI selection tips text

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:36:15 +00:00
b1rdmania 3728887ba5 Use Wario sprite for social share image
Update og:image and twitter:image to wario-sprite.png
for WhatsApp, Telegram, Twitter previews

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:18:48 +00:00
b1rdmania d1cf013850 Increase font sizes on mobile for readability
Press Start 2P needs larger sizes to be legible on mobile:
- Body: 10px → 11px
- Buttons: 8px → 10px
- Table cells: 8px → 9px with more padding
- Status/helper text: 9px

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:02:46 +00:00
b1rdmania 31310a6ea3 Replace copy button with text box for sharing
Simple solution: show the link in a selectable text box
Works everywhere without clipboard API issues

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:59:34 +00:00
b1rdmania eb615b37f4 Fix Wario sprite blending with mix-blend-mode 2025-12-29 12:57:31 +00:00
b1rdmania 46d78f42e3 Add Wario sprite to footer with Game Boy green tint
Sprite image needs to be saved as /public/wario-sprite.png

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:52:37 +00:00
b1rdmania aac5d9d95b Fix iOS clipboard, update FAQ style, rename button text
- Fix iOS Safari clipboard by using textarea with proper selection
- Add visible "Link copied!" confirmation next to Copy link button
- Update FAQ modal styling to match Game Boy light palette
- Change "Use this →" to "Use" in search results

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:48:51 +00:00
b1rdmania 71762c07f8 Switch to light Game Boy palette and fix search/results UX
- Flip from dark to light authentic Game Boy LCD palette
- Update both main app (index.html) and share page (play.html)
- Light background (#C8D8B0) with dark text (#1D2A1D)
- Keep results interactive after selecting a song
- Remove search locking so users can always search or pick different results

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:38:37 +00:00
b1rdmania b582446269 Remove volume slider and description text from player
Cleaner UI - metadata already tells the story.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 12:13:31 +00:00
b1rdmania 6e61aef35a Redesign UI with Game Boy retro aesthetic
- Add classic LCD green color palette (#9BBC0F, #8BAC0F, #306230, #0F380F)
- Switch to Press Start 2P pixel font
- Add scanline overlay effect for CRT feel
- Style buttons with chunky 4px borders and inset shadows
- Remove all border-radius for pixel-perfect look
- Update hero, controls, results table, and player sections

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 10:49:04 +00:00
b1rdmania 679afbfa65 Rebrand to WARIO SYNTH
- 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>
2025-12-29 10:34:31 +00:00
b1rdmania 134867cf93 Allow scrolling back to search after generation.
Keeps the search UI visible in generated mode (so you can scroll up), but locks it to prevent changing choices until tapping New search.
2025-12-26 21:29:17 +00:00
b1rdmania 9c6a47ab4e Add New search reset after generation.
Keeps the generated artifact view intact but provides a footer New search button that stops audio, resets state, scrolls to top, and focuses the search input.
2025-12-26 21:26:23 +00:00
b1rdmania 7cbf582fa1 Enable Copy link after generation and style it.
Refresh generated state after successful playback starts so Copy link becomes clickable, and boost its visual prominence without competing with Play.
2025-12-26 21:20:21 +00:00
b1rdmania 63618ec4fa Split selected vs generated UI on main page.
After generation starts, hide preview/source-changing/search affordances and switch to an artifact view: title, Wario transformation line, Play/Pause, timeline, volume, and Copy link.
2025-12-26 21:14:30 +00:00
b1rdmania fd422aa084 Make results a chooser and move preview to selected card.
Removes preview controls from search results, adds a 'Choosing a MIDI source' helper block, introduces selected/generated states, and keeps Preview original MIDI as a secondary action inside the selected source card.
2025-12-26 20:38:15 +00:00
b1rdmania 839d40447f Restore FAQ button at top-right.
Adds a top-right FAQ button in the hero while keeping a footer FAQ button, both opening the same modal.
2025-12-26 20:28:23 +00:00
b1rdmania b0c1b49d2a Remove volume controls and play at 100%.
Eliminates volume sliders on main and share pages and hard-sets preview + Motif playback volume to 1.0 across the app.
2025-12-26 20:25:38 +00:00
b1rdmania 7deb7bd4d9 Move MIDI preview controls into results table.
Adds per-row Play/Stop preview toggles, moves preview volume to the results header, and removes preview controls from the selected source card.
2025-12-26 19:27:16 +00:00
b1rdmania 9fc636a558 Refocus main page around search → select → generate.
Cleans result titles, adds a 'Use this' action, promotes a selected source card with Preview/Generate, collapses results after selection, and hides debug-ish metadata behind Details.
2025-12-26 19:21:28 +00:00
b1rdmania 0e0b64d6a2 Remove redundant preview controls bar.
Moves preview volume into the results header and relies on per-row Play/Stop controls.
2025-12-26 18:53:55 +00:00
b1rdmania f437bba281 Move MIDI preview playback into results table.
Adds per-row Play/Stop buttons and replaces the standalone preview box with compact preview volume/stop controls.
2025-12-26 18:42:31 +00:00
b1rdmania 88891afd8e Move Copy link to Generate & Play and align /play output.
Shows Copy link beside the synth engine controls and makes /play run procedural generation to match the main page.
2025-12-26 18:26:49 +00:00
b1rdmania 8160c87258 Add share link copy button and standardize volume.
Adds a Copy link action on the main page using /api/share shortlinks and sets default volumes to 70%.
2025-12-26 17:31:34 +00:00
b1rdmania 90b3450aa9 Ps. I love Claude Code.
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:36:20 +00:00
b1rdmania d8724c9d03 Tuck wario screenshot into FAQ (no dedicated section)
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:33:54 +00:00
b1rdmania cdd21647ca Add Wario easter egg to FAQ
We considered it.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:33:12 +00:00
b1rdmania 1b8c0ba0df Wario Synthesis Engine 🟡
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:28:11 +00:00
b1rdmania 213c801b29 Update card copy: Run the engine + waveform details
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:26:30 +00:00
b1rdmania 1deb11c60d Tweak synth section: Synthesis Engine / Gameboy emulator
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:21:50 +00:00
b1rdmania c26095834a Update synth section copy - tech/gamer vibe
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:21:27 +00:00
b1rdmania 5775a21387 Refresh FAQ copy - punchier, friendlier tone
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-20 13:18:12 +00:00
b1rdmania b3426f5ccd Revert "Add test models page and synth presets."
This reverts commit b7a79e93c9.
2025-12-20 12:28:02 +00:00
b1rdmania a60225d1d4 Revert "Isolate /models synth variants and revert main."
This reverts commit 633197b81a.
2025-12-20 12:28:02 +00:00
b1rdmania 633197b81a Isolate /models synth variants and revert main. 2025-12-20 12:21:39 +00:00
b1rdmania b7a79e93c9 Add test models page and synth presets. 2025-12-20 12:09:20 +00:00
b1rdmania 6caf5d6f01 Add X and GitHub links to FAQ header. 2025-12-20 11:46:43 +00:00
b1rdmania 241ea2f020 Add GitHub link to FAQ. 2025-12-20 11:43:09 +00:00
b1rdmania 7b7f854ffc Tighten FAQ copy and add X link. 2025-12-20 11:41:55 +00:00
b1rdmania 9c9bd0f9ae Add FAQ modal and link in header. 2025-12-19 23:40:00 +00:00
b1rdmania b20971f456 Add musical note icon to MOTIF title
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-19 23:37:32 +00:00
b1rdmania 9eb40ce614 Add iOS 'Enable Audio' CTA for Motif playback. 2025-12-18 23:21:41 +00:00
b1rdmania 234f6e38b5 Replace track count with source in results table
Changed table columns from Title | Duration | Tracks
to Title | Source | Duration - more useful to see where
the MIDI is from (BitMidi, etc.) than track count.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 21:23:12 +00:00
b1rdmania 02914bdcd0 Adjust 'Use on your website' UX to coming soon. 2025-12-18 21:08:08 +00:00
b1rdmania d0be58296e Add embeddable /embed widget and copy-paste snippet. 2025-12-18 20:58:35 +00:00
b1rdmania e33cd26238 Reference NES/Game Boy in Motif synthesis copy
Changed to "NES/Game Boy synthesis engine" to connect the technical
specs to the actual Nintendo hardware this style comes from.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 20:30:29 +00:00
b1rdmania a5bfde5c4e Simplify social preview title and description
Title: MOTIF
Description: Procedural Music Synthesis from MIDI

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 20:29:20 +00:00
b1rdmania 74fdcfbeaa Add social preview image and update meta tags
- Added chiptune_blog_piece_1000x.webp as OpenGraph preview image
- Updated meta tags to point to webp file
- Social sharing on Telegram/Twitter will now show the retro gaming preview

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 20:28:35 +00:00
b1rdmania da0a0daa1f Update Motif copy to be more technically accurate
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>
2025-12-18 20:24:19 +00:00
b1rdmania 823d0290be Improve Motif Generation copy - less tech, more drama
Before:
- "Procedural Synthesis"
- "Web Audio oscillators with dynamic filtering and envelopes."

After:
- "Generate Your Variation"
- "Retro game console vibes. Same notes, entirely different energy."

Less nerdy spec sheet, more exciting payoff moment.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 20:20:45 +00:00