forked from avi/signalelsewhere
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
This commit is contained in:
132
index.html
132
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 @@
|
||||
<div class="s4tl"></div>
|
||||
<div class="scene4text" id="s4aText"></div>
|
||||
<div class="s4visual" id="s4aVisual"></div>
|
||||
<button class="btnNext" id="next4a">NEXT</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources4a">SOURCES</button>
|
||||
<button class="btnNext" id="next4a">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="scene4b" class="scene scene4sub">
|
||||
<div class="s4tl"></div>
|
||||
<div class="scene4text" id="s4bText"></div>
|
||||
<div class="s4visual" id="s4bVisual"></div>
|
||||
<button class="btnNext" id="next4b">NEXT</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources4b">SOURCES</button>
|
||||
<button class="btnNext" id="next4b">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="scene4c" class="scene scene4sub">
|
||||
<div class="s4tl"></div>
|
||||
<div class="scene4text" id="s4cText"></div>
|
||||
<div class="s4visual" id="s4cVisual"></div>
|
||||
<button class="btnNext" id="next4c">NEXT</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources4c">SOURCES</button>
|
||||
<button class="btnNext" id="next4c">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="scene4d" class="scene scene4sub">
|
||||
<div class="s4tl"></div>
|
||||
<div class="scene4text" id="s4dText"></div>
|
||||
<div class="s4visual" id="s4dVisual"></div>
|
||||
<button class="btnNext" id="next4d">NEXT</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources4d">SOURCES</button>
|
||||
<button class="btnNext" id="next4d">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="scene4e" class="scene scene4sub">
|
||||
<div class="s4tl"></div>
|
||||
<div class="scene4text" id="s4eText"></div>
|
||||
<div class="s4visual" id="s4eVisual"></div>
|
||||
<button class="btnNext" id="next4e">NEXT</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources4e">SOURCES</button>
|
||||
<button class="btnNext" id="next4e">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="scene5" class="scene">
|
||||
<div class="scene5text" id="s5Text"></div>
|
||||
<div class="s5visual" id="s5Visual"></div>
|
||||
<button class="btnNext" id="returnFromScene5">RETURN</button>
|
||||
<div class="btn-row">
|
||||
<button class="btnNext" id="sources5">SOURCES</button>
|
||||
<button class="btnNext" id="returnFromScene5">RETURN</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="scene6" class="scene" style="flex-direction:column;">
|
||||
@@ -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='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>';
|
||||
vis.classList.add('visible');
|
||||
showNextBtn('next4c');
|
||||
showNextBtn('next4c');showNextBtn('sources4c');
|
||||
},800);
|
||||
s4c.push(t2);
|
||||
},undefined,undefined,s4c);
|
||||
@@ -1559,7 +1585,7 @@
|
||||
html+='</div><div style="text-align:center;margin-top:0.5rem;font-size:0.75rem;color:#00ff00;">~96% PURCHASING POWER LOST</div>';
|
||||
vis.innerHTML=html;
|
||||
vis.classList.add('visible');
|
||||
showNextBtn('next4d');
|
||||
showNextBtn('next4d');showNextBtn('sources4d');
|
||||
},800);
|
||||
s4c.push(t2);
|
||||
},undefined,undefined,s4c);
|
||||
@@ -1609,7 +1635,7 @@
|
||||
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO BANK<br>CAN FREEZE IT</span></div>'
|
||||
+'</div>';
|
||||
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<br><br><br><br><br><br><br><br><div style=\"text-align:center\">WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED</div>";
|
||||
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<br><br><br><br><br><br><br><br><div style=\"text-align:center\">WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED</div>";
|
||||
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<br><br><br><br><br><br><br><br><div style=\"text-align:center\">WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED</div>";
|
||||
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. <a href=\"https://www.gold.org/sites/default/files/documents/1900mar14.pdf\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">THE GOLD STANDARD ACT OF 1900</a>";
|
||||
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. <a href=\"https://www.gold.org/sites/default/files/documents/1900mar14.pdf\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">THE GOLD STANDARD ACT OF 1900</a>";
|
||||
document.getElementById('next4a').style.cssText = '';
|
||||
showNextBtn('next4a');
|
||||
document.getElementById('sources4a').style.cssText = '';
|
||||
showNextBtn('sources4a');
|
||||
} else if (si===1) {
|
||||
txt.innerHTML = "ON APRIL 5, 1933, <a href=\"https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">ORDER 6102</a> 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, <a href=\"https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">ORDER 6102</a> 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 <a href=\"https://www.federalreservehistory.org/essays/gold-reserve-act\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">THE 1934 GOLD RESERVE ACT</a> 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='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>';
|
||||
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 <a href=\"https://www.federalreservehistory.org/essays/gold-convertibility-ends\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">1971, PRESIDENT NIXON REMOVED THAT OPTION</a>, 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='<div style="text-align:center;font-size:0.8rem;color:#007700;margin-bottom:0.5rem;">VALUE OF $1 SINCE 1971</div><div class="coin-grid">';
|
||||
@@ -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 <a href=\"https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">DIGITAL GOLD</a>. 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'));
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<!-- Scene Refs -->
|
||||
@@ -3476,8 +3521,13 @@
|
||||
<li><a href="https://developer.apple.com/app-store/user-privacy-and-data-use/" target="_blank">Apple Developer — App Tracking Transparency framework and user privacy controls.</a></li>
|
||||
<li><a href="https://support.apple.com/guide/mac-help/system-integrity-protection-mac-mh35976/mac" target="_blank">Apple Support — macOS System Integrity Protection (SIP) overview.</a></li>
|
||||
<li><a href="https://learn.microsoft.com/en-us/windows/privacy/" target="_blank">Microsoft Learn — Windows privacy controls and data collection policies overview.</a></li>
|
||||
<li><a href="https://www.gold.org/sites/default/files/documents/1900mar14.pdf" target="_blank">Gold Standard Act of 1900 (PDF), World Gold Council.</a></li>
|
||||
<li><a href="https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/" target="_blank">Executive Order 6102 — U.S. Money Reserve.</a></li>
|
||||
<li><a href="https://www.federalreservehistory.org/essays/gold-reserve-act" target="_blank">Gold Reserve Act of 1934 — Federal Reserve History.</a></li>
|
||||
<li><a href="https://www.federalreservehistory.org/essays/gold-convertibility-ends" target="_blank">Nixon Ends Gold Convertibility (1971) — Federal Reserve History.</a></li>
|
||||
<li><a href="https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/" target="_blank">U.S. Treasury Names Bitcoin 'Digital Gold' — Forbes.</a></li>
|
||||
</ol>
|
||||
<div class="refs-back"><button id="refsBackBtn" onclick="document.getElementById('sceneRefs').classList.remove('visible');if(window.refsCaller==='scene7b'){document.getElementById('scene7b').style.display='flex'}else if(window.refsCaller==='scene8b'){document.getElementById('scene8b').style.display='flex'};window.refsCaller=null;">BACK</button></div>
|
||||
<div class="refs-back"><button id="refsBackBtn" onclick="document.getElementById('sceneRefs').classList.remove('visible');var c=window.refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user