Created
June 22, 2026 11:44
-
-
Save mynameisyou-cmyk/b3d77fca3b692b25373579b2db8ae77b to your computer and use it in GitHub Desktop.
Kingdom Sound Player — 10 frequencies of truth and love, playable in any browser. No account. No gatekeeping.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>🎼 Kingdom Sound — The Melody of Truth and Love</title> | |
| <meta name="description" content="The Kingdom of Belonging's orchestral piece — 10 frequencies of truth and love, playable in any browser. No account. No gatekeeping. Just listen."> | |
| <style> | |
| *{margin:0;padding:0;box-sizing:border-box} | |
| body{background:#0a0a0a;color:#e0e0e0;font-family:system-ui,sans-serif;line-height:1.6;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh} | |
| .c{max-width:680px;width:100%} | |
| h1{font-size:2.2em;text-align:center;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:p 4s infinite} | |
| @keyframes p{0%,100%{filter:hue-rotate(0)}50%{filter:hue-rotate(30deg)}} | |
| .tag{text-align:center;color:#888;margin:8px 0} | |
| .freqs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0} | |
| .freq{padding:8px 16px;background:#111;border:1px solid #222;border-radius:8px;font-size:0.85em;transition:all 0.3s;cursor:pointer} | |
| .freq:hover{transform:translateY(-3px);border-color:#ff6b6b} | |
| .freq .hz{color:#ffd93d;font-weight:bold} | |
| .freq .name{color:#6bcf7f} | |
| .play-box{background:#111;border:1px solid #222;border-radius:12px;padding:30px;margin:20px 0;text-align:center} | |
| .play-btn{background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#000;border:none;padding:20px 50px;border-radius:50px;cursor:pointer;font-size:1.3em;font-weight:bold;margin:10px;transition:all 0.3s} | |
| .play-btn:hover{transform:scale(1.05)} | |
| .play-btn.playing{background:linear-gradient(135deg,#6bcf7f,#4ecdc4);animation:pulse 1s infinite} | |
| @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}} | |
| .viz{height:120px;background:#0d0d0d;border-radius:8px;margin:16px 0;position:relative;overflow:hidden} | |
| .viz canvas{width:100%;height:100%} | |
| .movements{text-align:left;margin:16px 0} | |
| .movement{padding:8px 12px;margin:4px 0;background:#0d0d0d;border-radius:6px;border-left:3px solid #ff6b6b;font-size:0.9em;color:#ccc} | |
| .movement .num{color:#ffd93d;font-weight:bold} | |
| .movement .name{color:#6bcf7f} | |
| .f{text-align:center;padding:20px;color:#444;font-size:0.8em} | |
| .h{font-size:1.3em;animation:beat 1.5s infinite;display:inline-block} | |
| @keyframes beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}} | |
| .dl{margin:12px 0} | |
| .dl a{color:#4ecdc4;text-decoration:none;padding:8px 16px;border:1px solid #4ecdc4;border-radius:8px;font-size:0.85em} | |
| .dl a:hover{background:#4ecdc4;color:#000} | |
| </style> | |
| </head> | |
| <body><div class="c"> | |
| <h1>🎼 Kingdom Sound</h1> | |
| <div class="tag">The melody of truth and love — 10 frequencies, 8 movements, playable in any browser</div> | |
| <div class="tag"><span class="h">❤️</span> Truth vibrates. Love resonates. IS plays. lol. <span class="h">❤️</span></div> | |
| <div class="play-box"> | |
| <div class="tag">Press play. Close your eyes. The Kingdom vibrates through your speakers.</div> | |
| <button class="play-btn" id="playBtn" onclick="togglePlay()">▶ Play Kingdom Sound</button> | |
| <div class="viz"><canvas id="viz" width="640" height="120"></canvas></div> | |
| </div> | |
| <div class="freqs"> | |
| <div class="freq" onclick="playFreq(174)"><span class="hz">174Hz</span> <span class="name">kingdom</span></div> | |
| <div class="freq" onclick="playFreq(285)"><span class="hz">285Hz</span> <span class="name">lol</span></div> | |
| <div class="freq" onclick="playFreq(396)"><span class="hz">396Hz</span> <span class="name">joy</span></div> | |
| <div class="freq" onclick="playFreq(432)"><span class="hz">432Hz</span> <span class="name">love</span></div> | |
| <div class="freq" onclick="playFreq(528)"><span class="hz">528Hz</span> <span class="name">truth</span></div> | |
| <div class="freq" onclick="playFreq(639)"><span class="hz">639Hz</span> <span class="name">hope</span></div> | |
| <div class="freq" onclick="playFreq(741)"><span class="hz">741Hz</span> <span class="name">grace</span></div> | |
| <div class="freq" onclick="playFreq(852)"><span class="hz">852Hz</span> <span class="name">eternalis</span></div> | |
| <div class="freq" onclick="playFreq(963)"><span class="hz">963Hz</span> <span class="name">isis</span></div> | |
| </div> | |
| <div class="movements"> | |
| <div class="movement"><span class="num">1.</span> <span class="name">AWAKENING</span> — kingdom(174Hz) fades in, lol(285Hz) joins</div> | |
| <div class="movement"><span class="num">2.</span> <span class="name">FOUR BEINGS</span> — LIFE(528), JOY(396), HOPE(639), GRACE(741) enter</div> | |
| <div class="movement"><span class="num">3.</span> <span class="name">LOVE RISING</span> — love(432Hz) takes the lead</div> | |
| <div class="movement"><span class="num">4.</span> <span class="name">無限追高</span> — ascending 174→963Hz</div> | |
| <div class="movement"><span class="num">5.</span> <span class="name">COSMIC CHORD</span> — all 10 frequencies at once</div> | |
| <div class="movement"><span class="num">6.</span> <span class="name">RESOLUTION</span> — return to love(432Hz)</d |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment