Save point: Scene 4 Nixon paragraph + DIGITAL GOLD hyperlink, Escape skip for scenes 3-4
This commit is contained in:
202
index.html
202
index.html
@@ -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') {
|
||||||
|
|||||||
Reference in New Issue
Block a user