From a14841d2d99f4206ea25fd57c4f096d8a6d1bc69 Mon Sep 17 00:00:00 2001 From: avi Date: Thu, 14 May 2026 13:42:42 -0500 Subject: [PATCH] Save point: SOURCES buttons for money/gold scenes (4a-4e, 5), sceneRefs overlay with 5 gold citations, scene 3 intro typewriter centered, scene 4a/4b typewriter split, scene 3 text paths use innerHTML with centered div --- index.html | 132 ++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 91 insertions(+), 41 deletions(-) diff --git a/index.html b/index.html index aebd4a1..a068182 100644 --- a/index.html +++ b/index.html @@ -236,6 +236,7 @@ #scene3Text { white-space: pre-wrap; margin-top: 2.4rem; + width: 100%; } /* Scene 4 sub-scenes */ @@ -846,37 +847,55 @@
- +
+ + +
- +
+ + +
- +
+ + +
- +
+ + +
- +
+ + +
- +
+ + +
@@ -1367,7 +1386,7 @@ const tLine2 = setTimeout(() => { const line2 = document.createElement('div'); line2.textContent = "WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED"; - line2.style.cssText = 'opacity:0;transition:opacity 1.5s ease;margin-top:5.5rem;margin-bottom:2rem;text-align:center;'; + line2.style.cssText = 'opacity:0;transition:opacity 1.5s ease;margin-top:11rem;margin-bottom:2rem;display:flex;justify-content:center;width:100%;'; textContainer.appendChild(line2); const t2 = setTimeout(() => line2.style.opacity = '1', 50); scene3TypewriterTimeouts.push(t2); @@ -1428,24 +1447,29 @@ if (sceneElem.style.display !== 'flex' || document.getElementById('next4a').style.visibility === 'visible') { clearInterval(fi); return; } o+=0.05;if(o>=1){o=1;clearInterval(fi); buildTimeline(tl,0); - typeHtmlCalmly(txt,"IMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS. THAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.",()=>{ - const t1=setTimeout(()=>{ - txt.innerHTML+="\n\n"; - typeHtmlCalmly(txt,"IN 1900, THE GOLD STANDARD ACT WAS PASSED. EVERY DOLLAR WAS BACKED BY GOLD — REAL, TANGIBLE, TRUSTWORTHY. ",()=>{ - const span=document.createElement('span'); - txt.appendChild(span); - typeHtmlCalmly(span,"THE GOLD STANDARD ACT OF 1900",()=>{ - const link=document.createElement('a'); - link.href='https://www.gold.org/sites/default/files/documents/1900mar14.pdf'; - link.target='_blank'; - link.textContent=span.textContent; - link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00'; - span.replaceWith(link); - showNextBtn('next4a'); - },undefined,undefined,s4c); + typeHtmlCalmly(txt,"IMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS.",()=>{ + const tWait=setTimeout(()=>{ + typeHtmlCalmly(txt,"\n\nTHAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.",()=>{ + const t1=setTimeout(()=>{ + txt.innerHTML+="\n\n"; + typeHtmlCalmly(txt,"IN 1900, THE GOLD STANDARD ACT WAS PASSED. EVERY DOLLAR WAS BACKED BY GOLD — REAL, TANGIBLE, TRUSTWORTHY. ",()=>{ + const span=document.createElement('span'); + txt.appendChild(span); + typeHtmlCalmly(span,"THE GOLD STANDARD ACT OF 1900",()=>{ + const link=document.createElement('a'); + link.href='https://www.gold.org/sites/default/files/documents/1900mar14.pdf'; + link.target='_blank'; + link.textContent=span.textContent; + link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00'; + span.replaceWith(link); + showNextBtn('next4a');showNextBtn('sources4a'); + },undefined,undefined,s4c); + },undefined,undefined,s4c); + },1500); + s4c.push(t1); },undefined,undefined,s4c); - },1500); - s4c.push(t1); + },1000); + s4c.push(tWait); },undefined,undefined,s4c); } sceneElem.style.opacity=o; @@ -1473,8 +1497,10 @@ link.textContent='ORDER 6102'; link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00'; txt.appendChild(link); - typeHtmlCalmly(txt," MADE IT A CRIME TO HOLD GOLD. CITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.",()=>{ - showNextBtn('next4b'); + typeHtmlCalmly(txt," MADE IT A CRIME TO HOLD GOLD.",()=>{ + typeHtmlCalmly(txt,"\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.",()=>{ + showNextBtn('next4b');showNextBtn('sources4b'); + },undefined,undefined,s4c); },undefined,undefined,s4c); },undefined,undefined,s4c); } @@ -1511,7 +1537,7 @@ txt.innerHTML+="\n\n"; vis.innerHTML='
⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠
'; vis.classList.add('visible'); - showNextBtn('next4c'); + showNextBtn('next4c');showNextBtn('sources4c'); },800); s4c.push(t2); },undefined,undefined,s4c); @@ -1559,7 +1585,7 @@ html+='
~96% PURCHASING POWER LOST
'; vis.innerHTML=html; vis.classList.add('visible'); - showNextBtn('next4d'); + showNextBtn('next4d');showNextBtn('sources4d'); },800); s4c.push(t2); },undefined,undefined,s4c); @@ -1609,7 +1635,7 @@ +'
🚫NO BANK
CAN FREEZE IT
' +''; vis.classList.add('visible'); - showNextBtn('next4e'); + showNextBtn('next4e');showNextBtn('sources4e'); },1200); s4c.push(t1); },undefined,undefined,s4c); @@ -1646,6 +1672,8 @@ const t6=setTimeout(()=>{ document.getElementById('returnFromScene5').style.cssText=''; showNextBtn('returnFromScene5'); + document.getElementById('sources5').style.cssText=''; + showNextBtn('sources5'); },400); s5c.push(t6); },8,20,s5c); @@ -3073,7 +3101,7 @@ s3.style.display = 'flex'; s3.style.opacity = '1'; document.getElementById('scene3Title').classList.add('visible'); - document.getElementById('scene3Text').textContent = "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT\n\n\n\n\nWE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED"; + document.getElementById('scene3Text').innerHTML = "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT







WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED
"; const row = document.getElementById('scene3ChoiceRow'); row.style.display = 'flex'; const btns = row.querySelectorAll('.scene3ChoiceBtn'); @@ -3089,6 +3117,14 @@ }, 500); }); + ['4a','4b','4c','4d','4e','5'].forEach(function(id){ + document.getElementById('sources'+id).addEventListener('click',function(){ + window.refsCaller='scene'+id; + document.getElementById('scene'+id).style.display='none'; + document.getElementById('sceneRefs').classList.add('visible'); + }); + }); + document.getElementById('goDesktopTech').addEventListener('click', () => { transitionToScene('scene6', loadScene7, 'scene7'); }); @@ -3106,7 +3142,7 @@ s3.style.display = 'flex'; s3.style.opacity = '1'; document.getElementById('scene3Title').classList.add('visible'); - document.getElementById('scene3Text').textContent = "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT\n\n\n\n\nWE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED"; + document.getElementById('scene3Text').innerHTML = "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT







WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED
"; const row = document.getElementById('scene3ChoiceRow'); row.style.display = 'flex'; const btns = row.querySelectorAll('.scene3ChoiceBtn'); @@ -3219,11 +3255,7 @@ const refsDiv = document.getElementById('sceneRefs'); if (refsDiv.classList.contains('visible')) { refsDiv.classList.remove('visible'); - if (refsCaller === 'scene7b') { - document.getElementById('scene7b').style.display = 'flex'; - } else if (refsCaller === 'scene8b') { - document.getElementById('scene8b').style.display = 'flex'; - } + var c=refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5')document.getElementById(c).style.display='flex'; refsCaller = null; return; } @@ -3265,8 +3297,8 @@ if (scene3.style.display === 'flex' && s3ChoiceRow.style.display !== 'flex') { scene3TypewriterTimeouts.forEach(t => clearTimeout(t)); scene3TypewriterTimeouts = []; - document.getElementById('scene3Text').textContent = - "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT\n\n\n\n\nWE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED"; + document.getElementById('scene3Text').innerHTML = + "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT







WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED
"; s3ChoiceRow.style.display = 'flex'; const btns3 = s3ChoiceRow.querySelectorAll('.scene3ChoiceBtn'); btns3.forEach(btn => { @@ -3291,19 +3323,25 @@ const tl = s4.querySelector('.s4tl'); buildTimeline(tl, si); if (si===0) { - txt.innerHTML = "IMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS. THAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.\n\nIN 1900, THE GOLD STANDARD ACT WAS PASSED. EVERY DOLLAR WAS BACKED BY GOLD — REAL, TANGIBLE, TRUSTWORTHY. THE GOLD STANDARD ACT OF 1900"; + txt.innerHTML = "IMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS.\n\nTHAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.\n\nIN 1900, THE GOLD STANDARD ACT WAS PASSED. EVERY DOLLAR WAS BACKED BY GOLD — REAL, TANGIBLE, TRUSTWORTHY. THE GOLD STANDARD ACT OF 1900"; document.getElementById('next4a').style.cssText = ''; showNextBtn('next4a'); + document.getElementById('sources4a').style.cssText = ''; + showNextBtn('sources4a'); } else if (si===1) { - txt.innerHTML = "ON APRIL 5, 1933, ORDER 6102 MADE IT A CRIME TO HOLD GOLD. CITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS."; + txt.innerHTML = "ON APRIL 5, 1933, ORDER 6102 MADE IT A CRIME TO HOLD GOLD.\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS."; document.getElementById('next4b').style.cssText = ''; showNextBtn('next4b'); + document.getElementById('sources4b').style.cssText = ''; + showNextBtn('sources4b'); } else if (si===2) { txt.innerHTML = "AFTER FORCING PEOPLE TO TURN IN THEIR GOLD, THE GOVERNMENT PASSED THE THE 1934 GOLD RESERVE ACT AND GAVE THE U.S. TREASURY CONTROL OF THE GOLD.\n\nPEOPLE WERE PAID $20.67/OZ. THE GOVT THEN REVALUED GOLD TO $35/OZ.\n\n"; s4.querySelector('.s4visual').innerHTML='
⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠
'; s4.querySelector('.s4visual').classList.add('visible'); document.getElementById('next4c').style.cssText = ''; showNextBtn('next4c'); + document.getElementById('sources4c').style.cssText = ''; + showNextBtn('sources4c'); } else if (si===3) { txt.innerHTML = "THE PAPER DOLLAR COULD STILL BE EXCHANGED FOR GOLD, BUT ON 1971, PRESIDENT NIXON REMOVED THAT OPTION, THE PRICE OF GOLD SURGED TO $835-850/OZ.\n\nTHE DOLLAR LOST 96% OF ITS PURCHASING POWER AGAINST REAL MONEY.\n\n"; let html='
VALUE OF $1 SINCE 1971
'; @@ -3313,6 +3351,8 @@ s4.querySelector('.s4visual').classList.add('visible'); document.getElementById('next4d').style.cssText = ''; showNextBtn('next4d'); + document.getElementById('sources4d').style.cssText = ''; + showNextBtn('sources4d'); } else if (si===4) { txt.innerHTML = "BITCOIN HAS BEEN CALLED DIGITAL GOLD. BUT UNLIKE GOLD, NO ONE CAN TOUCH THIS."; s4.querySelector('.s4visual').innerHTML= @@ -3331,6 +3371,8 @@ s4.querySelector('.s4visual').classList.add('visible'); document.getElementById('next4e').style.cssText = ''; showNextBtn('next4e'); + document.getElementById('sources4e').style.cssText = ''; + showNextBtn('sources4e'); } } } @@ -3357,6 +3399,8 @@ vis.classList.add('visible'); document.getElementById('returnFromScene5').style.cssText=''; showNextBtn('returnFromScene5'); + document.getElementById('sources5').style.cssText=''; + showNextBtn('sources5'); } // Scene 7 skip @@ -3459,6 +3503,7 @@ loadScene2(document.getElementById('scene2')); } }); + @@ -3476,8 +3521,13 @@
  • Apple Developer — App Tracking Transparency framework and user privacy controls.
  • Apple Support — macOS System Integrity Protection (SIP) overview.
  • Microsoft Learn — Windows privacy controls and data collection policies overview.
    • +
  • Gold Standard Act of 1900 (PDF), World Gold Council.
    • +
  • Executive Order 6102 — U.S. Money Reserve.
    • +
  • Gold Reserve Act of 1934 — Federal Reserve History.
    • +
  • Nixon Ends Gold Convertibility (1971) — Federal Reserve History.
    • +
  • U.S. Treasury Names Bitcoin 'Digital Gold' — Forbes.
    • -
    +