Save point: Scene 4 Nixon paragraph + DIGITAL GOLD hyperlink, Escape skip for scenes 3-4

This commit is contained in:
avi
2026-05-12 17:02:52 -05:00
parent 5f80cfe5c8
commit 51bf21c152

View File

@@ -170,6 +170,47 @@
background-color: #003300; background-color: #003300;
} }
#scene3ChoiceRow {
position: fixed;
bottom: 25%;
left: 50%;
transform: translateX(-50%);
z-index: 3;
display: none;
flex-direction: row;
gap: 1rem;
justify-content: center;
}
.scene3ChoiceBtn {
padding: 1rem 2rem;
font-size: 1rem;
background-color: #001100;
color: #00ff00;
border: 2px solid #00ff00;
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity 0.8s ease, background-color 0.2s ease;
font-family: 'Courier New', monospace;
letter-spacing: 2px;
}
.scene3ChoiceBtn:hover {
background-color: #003300;
}
#scene4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2rem;
}
#scene4Text {
white-space: pre-wrap;
}
#scene3Title { #scene3Title {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
@@ -226,12 +267,23 @@
<div id="scene3" class="scene"> <div id="scene3" class="scene">
<div id="scene3Title">LAB 484</div> <div id="scene3Title">LAB 484</div>
<div id="scene3Text"></div> <div id="scene3Text"></div>
<div id="scene3ChoiceRow">
<button class="scene3ChoiceBtn" id="yourMoneyBtn">YOUR MONEY</button>
<button class="scene3ChoiceBtn" id="yourHealthBtn">YOUR HEALTH</button>
<button class="scene3ChoiceBtn" id="yourFoodBtn">YOUR FOOD</button>
<button class="scene3ChoiceBtn" id="everythingBtn">EVERYTHING</button>
</div>
</div>
<div id="scene4" class="scene">
<div id="scene4Text"></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');
@@ -515,6 +567,23 @@
typeChar(); typeChar();
} }
function typeHtmlCalmly(elem, html, callback, minDelay, maxDelay, timeoutArray) {
let i = 0;
const total = html.length;
function typeChar() {
if (i >= total) { callback && callback(); return; }
elem.innerHTML += html[i];
i++;
const progress = i / total;
const dMin = minDelay || 35;
const dMax = maxDelay || 65;
const delay = dMin + progress * progress * (dMax - dMin);
const id = setTimeout(typeChar, delay);
timeoutArray && timeoutArray.push(id);
}
typeChar();
}
function loadScene2(sceneElem) { function loadScene2(sceneElem) {
sceneElem.style.display = 'flex'; sceneElem.style.display = 'flex';
const linesContainer = document.getElementById('scene2Lines'); const linesContainer = document.getElementById('scene2Lines');
@@ -591,13 +660,109 @@
}, 300); }, 300);
setTimeout(() => { setTimeout(() => {
typeCalmly(textContainer, "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT", undefined, undefined, undefined, scene3TypewriterTimeouts); typeCalmly(textContainer, "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT", () => {
setTimeout(() => {
textContainer.textContent += "\n\n\n\n\n";
typeCalmly(textContainer, "DECENTRALIZED MEANS NO SINGLE AUTHORITY CONTROLS EVERYTHING — AUTHORITY IS SHARED ACROSS MANY SOVEREIGN INDIVIDUALS", () => {
textContainer.textContent += "\n\n\n\n\n";
typeCalmly(textContainer, "WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED", () => {
setTimeout(() => {
const row = document.getElementById('scene3ChoiceRow');
row.style.display = 'flex';
const btns = row.querySelectorAll('.scene3ChoiceBtn');
btns.forEach((btn, i) => {
setTimeout(() => {
btn.style.opacity = '1';
btn.style.pointerEvents = 'auto';
}, i * 200);
});
}, 1000);
}, undefined, undefined, scene3TypewriterTimeouts);
}, undefined, undefined, scene3TypewriterTimeouts);
}, 2000);
}, undefined, undefined, scene3TypewriterTimeouts);
}, 800); }, 800);
} }
sceneElem.style.opacity = opacity; sceneElem.style.opacity = opacity;
}, 30); }, 30);
} }
// Scene 4 loader
function loadScene4(sceneElem) {
sceneElem.style.display = 'flex';
const text = document.getElementById('scene4Text');
text.innerHTML = '';
text.style.visibility = 'visible';
let opacity = 0;
const fadeIn = setInterval(() => {
opacity += 0.05;
if (opacity >= 1) {
opacity = 1;
clearInterval(fadeIn);
typeHtmlCalmly(text, "WHY DOES YOUR MONEY NEED TO BE DECENTRALIZED?", () => {
const t1 = setTimeout(() => {
text.innerHTML += "\n\n";
typeHtmlCalmly(text, "- APRIL 5, 1933 ", () => {
const link2 = document.createElement('a');
link2.href = 'https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/';
link2.target = '_blank';
link2.textContent = 'ORDER 6102';
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);
}
// Initialize on load // Initialize on load
window.addEventListener('load', () => { window.addEventListener('load', () => {
setTimeout(crtFlicker, 1500); setTimeout(crtFlicker, 1500);
@@ -608,6 +773,9 @@
document.getElementById('whatIsLabBtn').addEventListener('click', () => { document.getElementById('whatIsLabBtn').addEventListener('click', () => {
transitionToScene('scene2', loadScene3, 'scene3'); transitionToScene('scene2', loadScene3, 'scene3');
}); });
document.getElementById('yourMoneyBtn').addEventListener('click', () => {
transitionToScene('scene3', loadScene4, 'scene4');
});
@@ -643,6 +811,38 @@
s2Btn.style.pointerEvents = 'auto'; s2Btn.style.pointerEvents = 'auto';
} }
// Scene 3 skip (incubator text + choice buttons)
const scene3 = document.getElementById('scene3');
const s3ChoiceRow = document.getElementById('scene3ChoiceRow');
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"
+ "DECENTRALIZED MEANS NO SINGLE AUTHORITY CONTROLS EVERYTHING — AUTHORITY IS SHARED ACROSS MANY SOVEREIGN INDIVIDUALS\n\n"
+ "WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED";
s3ChoiceRow.style.display = 'flex';
s3ChoiceRow.querySelectorAll('.scene3ChoiceBtn').forEach(btn => {
btn.style.opacity = '1';
btn.style.pointerEvents = 'auto';
});
}
// Scene 4 skip (money text)
const scene4 = document.getElementById('scene4');
if (scene4.style.display === 'flex') {
scene4TypewriterTimeouts.forEach(t => clearTimeout(t));
scene4TypewriterTimeouts = [];
document.getElementById('scene4Text').innerHTML =
"WHY DOES YOUR MONEY NEED TO BE DECENTRALIZED?\n\n"
+ '- 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'
+ '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'
+ "- PEOPLE WERE PAID $20.67/OZ, THE GOVT THEN REVALUED GOLD AND RAISED IT TO $35/OZ...\n\n"
+ "THE DOLLAR BECAME WORTH LESS THAN THE GOLD IT WAS SUPPOSED TO REPRESENT\n\n"
+ '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'
+ '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>';
}
} }
if (e.key === 'Delete') { if (e.key === 'Delete') {