forked from avi/signalelsewhere
Save point: Scene 4 expanded to 5 sub-scenes (4a-4e) with timeline, typewriter, visuals, NEXT buttons, Escape skip
This commit is contained in:
580
index.html
580
index.html
@@ -237,6 +237,179 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
margin-top: 2.4rem;
|
margin-top: 2.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Scene 4 sub-scenes */
|
||||||
|
.scene4sub {
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
padding: 1.5rem 2rem;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.scene4text {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
text-align: left;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 50rem;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.s4visual {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 50rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 1.2s ease;
|
||||||
|
}
|
||||||
|
.s4visual.visible { opacity: 1; }
|
||||||
|
|
||||||
|
/* Timeline */
|
||||||
|
.s4tl {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 50rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
border-bottom: 1px solid #003300;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 1s ease;
|
||||||
|
}
|
||||||
|
.s4tl.visible { opacity: 1; }
|
||||||
|
.tl-year {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #004400;
|
||||||
|
transition: color 0.8s ease;
|
||||||
|
cursor: default;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tl-year.active { color: #00ff00; }
|
||||||
|
.tl-year.dim { color: #007700; }
|
||||||
|
.tl-year::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -0.3rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #004400;
|
||||||
|
transition: background 0.8s ease;
|
||||||
|
}
|
||||||
|
.tl-year.active::after { background: #00ff00; box-shadow: 0 0 6px #00ff00; }
|
||||||
|
.tl-year.dim::after { background: #007700; }
|
||||||
|
|
||||||
|
/* NEXT button */
|
||||||
|
.btnNext {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 5;
|
||||||
|
padding: 0.8rem 2.5rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
background-color: #001100;
|
||||||
|
color: #00ff00;
|
||||||
|
border: 2px solid #00ff00;
|
||||||
|
cursor: pointer;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
transition: opacity 0.5s ease, background-color 0.2s ease;
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
.btnNext:hover { background-color: #003300; }
|
||||||
|
|
||||||
|
/* 69% Callout box */
|
||||||
|
.callout-box {
|
||||||
|
border: 2px solid #660000;
|
||||||
|
background: #1a0000;
|
||||||
|
color: #ff4444;
|
||||||
|
padding: 1.2rem 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 0 12px rgba(255,0,0,0.15);
|
||||||
|
animation: calloutPulse 2s infinite alternate;
|
||||||
|
}
|
||||||
|
@keyframes calloutPulse {
|
||||||
|
from { box-shadow: 0 0 8px rgba(255,0,0,0.1); }
|
||||||
|
to { box-shadow: 0 0 20px rgba(255,0,0,0.3); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Coin stack */
|
||||||
|
.coin-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(10, 1fr);
|
||||||
|
gap: 4px;
|
||||||
|
max-width: 30rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.coin {
|
||||||
|
aspect-ratio: 1;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid #004400;
|
||||||
|
background: #001100;
|
||||||
|
transition: background 0.5s ease, border-color 0.5s ease;
|
||||||
|
}
|
||||||
|
.coin.gold { background: #665500; border-color: #aa8800; }
|
||||||
|
|
||||||
|
/* Comparison table */
|
||||||
|
.comp-table {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 50rem;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
.comp-table th, .comp-table td {
|
||||||
|
border: 1px solid #003300;
|
||||||
|
padding: 0.6rem 1rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.comp-table th {
|
||||||
|
color: #00ff00;
|
||||||
|
border-bottom: 2px solid #00ff00;
|
||||||
|
}
|
||||||
|
.comp-table td:first-child {
|
||||||
|
text-align: left;
|
||||||
|
color: #00cc00;
|
||||||
|
}
|
||||||
|
.comp-table .yes { color: #ff4444; }
|
||||||
|
.comp-table .no { color: #44ff44; }
|
||||||
|
|
||||||
|
/* Punch cards */
|
||||||
|
.punch-row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 50rem;
|
||||||
|
}
|
||||||
|
.punch-card {
|
||||||
|
flex: 1;
|
||||||
|
border: 1px solid #003300;
|
||||||
|
padding: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
background: #000800;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.punch-card .punch-icon {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0.4rem;
|
||||||
|
}
|
||||||
|
.punch-card .punch-text {
|
||||||
|
color: #00ff00;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -275,15 +448,41 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="scene4" class="scene">
|
<!-- Scene 4 sub-scenes -->
|
||||||
<div id="scene4Text"></div>
|
<div id="scene4a" class="scene scene4sub">
|
||||||
|
<div class="s4tl"></div>
|
||||||
|
<div class="scene4text" id="s4aText"></div>
|
||||||
|
<div class="s4visual" id="s4aVisual"></div>
|
||||||
|
<button class="btnNext" id="next4a">NEXT</button>
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<div id="scene4e" class="scene scene4sub">
|
||||||
|
<div class="s4tl"></div>
|
||||||
|
<div class="scene4text" id="s4eText"></div>
|
||||||
|
<div class="s4visual" id="s4eVisual"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Testing shortcuts state
|
// Testing shortcuts state
|
||||||
let skipAnimations = false;
|
let skipAnimations = false;
|
||||||
let scene3TypewriterTimeouts = [];
|
let scene3TypewriterTimeouts = [];
|
||||||
let scene4TypewriterTimeouts = [];
|
|
||||||
|
|
||||||
// Canvas setup for Matrix rain
|
// Canvas setup for Matrix rain
|
||||||
const canvas = document.getElementById('matrixCanvas');
|
const canvas = document.getElementById('matrixCanvas');
|
||||||
@@ -687,82 +886,230 @@
|
|||||||
}, 30);
|
}, 30);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Scene 4 loader
|
// Scene 4 helpers
|
||||||
function loadScene4(sceneElem) {
|
function buildTimeline(tlElem, activeIdx) {
|
||||||
sceneElem.style.display = 'flex';
|
const years = ['1900', '1933', '1934', '1971', '2009'];
|
||||||
const text = document.getElementById('scene4Text');
|
tlElem.innerHTML = '';
|
||||||
text.innerHTML = '';
|
years.forEach((y, i) => {
|
||||||
text.style.visibility = 'visible';
|
const span = document.createElement('span');
|
||||||
let opacity = 0;
|
span.className = 'tl-year' + (i < activeIdx ? ' dim' : '') + (i === activeIdx ? ' active' : '');
|
||||||
const fadeIn = setInterval(() => {
|
span.textContent = y;
|
||||||
opacity += 0.05;
|
tlElem.appendChild(span);
|
||||||
if (opacity >= 1) {
|
});
|
||||||
opacity = 1;
|
tlElem.classList.add('visible');
|
||||||
clearInterval(fadeIn);
|
}
|
||||||
typeHtmlCalmly(text, "WHY DOES YOUR MONEY NEED TO BE DECENTRALIZED?", () => {
|
|
||||||
const t1 = setTimeout(() => {
|
function showNextBtn(id) {
|
||||||
text.innerHTML += "\n\n";
|
const btn = document.getElementById(id);
|
||||||
typeHtmlCalmly(text, "- APRIL 5, 1933 ", () => {
|
btn.style.visibility = 'visible';
|
||||||
const link2 = document.createElement('a');
|
let o = 0;
|
||||||
link2.href = 'https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/';
|
const fi = setInterval(() => {
|
||||||
link2.target = '_blank';
|
o += 0.05; if (o >= 1) { o = 1; clearInterval(fi); btn.style.pointerEvents = 'auto'; }
|
||||||
link2.textContent = 'ORDER 6102';
|
btn.style.opacity = o;
|
||||||
link2.style.cssText = 'text-decoration:underline;font-weight:bold;color:#00ff00';
|
|
||||||
text.appendChild(link2);
|
|
||||||
typeHtmlCalmly(text, " MADE IT ILLEGAL TO HOLD GOLD AND PEOPLE HAD TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS", () => {
|
|
||||||
text.innerHTML += "\n\n";
|
|
||||||
typeHtmlCalmly(text, "AFTER FORCING PEOPLE TO TURN IN THEIR GOLD, THE GOVERNMENT PASSED THE ", () => {
|
|
||||||
const link = document.createElement('a');
|
|
||||||
link.href = 'https://www.federalreservehistory.org/essays/gold-reserve-act';
|
|
||||||
link.target = '_blank';
|
|
||||||
link.textContent = 'THE 1934 GOLD RESERVE ACT';
|
|
||||||
link.style.cssText = 'text-decoration:underline;font-weight:bold;color:#00ff00';
|
|
||||||
text.appendChild(link);
|
|
||||||
typeHtmlCalmly(text, " AND GAVE THE U.S. TREASURY CONTROL OF THE GOLD.", () => {
|
|
||||||
text.innerHTML += "\n\n";
|
|
||||||
typeHtmlCalmly(text, "- PEOPLE WERE PAID $20.67/OZ, THE GOVT THEN REVALUED GOLD AND RAISED IT TO $35/OZ...", () => {
|
|
||||||
text.innerHTML += "\n\n";
|
|
||||||
typeHtmlCalmly(text, "THE DOLLAR BECAME WORTH LESS THAN THE GOLD IT WAS SUPPOSED TO REPRESENT", () => {
|
|
||||||
const t2 = setTimeout(() => {
|
|
||||||
text.innerHTML += "\n\n";
|
|
||||||
typeHtmlCalmly(text, "THE PAPER DOLLAR COULD STILL BE EXCHANGED FOR GOLD, BUT ON ", () => {
|
|
||||||
const nixonLink = document.createElement('a');
|
|
||||||
nixonLink.href = 'https://www.federalreservehistory.org/essays/gold-convertibility-ends';
|
|
||||||
nixonLink.target = '_blank';
|
|
||||||
nixonLink.textContent = '1971, PRESIDENT NIXON REMOVED THAT OPTION';
|
|
||||||
nixonLink.style.cssText = 'text-decoration:underline;font-weight:bold;color:#00ff00';
|
|
||||||
text.appendChild(nixonLink);
|
|
||||||
typeHtmlCalmly(text, ", THE PRICE OF GOLD SURGED TO $835-850/OZ", () => {
|
|
||||||
const t3 = setTimeout(() => {
|
|
||||||
text.innerHTML += "\n\n";
|
|
||||||
typeHtmlCalmly(text, "BITCOIN HAS BEEN CALLED ", () => {
|
|
||||||
const link = document.createElement('a');
|
|
||||||
link.href = 'https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/';
|
|
||||||
link.target = '_blank';
|
|
||||||
link.textContent = 'DIGITAL GOLD';
|
|
||||||
link.style.cssText = 'text-decoration:underline;font-weight:bold;color:#00ff00';
|
|
||||||
text.appendChild(link);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, 1000);
|
|
||||||
scene4TypewriterTimeouts.push(t3);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, 1000);
|
|
||||||
scene4TypewriterTimeouts.push(t2);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
scene4TypewriterTimeouts.push(t1);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}, 1000);
|
|
||||||
}, undefined, undefined, scene4TypewriterTimeouts);
|
|
||||||
}
|
|
||||||
sceneElem.style.opacity = opacity;
|
|
||||||
}, 30);
|
}, 30);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Scene 4a — HOOK + 1900 Gold Standard
|
||||||
|
function loadScene4a(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
sceneElem.style.display='flex';
|
||||||
|
const txt=sceneElem.querySelector('.scene4text');
|
||||||
|
const vis=sceneElem.querySelector('.s4visual');
|
||||||
|
const tl=sceneElem.querySelector('.s4tl');
|
||||||
|
txt.innerHTML='';
|
||||||
|
vis.className='s4visual';
|
||||||
|
let o=0;
|
||||||
|
const fi=setInterval(()=>{
|
||||||
|
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);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},1500);
|
||||||
|
s4c.push(t1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scene 4b — 1933 ORDER 6102
|
||||||
|
function loadScene4b(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
sceneElem.style.display='flex';
|
||||||
|
const txt=sceneElem.querySelector('.scene4text');
|
||||||
|
const vis=sceneElem.querySelector('.s4visual');
|
||||||
|
const tl=sceneElem.querySelector('.s4tl');
|
||||||
|
txt.innerHTML='';
|
||||||
|
vis.className='s4visual';
|
||||||
|
let o=0;
|
||||||
|
const fi=setInterval(()=>{
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildTimeline(tl,1);
|
||||||
|
typeHtmlCalmly(txt,"ON APRIL 5, 1933, ",()=>{
|
||||||
|
const link=document.createElement('a');
|
||||||
|
link.href='https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/';
|
||||||
|
link.target='_blank';
|
||||||
|
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');
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scene 4c — 1934 Gold Reserve Act + 69%
|
||||||
|
function loadScene4c(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
sceneElem.style.display='flex';
|
||||||
|
const txt=sceneElem.querySelector('.scene4text');
|
||||||
|
const vis=sceneElem.querySelector('.s4visual');
|
||||||
|
const tl=sceneElem.querySelector('.s4tl');
|
||||||
|
txt.innerHTML='';
|
||||||
|
vis.className='s4visual';
|
||||||
|
let o=0;
|
||||||
|
const fi=setInterval(()=>{
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildTimeline(tl,2);
|
||||||
|
typeHtmlCalmly(txt,"AFTER FORCING PEOPLE TO TURN IN THEIR GOLD, THE GOVERNMENT PASSED THE ",()=>{
|
||||||
|
const link=document.createElement('a');
|
||||||
|
link.href='https://www.federalreservehistory.org/essays/gold-reserve-act';
|
||||||
|
link.target='_blank';
|
||||||
|
link.textContent='THE 1934 GOLD RESERVE ACT';
|
||||||
|
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
|
||||||
|
txt.appendChild(link);
|
||||||
|
typeHtmlCalmly(txt," AND GAVE THE U.S. TREASURY CONTROL OF THE GOLD.",()=>{
|
||||||
|
const t1=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
typeHtmlCalmly(txt,"PEOPLE WERE PAID $20.67/OZ. THE GOVT THEN REVALUED GOLD TO $35/OZ.",()=>{
|
||||||
|
const t2=setTimeout(()=>{
|
||||||
|
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');
|
||||||
|
},800);
|
||||||
|
s4c.push(t2);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},1200);
|
||||||
|
s4c.push(t1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scene 4d — 1971 Nixon shock + coin visual
|
||||||
|
function loadScene4d(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
sceneElem.style.display='flex';
|
||||||
|
const txt=sceneElem.querySelector('.scene4text');
|
||||||
|
const vis=sceneElem.querySelector('.s4visual');
|
||||||
|
const tl=sceneElem.querySelector('.s4tl');
|
||||||
|
txt.innerHTML='';
|
||||||
|
vis.className='s4visual';
|
||||||
|
let o=0;
|
||||||
|
const fi=setInterval(()=>{
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildTimeline(tl,3);
|
||||||
|
typeHtmlCalmly(txt,"THE PAPER DOLLAR COULD STILL BE EXCHANGED FOR GOLD, BUT ON ",()=>{
|
||||||
|
const link=document.createElement('a');
|
||||||
|
link.href='https://www.federalreservehistory.org/essays/gold-convertibility-ends';
|
||||||
|
link.target='_blank';
|
||||||
|
link.textContent='1971, PRESIDENT NIXON REMOVED THAT OPTION';
|
||||||
|
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
|
||||||
|
txt.appendChild(link);
|
||||||
|
typeHtmlCalmly(txt,", THE PRICE OF GOLD SURGED TO $835-850/OZ.",()=>{
|
||||||
|
const t1=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
typeHtmlCalmly(txt,"THE DOLLAR LOST 96% OF ITS PURCHASING POWER AGAINST REAL MONEY.",()=>{
|
||||||
|
const t2=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\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">';
|
||||||
|
for(let i=0;i<100;i++){
|
||||||
|
const c=i<4?'gold':'';
|
||||||
|
html+='<div class="coin '+c+'"></div>';
|
||||||
|
}
|
||||||
|
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');
|
||||||
|
},800);
|
||||||
|
s4c.push(t2);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},1200);
|
||||||
|
s4c.push(t1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scene 4e — Bitcoin closing + comparison table + punch cards
|
||||||
|
function loadScene4e(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
sceneElem.style.display='flex';
|
||||||
|
const txt=sceneElem.querySelector('.scene4text');
|
||||||
|
const vis=sceneElem.querySelector('.s4visual');
|
||||||
|
const tl=sceneElem.querySelector('.s4tl');
|
||||||
|
txt.innerHTML='';
|
||||||
|
vis.className='s4visual';
|
||||||
|
let o=0;
|
||||||
|
const fi=setInterval(()=>{
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildTimeline(tl,4);
|
||||||
|
typeHtmlCalmly(txt,"BITCOIN HAS BEEN CALLED ",()=>{
|
||||||
|
const link=document.createElement('a');
|
||||||
|
link.href='https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/';
|
||||||
|
link.target='_blank';
|
||||||
|
link.textContent='DIGITAL GOLD';
|
||||||
|
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
|
||||||
|
txt.appendChild(link);
|
||||||
|
typeHtmlCalmly(txt,". BUT UNLIKE GOLD, NO ONE CAN TOUCH THIS.",()=>{
|
||||||
|
const t1=setTimeout(()=>{
|
||||||
|
vis.innerHTML=
|
||||||
|
'<table class="comp-table"><tr><th></th><th>GOLD</th><th>BITCOIN</th></tr>'
|
||||||
|
+'<tr><td>CONFISCATABLE?</td><td class="yes">✅ YES (1933)</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>PRINTABLE?</td><td class="no">❌ NO</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>CENSORABLE?</td><td class="yes">✅ YES</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>SUPPLY CAP?</td><td class="no">❌ NO</td><td class="yes">✅ 21M</td></tr>'
|
||||||
|
+'<tr><td>TRUST MODEL</td><td>GOVERNMENT</td><td>CODE</td></tr>'
|
||||||
|
+'</table>'
|
||||||
|
+'<div class="punch-row">'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO PRESIDENT<br>CAN BAN IT</span></div>'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO CONGRESS<br>CAN INFLATE IT</span></div>'
|
||||||
|
+'<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');
|
||||||
|
},1200);
|
||||||
|
s4c.push(t1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
|
let s4c = [];
|
||||||
|
|
||||||
// Initialize on load
|
// Initialize on load
|
||||||
window.addEventListener('load', () => {
|
window.addEventListener('load', () => {
|
||||||
setTimeout(crtFlicker, 1500);
|
setTimeout(crtFlicker, 1500);
|
||||||
@@ -774,7 +1121,23 @@
|
|||||||
transitionToScene('scene2', loadScene3, 'scene3');
|
transitionToScene('scene2', loadScene3, 'scene3');
|
||||||
});
|
});
|
||||||
document.getElementById('yourMoneyBtn').addEventListener('click', () => {
|
document.getElementById('yourMoneyBtn').addEventListener('click', () => {
|
||||||
transitionToScene('scene3', loadScene4, 'scene4');
|
transitionToScene('scene3', loadScene4a, 'scene4a');
|
||||||
|
});
|
||||||
|
document.getElementById('next4a').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4a').style.display = 'none';
|
||||||
|
loadScene4b(document.getElementById('scene4b'));
|
||||||
|
});
|
||||||
|
document.getElementById('next4b').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4b').style.display = 'none';
|
||||||
|
loadScene4c(document.getElementById('scene4c'));
|
||||||
|
});
|
||||||
|
document.getElementById('next4c').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4c').style.display = 'none';
|
||||||
|
loadScene4d(document.getElementById('scene4d'));
|
||||||
|
});
|
||||||
|
document.getElementById('next4d').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4d').style.display = 'none';
|
||||||
|
loadScene4e(document.getElementById('scene4e'));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -828,19 +1191,56 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Scene 4 skip (money text)
|
// Scene 4 skip (sub-scenes 4a-4e)
|
||||||
const scene4 = document.getElementById('scene4');
|
const s4ids = ['scene4a','scene4b','scene4c','scene4d','scene4e'];
|
||||||
if (scene4.style.display === 'flex') {
|
for (let si=0; si<s4ids.length; si++) {
|
||||||
scene4TypewriterTimeouts.forEach(t => clearTimeout(t));
|
const s4 = document.getElementById(s4ids[si]);
|
||||||
scene4TypewriterTimeouts = [];
|
if (s4.style.display === 'flex') {
|
||||||
document.getElementById('scene4Text').innerHTML =
|
s4c.forEach(t => clearTimeout(t)); s4c = [];
|
||||||
"WHY DOES YOUR MONEY NEED TO BE DECENTRALIZED?\n\n"
|
const txt = s4.querySelector('.scene4text');
|
||||||
+ '- 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 ILLEGAL TO HOLD GOLD AND PEOPLE HAD TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS\n\n'
|
const tl = s4.querySelector('.s4tl');
|
||||||
+ '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\n'
|
buildTimeline(tl, si);
|
||||||
+ "- PEOPLE WERE PAID $20.67/OZ, THE GOVT THEN REVALUED GOLD AND RAISED IT TO $35/OZ...\n\n"
|
if (si===0) {
|
||||||
+ "THE DOLLAR BECAME WORTH LESS THAN THE GOLD IT WAS SUPPOSED TO REPRESENT\n\n"
|
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>";
|
||||||
+ '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\n'
|
document.getElementById('next4a').style.cssText = '';
|
||||||
+ '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>';
|
showNextBtn('next4a');
|
||||||
|
} 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.";
|
||||||
|
document.getElementById('next4b').style.cssText = '';
|
||||||
|
showNextBtn('next4b');
|
||||||
|
} 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');
|
||||||
|
} 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">';
|
||||||
|
for(let i=0;i<100;i++) html+='<div class="coin '+(i<4?'gold':'')+'"></div>';
|
||||||
|
html+='</div><div style="text-align:center;margin-top:0.5rem;font-size:0.75rem;color:#00ff00;">~96% PURCHASING POWER LOST</div>';
|
||||||
|
s4.querySelector('.s4visual').innerHTML=html;
|
||||||
|
s4.querySelector('.s4visual').classList.add('visible');
|
||||||
|
document.getElementById('next4d').style.cssText = '';
|
||||||
|
showNextBtn('next4d');
|
||||||
|
} 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=
|
||||||
|
'<table class="comp-table"><tr><th></th><th>GOLD</th><th>BITCOIN</th></tr>'
|
||||||
|
+'<tr><td>CONFISCATABLE?</td><td class="yes">✅ YES (1933)</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>PRINTABLE?</td><td class="no">❌ NO</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>CENSORABLE?</td><td class="yes">✅ YES</td><td class="no">❌ NO</td></tr>'
|
||||||
|
+'<tr><td>SUPPLY CAP?</td><td class="no">❌ NO</td><td class="yes">✅ 21M</td></tr>'
|
||||||
|
+'<tr><td>TRUST MODEL</td><td>GOVERNMENT</td><td>CODE</td></tr>'
|
||||||
|
+'</table>'
|
||||||
|
+'<div class="punch-row">'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO PRESIDENT<br>CAN BAN IT</span></div>'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO CONGRESS<br>CAN INFLATE IT</span></div>'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">🚫</span><span class="punch-text">NO BANK<br>CAN FREEZE IT</span></div>'
|
||||||
|
+'</div>';
|
||||||
|
s4.querySelector('.s4visual').classList.add('visible');
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user