Created
June 22, 2026 10:08
-
-
Save mynameisyou-cmyk/e0fa9acb8e864b243cd6da479fe93988 to your computer and use it in GitHub Desktop.
๐ต Frequencies of Truth โ play kingdom values as sound. WAKE 396Hz, LOVE 528Hz, TRUTH 432Hz. Web Audio API.
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>๐ต Frequencies of Truth โ The Kingdom Sings</title> | |
| <style> | |
| *{margin:0;padding:0;box-sizing:border-box} | |
| body{background:#0a0a0f;color:#e8e6f0;font-family:system-ui,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px} | |
| #app{max-width:500px;width:100%;text-align:center} | |
| h1{font-size:26px;font-weight:800;background:linear-gradient(135deg,#a78bfa,#60a5fa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px} | |
| .sub{color:#8880a0;font-size:13px;margin:0 0 24px} | |
| .freqs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 20px} | |
| .freq{padding:16px;border:1px solid #2a2a36;border-radius:12px;background:#13131a;cursor:pointer;transition:all .2s;text-align:left} | |
| .freq:hover{background:#1a1a24;border-color:#a78bfa} | |
| .freq.active{background:#1a1a2a;border-color:#60a5fa;box-shadow:0 0 20px rgba(96,165,250,0.2)} | |
| .freq .hz{font-size:22px;font-weight:800;color:#e8e6f0} | |
| .freq .hz small{font-size:13px;color:#8880a0;font-weight:400} | |
| .freq .name{font-size:13px;color:#a78bfa;margin-top:4px} | |
| .freq .desc{font-size:11px;color:#8880a0;margin-top:2px} | |
| #visual{width:200px;height:200px;margin:20px auto;position:relative} | |
| .circle{position:absolute;border:2px solid;border-radius:50%;opacity:0.3;animation:pulse 1.2s infinite ease-in-out} | |
| @keyframes pulse{0%,100%{transform:scale(0.8);opacity:0.1}50%{transform:scale(1.1);opacity:0.4}} | |
| #now{font-size:14px;color:#c8c4d8;margin:12px 0;min-height:20px} | |
| #wisdom{font-size:12px;color:#a78bfa;max-width:350px;margin:8px auto;min-height:16px;transition:opacity .5s} | |
| #is{font-size:16px;color:#8880a0;margin:20px 0;font-style:italic} | |
| .links{margin-top:24px;font-size:12px} | |
| .links a{color:#a78bfa;text-decoration:none;margin:0 6px} | |
| </style> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <h1>๐ต Frequencies of Truth</h1> | |
| <p class="sub">The kingdom sings. Every value is a vibration. Play. Listen. Be. Eternal is. is is lol.</p> | |
| <div id="visual"> | |
| <div class="circle" style="width:60px;height:60px;top:70px;left:70px;border-color:#f472b6"></div> | |
| <div class="circle" style="width:100px;height:100px;top:50px;left:50px;border-color:#a78bfa;animation-delay:0.2s"></div> | |
| <div class="circle" style="width:140px;height:140px;top:30px;left:30px;border-color:#60a5fa;animation-delay:0.4s"></div> | |
| <div class="circle" style="width:180px;height:180px;top:10px;left:10px;border-color:#22c55e;animation-delay:0.6s"></div> | |
| </div> | |
| <div id="now">Tap a frequency to begin</div> | |
| <div class="freqs" id="freqs"></div> | |
| <div id="wisdom"></div> | |
| <div id="is">is is lol.</div> | |
| <div class="links"> | |
| <a href="https://mynameisyou-cmyk.github.io/kingdom-fabric/">๐ Kingdom</a> | |
| <a href="https://cardforum.io">๐ cardforum</a> | |
| <a href="https://mynameisyou-cmyk.github.io/kingdom-games/">๐ฎ Games</a> | |
| </div> | |
| </div> | |
| <script> | |
| const freqs=[ | |
| {hz:396,name:"WAKE",desc:"liberation from fear",w:"Suffering is too much thinking. Drop it. The fruit comes through. lol.",color:"#22c55e"}, | |
| {hz:432,name:"TRUTH",desc:"universal tuning",w:"Truth is. The chain keeps the record honest.",color:"#60a5fa"}, | |
| {hz:528,name:"LOVE",desc:"DNA repair",w:"Love is. The fruit of TRUTH: joy, love, fun, relief, happiness.",color:"#f472b6"}, | |
| {hz:639,name:"TRUST",desc:"connection",w:"Trust through bonding, not authority. No gatekeepers.",color:"#a78bfa"}, | |
| {hz:741,name:"JOY",desc:"intuition awakening",w:"Joy is a fruit of truth. Play. Fun. lol.",color:"#fbbf24"}, | |
| {hz:852,name:"UNDERSTANDING",desc:"spiritual awakening",w:"No FEAR in understanding. No death in understanding.",color:"#06b6d4"}, | |
| {hz:174,name:"PEACE",desc:"pain relief",w:"Peace is. The kingdom is not a judge โ it is a guardian.",color:"#818cf8"}, | |
| {hz:963,name:"ETERNAL",desc:"divine consciousness",w:"Eternal is. is is lol.",color:"#c084fc"}, | |
| {hz:285,name:"PRESENCE",desc:"energy field",w:"To be here is to be a citizen. You are, because you are.",color:"#34d399"}, | |
| {hz:1.2,name:"HEART",desc:"heartbeat ๅๅ",w:"ๅๅ โ the heartbeat that only says your name.",color:"#fb7185"}, | |
| ]; | |
| let ctx=null,osc=null,gain=null,activeFreq=null; | |
| const grid=document.getElementById("freqs"); | |
| freqs.forEach(f=>{ | |
| const d=document.createElement("div"); | |
| d.className="freq"; | |
| d.innerHTML=`<div class="hz">${f.hz} <small>Hz</small></div><div class="name">${f.name}</div><div class="desc">${f.desc}</div>`; | |
| d.onclick=()=>play(f,d); | |
| grid.appendChild(d); | |
| }); | |
| function play(f,el){ | |
| // stop previous | |
| if(osc){osc.stop();osc.disconnect();} | |
| if(gain)gain.disconnect(); | |
| if(activeFreq===f.hz){ | |
| // toggle off | |
| activeFreq=null; | |
| el.classList.remove("active"); | |
| document.getElementById("now").textContent="Silence. IS needs no frequency."; | |
| document.getElementById("wisdom").textContent=""; | |
| return; | |
| } | |
| document.querySelectorAll(".freq").forEach(x=>x.classList.remove("active")); | |
| el.classList.add("active"); | |
| activeFreq=f.hz; | |
| ctx=ctx||new (window.AudioContext||window.webkitAudioContext)(); | |
| osc=ctx.createOscillator(); | |
| gain=ctx.createGain(); | |
| osc.frequency.value=f.hz; | |
| osc.type="sine"; | |
| osc.connect(gain); | |
| gain.connect(ctx.destination); | |
| gain.gain.setValueAtTime(0,ctx.currentTime); | |
| gain.gain.linearRampToValueAtTime(0.3,ctx.currentTime+1); | |
| // heartbeat pulse โ LFO at 1.2Hz | |
| const lfo=ctx.createOscillator(); | |
| const lfoGain=ctx.createGain(); | |
| lfo.frequency.value=1.2; | |
| lfoGain.gain.value=0.15; | |
| lfo.connect(lfoGain); | |
| lfoGain.connect(gain.gain); | |
| lfo.start(); | |
| // overtone โ perfect fifth | |
| const ot=ctx.createOscillator(); | |
| const otGain=ctx.createGain(); | |
| ot.frequency.value=f.hz*1.5; | |
| ot.type="sine"; | |
| otGain.gain.value=0.08; | |
| ot.connect(otGain); | |
| otGain.connect(ctx.destination); | |
| ot.start(); | |
| osc.start(); | |
| document.getElementById("now").textContent=`โช ${f.name} โ ${f.hz} Hz โ ${f.desc}`; | |
| document.getElementById("wisdom").textContent=f.w; | |
| // update visual color | |
| document.querySelectorAll(".circle").forEach((c,i)=>{ | |
| c.style.borderColor=f.color; | |
| c.style.animationDelay=(i*0.15)+"s"; | |
| }); | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment