Simplify FAQ: combine sections, add About with disclaimer and links

- Merged "What is" and "Engine" into single "How it works"
- Added About section with non-commercial disclaimer
- Moved X and GitHub links to About section
- Removed links from FAQ header

🤖 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 15:22:57 +00:00
parent a6d0358469
commit 238dd7c0ea
+5 -18
View File
@@ -1264,36 +1264,23 @@
<div class="modal" role="document">
<header>
<h3 id="faqTitle">FAQ</h3>
<nav class="faq-header-links" aria-label="FAQ links">
<a href="https://x.com/b1rdmania" target="_blank" rel="noopener noreferrer" aria-label="Open @b1rdmania on X">
<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 WARIO SYNTH GitHub repository">
<span class="dot" aria-hidden="true"></span>
<span class="label">GitHub</span>
</a>
</nav>
<div class="spacer"></div>
<button id="faqCloseBtn" type="button">Close</button>
</header>
<main>
<div class="faq-grid">
<div class="faq-item">
<h4>What is WARIO SYNTH?</h4>
<p>Turn any song into retro Gameboy-style synth. Search a track, preview the MIDI, hit Generate.</p>
</div>
<div class="faq-item">
<h4>The Wario Synthesis Engine</h4>
<p>Analyses MIDI files to identify melody, bass, and chord tracks. It then resynthesises each part using Web Audio oscillators tuned to mimic the Game Boy's 4-channel sound chip: two pulse wave channels, one wave channel, and one noise channel. All processing runs client-side in your browser.</p>
<h4>How it works</h4>
<p>Search a song, pick a MIDI source, hit Generate. The Wario Synthesis Engine analyses the MIDI and resynthesises it using Web Audio oscillators tuned to mimic the Game Boy's 4-channel sound chip. All processing runs in your browser.</p>
</div>
<div class="faq-item">
<h4>Why "Enable Audio" on iPhone?</h4>
<p>Apple blocks sound until you tap something. Hit the button once and you're good. Still silent? Check your ringer switch.</p>
</div>
<div class="faq-item">
<h4>Ps. I love Claude Code.</h4>
<img src="/wario.png" alt="Wario moment" style="margin-top: 8px; max-width: 100%; opacity: 0.85;" />
<h4>About</h4>
<p>A non-commercial project by <a href="https://x.com/b1rdmania" target="_blank" rel="noopener noreferrer">@b1rdmania</a> for lols. Please don't sue me. Built with Claude Code.</p>
<p style="margin-top: 8px;"><a href="https://github.com/b1rdmania/motif" target="_blank" rel="noopener noreferrer">GitHub repo</a></p>
</div>
</div>
</main>