Save point: add scene4f (2026 Money) + scene10f (2026 Health), LAB buttons on all sub-scenes, returnToLab() refactor, fix duplicate scene4b-4f elements
This commit is contained in:
374
index.html
374
index.html
@@ -244,36 +244,30 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 8rem 2rem 1.5rem;
|
padding: 2rem 2rem 1rem;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
#sceneM4 {
|
#scene4a {
|
||||||
padding-top: 2rem;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
#sceneM4 .s4visual {
|
#sceneM4 .s4visual {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
#sceneD4 {
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
#sceneD4 .s4visual {
|
#sceneD4 .s4visual {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
#sceneI4 {
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
#sceneI4 .s4visual {
|
#sceneI4 .s4visual {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
#scene10e {
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
#scene10e .s4visual {
|
#scene10e .s4visual {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
#scene10e .btnNext {
|
#scene10e .btnNext {
|
||||||
padding: 0.4rem 2.5rem;
|
padding: 0.4rem 2.5rem;
|
||||||
}
|
}
|
||||||
|
#scene4f .s4visual {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
.scene4text {
|
.scene4text {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -284,7 +278,7 @@
|
|||||||
.s4visual {
|
.s4visual {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 50rem;
|
max-width: 50rem;
|
||||||
margin-top: 1.5rem;
|
margin-top: 1rem;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 1.2s ease;
|
transition: opacity 1.2s ease;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -303,7 +297,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 50rem;
|
max-width: 50rem;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1rem;
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
border-bottom: 1px solid #003300;
|
border-bottom: 1px solid #003300;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -371,6 +365,12 @@
|
|||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
}
|
}
|
||||||
.btnNext:hover { background-color: #003300; }
|
.btnNext:hover { background-color: #003300; }
|
||||||
|
.btnLab {
|
||||||
|
visibility: visible !important;
|
||||||
|
opacity: 0.5 !important;
|
||||||
|
pointer-events: auto !important;
|
||||||
|
}
|
||||||
|
.btnLab:hover { opacity: 1 !important; }
|
||||||
|
|
||||||
/* 69% Callout box */
|
/* 69% Callout box */
|
||||||
.callout-box {
|
.callout-box {
|
||||||
@@ -437,7 +437,7 @@
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 1.5rem;
|
margin-top: 1rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 50rem;
|
max-width: 50rem;
|
||||||
}
|
}
|
||||||
@@ -925,6 +925,7 @@
|
|||||||
<div class="btn-row">
|
<div class="btn-row">
|
||||||
<button class="btnNext" id="sources4a">SOURCES</button>
|
<button class="btnNext" id="sources4a">SOURCES</button>
|
||||||
<button class="btnNext" id="next4a">NEXT</button>
|
<button class="btnNext" id="next4a">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4a">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene4b" class="scene scene4sub">
|
<div id="scene4b" class="scene scene4sub">
|
||||||
@@ -935,6 +936,7 @@
|
|||||||
<button class="btnNext" id="sources4b">SOURCES</button>
|
<button class="btnNext" id="sources4b">SOURCES</button>
|
||||||
<button class="btnNext" id="back4b">BACK</button>
|
<button class="btnNext" id="back4b">BACK</button>
|
||||||
<button class="btnNext" id="next4b">NEXT</button>
|
<button class="btnNext" id="next4b">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4b">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene4c" class="scene scene4sub">
|
<div id="scene4c" class="scene scene4sub">
|
||||||
@@ -945,6 +947,7 @@
|
|||||||
<button class="btnNext" id="sources4c">SOURCES</button>
|
<button class="btnNext" id="sources4c">SOURCES</button>
|
||||||
<button class="btnNext" id="back4c">BACK</button>
|
<button class="btnNext" id="back4c">BACK</button>
|
||||||
<button class="btnNext" id="next4c">NEXT</button>
|
<button class="btnNext" id="next4c">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4c">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene4d" class="scene scene4sub">
|
<div id="scene4d" class="scene scene4sub">
|
||||||
@@ -955,6 +958,7 @@
|
|||||||
<button class="btnNext" id="sources4d">SOURCES</button>
|
<button class="btnNext" id="sources4d">SOURCES</button>
|
||||||
<button class="btnNext" id="back4d">BACK</button>
|
<button class="btnNext" id="back4d">BACK</button>
|
||||||
<button class="btnNext" id="next4d">NEXT</button>
|
<button class="btnNext" id="next4d">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4d">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene4e" class="scene scene4sub">
|
<div id="scene4e" class="scene scene4sub">
|
||||||
@@ -965,9 +969,20 @@
|
|||||||
<button class="btnNext" id="sources4e">SOURCES</button>
|
<button class="btnNext" id="sources4e">SOURCES</button>
|
||||||
<button class="btnNext" id="back4e">BACK</button>
|
<button class="btnNext" id="back4e">BACK</button>
|
||||||
<button class="btnNext" id="next4e">NEXT</button>
|
<button class="btnNext" id="next4e">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4e">LAB</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="scene4f" class="scene scene4sub">
|
||||||
|
<div class="s4tl"></div>
|
||||||
|
<div class="scene4text" id="s4fText"></div>
|
||||||
|
<div class="s4visual" id="s4fVisual"></div>
|
||||||
|
<div class="btn-row">
|
||||||
|
<button class="btnNext" id="sources4f">SOURCES</button>
|
||||||
|
<button class="btnNext" id="back4f">BACK</button>
|
||||||
|
<button class="btnNext" id="next4f">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom4f">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="scene5" class="scene">
|
<div id="scene5" class="scene">
|
||||||
<div class="scene5text" id="s5Text"></div>
|
<div class="scene5text" id="s5Text"></div>
|
||||||
<div class="s5visual" id="s5Visual"></div>
|
<div class="s5visual" id="s5Visual"></div>
|
||||||
@@ -1243,6 +1258,7 @@
|
|||||||
<div class="btn-row">
|
<div class="btn-row">
|
||||||
<button class="btnNext" id="sources10a">SOURCES</button>
|
<button class="btnNext" id="sources10a">SOURCES</button>
|
||||||
<button class="btnNext" id="next10a">NEXT</button>
|
<button class="btnNext" id="next10a">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10a">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene10b" class="scene scene4sub">
|
<div id="scene10b" class="scene scene4sub">
|
||||||
@@ -1253,6 +1269,7 @@
|
|||||||
<button class="btnNext" id="sources10b">SOURCES</button>
|
<button class="btnNext" id="sources10b">SOURCES</button>
|
||||||
<button class="btnNext" id="back10b">BACK</button>
|
<button class="btnNext" id="back10b">BACK</button>
|
||||||
<button class="btnNext" id="next10b">NEXT</button>
|
<button class="btnNext" id="next10b">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10b">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene10c" class="scene scene4sub">
|
<div id="scene10c" class="scene scene4sub">
|
||||||
@@ -1263,6 +1280,7 @@
|
|||||||
<button class="btnNext" id="sources10c">SOURCES</button>
|
<button class="btnNext" id="sources10c">SOURCES</button>
|
||||||
<button class="btnNext" id="back10c">BACK</button>
|
<button class="btnNext" id="back10c">BACK</button>
|
||||||
<button class="btnNext" id="next10c">NEXT</button>
|
<button class="btnNext" id="next10c">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10c">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene10d" class="scene scene4sub">
|
<div id="scene10d" class="scene scene4sub">
|
||||||
@@ -1273,6 +1291,7 @@
|
|||||||
<button class="btnNext" id="sources10d">SOURCES</button>
|
<button class="btnNext" id="sources10d">SOURCES</button>
|
||||||
<button class="btnNext" id="back10d">BACK</button>
|
<button class="btnNext" id="back10d">BACK</button>
|
||||||
<button class="btnNext" id="next10d">NEXT</button>
|
<button class="btnNext" id="next10d">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10d">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene10e" class="scene scene4sub">
|
<div id="scene10e" class="scene scene4sub">
|
||||||
@@ -1283,6 +1302,18 @@
|
|||||||
<button class="btnNext" id="sources10e">SOURCES</button>
|
<button class="btnNext" id="sources10e">SOURCES</button>
|
||||||
<button class="btnNext" id="back10e">BACK</button>
|
<button class="btnNext" id="back10e">BACK</button>
|
||||||
<button class="btnNext" id="next10e">NEXT</button>
|
<button class="btnNext" id="next10e">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10e">LAB</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="scene10f" class="scene scene4sub">
|
||||||
|
<div class="s4tl"></div>
|
||||||
|
<div class="scene4text" id="s10fText"></div>
|
||||||
|
<div class="s4visual" id="s10fVisual"></div>
|
||||||
|
<div class="btn-row">
|
||||||
|
<button class="btnNext" id="sources10f">SOURCES</button>
|
||||||
|
<button class="btnNext" id="back10f">BACK</button>
|
||||||
|
<button class="btnNext" id="next10f">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFrom10f">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="scene11" class="scene">
|
<div id="scene11" class="scene">
|
||||||
@@ -1302,6 +1333,7 @@
|
|||||||
<div class="btn-row">
|
<div class="btn-row">
|
||||||
<button class="btnNext" id="sourcesF1">SOURCES</button>
|
<button class="btnNext" id="sourcesF1">SOURCES</button>
|
||||||
<button class="btnNext" id="nextF1">NEXT</button>
|
<button class="btnNext" id="nextF1">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromF1">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneF2" class="scene scene4sub">
|
<div id="sceneF2" class="scene scene4sub">
|
||||||
@@ -1312,6 +1344,7 @@
|
|||||||
<button class="btnNext" id="sourcesF2">SOURCES</button>
|
<button class="btnNext" id="sourcesF2">SOURCES</button>
|
||||||
<button class="btnNext" id="backF2">BACK</button>
|
<button class="btnNext" id="backF2">BACK</button>
|
||||||
<button class="btnNext" id="nextF2">NEXT</button>
|
<button class="btnNext" id="nextF2">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromF2">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneF3" class="scene scene4sub">
|
<div id="sceneF3" class="scene scene4sub">
|
||||||
@@ -1322,6 +1355,7 @@
|
|||||||
<button class="btnNext" id="sourcesF3">SOURCES</button>
|
<button class="btnNext" id="sourcesF3">SOURCES</button>
|
||||||
<button class="btnNext" id="backF3">BACK</button>
|
<button class="btnNext" id="backF3">BACK</button>
|
||||||
<button class="btnNext" id="nextF3">NEXT</button>
|
<button class="btnNext" id="nextF3">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromF3">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneF4" class="scene scene4sub">
|
<div id="sceneF4" class="scene scene4sub">
|
||||||
@@ -1332,6 +1366,7 @@
|
|||||||
<button class="btnNext" id="sourcesF4">SOURCES</button>
|
<button class="btnNext" id="sourcesF4">SOURCES</button>
|
||||||
<button class="btnNext" id="backF4">BACK</button>
|
<button class="btnNext" id="backF4">BACK</button>
|
||||||
<button class="btnNext" id="nextF4">NEXT</button>
|
<button class="btnNext" id="nextF4">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromF4">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneF6" class="scene scene4sub">
|
<div id="sceneF6" class="scene scene4sub">
|
||||||
@@ -1342,6 +1377,7 @@
|
|||||||
<button class="btnNext" id="sourcesF6">SOURCES</button>
|
<button class="btnNext" id="sourcesF6">SOURCES</button>
|
||||||
<button class="btnNext" id="backF6">BACK</button>
|
<button class="btnNext" id="backF6">BACK</button>
|
||||||
<button class="btnNext" id="nextF6">NEXT</button>
|
<button class="btnNext" id="nextF6">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromF6">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneFoodSum" class="scene">
|
<div id="sceneFoodSum" class="scene">
|
||||||
@@ -1351,6 +1387,7 @@
|
|||||||
<button class="btnNext" id="sourcesFoodSum">SOURCES</button>
|
<button class="btnNext" id="sourcesFoodSum">SOURCES</button>
|
||||||
<button class="btnNext" id="backFoodSum">BACK</button>
|
<button class="btnNext" id="backFoodSum">BACK</button>
|
||||||
<button class="btnNext" id="nextFoodSum">NEXT</button>
|
<button class="btnNext" id="nextFoodSum">NEXT</button>
|
||||||
|
<button class="btnNext btnLab" id="returnFromFoodSum">LAB</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sceneFoodLinks" class="scene" style="flex-direction:column;">
|
<div id="sceneFoodLinks" class="scene" style="flex-direction:column;">
|
||||||
@@ -1793,7 +1830,7 @@
|
|||||||
|
|
||||||
// Scene 4 helpers
|
// Scene 4 helpers
|
||||||
function buildTimeline(tlElem, activeIdx) {
|
function buildTimeline(tlElem, activeIdx) {
|
||||||
const years = ['1900', '1933', '1934', '1971', '2009'];
|
const years = ['1900', '1933', '1934', '1971', '2009', '2026'];
|
||||||
tlElem.innerHTML = '';
|
tlElem.innerHTML = '';
|
||||||
years.forEach((y, i) => {
|
years.forEach((y, i) => {
|
||||||
const span = document.createElement('span');
|
const span = document.createElement('span');
|
||||||
@@ -1805,7 +1842,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function buildHTimeline(tlElem, activeIdx) {
|
function buildHTimeline(tlElem, activeIdx) {
|
||||||
const years = ['1910', '1938', '1965', '1973', '2010'];
|
const years = ['1910', '1938', '1965', '1973', '2010', '2026'];
|
||||||
tlElem.innerHTML = '';
|
tlElem.innerHTML = '';
|
||||||
years.forEach((y, i) => {
|
years.forEach((y, i) => {
|
||||||
const span = document.createElement('span');
|
const span = document.createElement('span');
|
||||||
@@ -1817,7 +1854,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function buildFTimeline(tlElem, activeIdx) {
|
function buildFTimeline(tlElem, activeIdx) {
|
||||||
const years = ['1906', '1947', '1970', '1996', '2010', '2026'];
|
const years = ['1906', '1947', '1970', '1996', '2026'];
|
||||||
tlElem.innerHTML = '';
|
tlElem.innerHTML = '';
|
||||||
years.forEach((y, i) => {
|
years.forEach((y, i) => {
|
||||||
const span = document.createElement('span');
|
const span = document.createElement('span');
|
||||||
@@ -1899,11 +1936,7 @@
|
|||||||
if (sceneElem.style.display !== 'flex' || document.getElementById('next4a').style.visibility === 'visible') { clearInterval(fi); return; }
|
if (sceneElem.style.display !== 'flex' || document.getElementById('next4a').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||||
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
buildTimeline(tl,0);
|
buildTimeline(tl,0);
|
||||||
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(()=>{
|
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. ",()=>{
|
typeHtmlCalmly(txt,"IN 1900, THE GOLD STANDARD ACT WAS PASSED. EVERY DOLLAR WAS BACKED BY GOLD — REAL, TANGIBLE, TRUSTWORTHY. ",()=>{
|
||||||
const span=document.createElement('span');
|
const span=document.createElement('span');
|
||||||
txt.appendChild(span);
|
txt.appendChild(span);
|
||||||
@@ -1919,10 +1952,6 @@
|
|||||||
},undefined,undefined,s4c);
|
},undefined,undefined,s4c);
|
||||||
},1500);
|
},1500);
|
||||||
s4c.push(t1);
|
s4c.push(t1);
|
||||||
},undefined,undefined,s4c);
|
|
||||||
},1000);
|
|
||||||
s4c.push(tWait);
|
|
||||||
},undefined,undefined,s4c);
|
|
||||||
}
|
}
|
||||||
sceneElem.style.opacity=o;
|
sceneElem.style.opacity=o;
|
||||||
},30);
|
},30);
|
||||||
@@ -1943,7 +1972,11 @@
|
|||||||
if (sceneElem.style.display !== 'flex' || document.getElementById('next4b').style.visibility === 'visible') { clearInterval(fi); return; }
|
if (sceneElem.style.display !== 'flex' || document.getElementById('next4b').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||||
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
buildTimeline(tl,1);
|
buildTimeline(tl,1);
|
||||||
typeHtmlCalmly(txt,"ON APRIL 5, 1933, ",()=>{
|
typeHtmlCalmly(txt,"\n\n\nIMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS.",()=>{
|
||||||
|
const tWait1=setTimeout(()=>{
|
||||||
|
typeHtmlCalmly(txt,"\n\nTHAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.",()=>{
|
||||||
|
const tWait2=setTimeout(()=>{
|
||||||
|
typeHtmlCalmly(txt,"\n\nON APRIL 5, 1933, ",()=>{
|
||||||
const link=document.createElement('a');
|
const link=document.createElement('a');
|
||||||
link.href='https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/';
|
link.href='https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/';
|
||||||
link.target='_blank';
|
link.target='_blank';
|
||||||
@@ -1956,6 +1989,12 @@
|
|||||||
},undefined,undefined,s4c);
|
},undefined,undefined,s4c);
|
||||||
},undefined,undefined,s4c);
|
},undefined,undefined,s4c);
|
||||||
},undefined,undefined,s4c);
|
},undefined,undefined,s4c);
|
||||||
|
},1000);
|
||||||
|
s4c.push(tWait2);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},1000);
|
||||||
|
s4c.push(tWait1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
}
|
}
|
||||||
sceneElem.style.opacity=o;
|
sceneElem.style.opacity=o;
|
||||||
},30);
|
},30);
|
||||||
@@ -2100,6 +2139,48 @@
|
|||||||
},30);
|
},30);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Scene 4f — 2026 The Present Money Frontier
|
||||||
|
function loadScene4f(sceneElem) {
|
||||||
|
s4c=[];
|
||||||
|
rstSceneBtns('scene4f');
|
||||||
|
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(()=>{
|
||||||
|
if (sceneElem.style.display !== 'flex' || document.getElementById('next4f').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildTimeline(tl,5);
|
||||||
|
typeHtmlCalmly(txt,"IN 2026, THE SOUND MONEY THESIS HAS BEEN VINDICATED.",()=>{
|
||||||
|
const t1=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
typeHtmlCalmly(txt,"BITCOIN ETFs WERE APPROVED IN JANUARY 2024 — WALL STREET FLOODED IN.\nBITCOIN HIT ALL-TIME HIGHS ABOVE $100,000. GOLD ALSO REACHED NEW RECORDS.",()=>{
|
||||||
|
const t2=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
let html='<table class="comp-table"><tr><th></th><th>2009</th><th>2026</th></tr>';
|
||||||
|
html+='<tr><td>BITCOIN PRICE</td><td>$0</td><td>$100K+</td></tr>';
|
||||||
|
html+='<tr><td>GOLD PRICE</td><td>$900/OZ</td><td>$3,000+/OZ</td></tr>';
|
||||||
|
html+='<tr><td>US DEBT</td><td>$11.9T</td><td>$35T+</td></tr>';
|
||||||
|
html+='<tr><td>BTC ADOPTION</td><td>NONE</td><td>ETFs, NATIONS, FORTUNE 500</td></tr>';
|
||||||
|
html+='<tr><td>GOLD CONFISCATION RISK</td><td>LOW</td><td>REAL (CBDCs RISING)</td></tr>';
|
||||||
|
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">🟠</span><span class="punch-text">BTC $100K+<br>WALL STREET OWNS IT</span></div><div class="punch-card"><span class="punch-icon">🥇</span><span class="punch-text">GOLD $3K+<br>STILL THE SAFE HAVEN</span></div><div class="punch-card"><span class="punch-icon">📉</span><span class="punch-text">DOLLAR DOWN<br>70% SINCE 2000</span></div></div>';
|
||||||
|
vis.innerHTML=html;
|
||||||
|
vis.classList.add('visible');
|
||||||
|
showNextBtn('next4f');showNextBtn('sources4f');showNextBtn('back4f');
|
||||||
|
},800);
|
||||||
|
s4c.push(t2);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
},1200);
|
||||||
|
s4c.push(t1);
|
||||||
|
},undefined,undefined,s4c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
// Scene 5 — BTC vs. Altcoins comparison
|
// Scene 5 — BTC vs. Altcoins comparison
|
||||||
function loadScene5(sceneElem) {
|
function loadScene5(sceneElem) {
|
||||||
s5c=[];
|
s5c=[];
|
||||||
@@ -2398,6 +2479,54 @@
|
|||||||
},30);
|
},30);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Scene 10f — 2026 The Present Health Frontier
|
||||||
|
function loadScene10f(sceneElem) {
|
||||||
|
h10c=[];
|
||||||
|
rstSceneBtns('scene10f');
|
||||||
|
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(()=>{
|
||||||
|
if (sceneElem.style.display !== 'flex' || document.getElementById('next10f').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||||
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
|
buildHTimeline(tl,5);
|
||||||
|
typeHtmlCalmly(txt,"IN 2026, THE DECENTRALIZED HEALTH MOVEMENT IS NO LONGER EMERGING — IT IS HERE.",()=>{
|
||||||
|
const t1=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
typeHtmlCalmly(txt,"GLP-1 DRUGS LIKE OZEMPIC AND MOUNJARO HAVE DEMOCRATIZED WEIGHT LOSS — CREATING A $100B MARKET THAT FORCED THE ENTIRE PHARMA INDUSTRY TO PIVOT.",()=>{
|
||||||
|
const t2=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
typeHtmlCalmly(txt,"DIRECT-TO-CONSUMER LAB TESTING LETS ANYONE ORDER THEIR OWN BLOOD WORK — NO DOCTOR APPROVAL NEEDED.\n\nAI DIAGNOSIS TOOLS RIVAL BOARD-CERTIFIED PHYSICIANS IN ACCURACY.",()=>{
|
||||||
|
const t3=setTimeout(()=>{
|
||||||
|
txt.innerHTML+="\n\n";
|
||||||
|
let html='<table class="comp-table"><tr><th></th><th>2020</th><th>2026</th></tr>';
|
||||||
|
html+='<tr><td>TELEMEDICINE</td><td>NICHE</td><td>MAINSTREAM</td></tr>';
|
||||||
|
html+='<tr><td>AI DIAGNOSIS</td><td>EXPERIMENTAL</td><td>IN CLINICS</td></tr>';
|
||||||
|
html+='<tr><td>GLP-1 ACCESS</td><td>DIABETES ONLY</td><td>WIDESPREAD</td></tr>';
|
||||||
|
html+='<tr><td>BIOHACKING</td><td>UNDERGROUND</td><td>MAINSTREAM</td></tr>';
|
||||||
|
html+='<tr><td>PATIENT DATA</td><td>OWNED BY SYSTEM</td><td>DIRECT OWNERSHIP EMERGING</td></tr>';
|
||||||
|
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">💊</span><span class="punch-text">GLP-1 BROKE<br>THE PHARMA MODEL</span></div><div class="punch-card"><span class="punch-icon">🤖</span><span class="punch-text">AI CAN DIAGNOSE<br>BETTER THAN DOCTORS</span></div><div class="punch-card"><span class="punch-icon">🔬</span><span class="punch-text">YOU CAN ORDER<br>YOUR OWN LABS</span></div></div>';
|
||||||
|
vis.innerHTML=html;
|
||||||
|
vis.classList.add('visible');
|
||||||
|
showNextBtn('next10f');showNextBtn('sources10f');showNextBtn('back10f');
|
||||||
|
},800);
|
||||||
|
h10c.push(t3);
|
||||||
|
},undefined,undefined,h10c);
|
||||||
|
},1200);
|
||||||
|
h10c.push(t2);
|
||||||
|
},undefined,undefined,h10c);
|
||||||
|
},1200);
|
||||||
|
h10c.push(t1);
|
||||||
|
},undefined,undefined,h10c);
|
||||||
|
}
|
||||||
|
sceneElem.style.opacity=o;
|
||||||
|
},30);
|
||||||
|
}
|
||||||
|
|
||||||
// Scene 11 — Health Summary
|
// Scene 11 — Health Summary
|
||||||
function loadScene11(sceneElem) {
|
function loadScene11(sceneElem) {
|
||||||
h10c=[];
|
h10c=[];
|
||||||
@@ -2647,7 +2776,7 @@
|
|||||||
const fi=setInterval(()=>{
|
const fi=setInterval(()=>{
|
||||||
if (sceneElem.style.display !== 'flex' || document.getElementById('nextF6').style.visibility === 'visible') { clearInterval(fi); return; }
|
if (sceneElem.style.display !== 'flex' || document.getElementById('nextF6').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||||
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
o+=0.05;if(o>=1){o=1;clearInterval(fi);
|
||||||
buildFTimeline(tl,5);
|
buildFTimeline(tl,4);
|
||||||
typeHtmlCalmly(txt,"THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.",()=>{
|
typeHtmlCalmly(txt,"THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.",()=>{
|
||||||
const t1=setTimeout(()=>{
|
const t1=setTimeout(()=>{
|
||||||
txt.innerHTML+="\n\n";
|
txt.innerHTML+="\n\n";
|
||||||
@@ -4796,34 +4925,31 @@
|
|||||||
});
|
});
|
||||||
document.getElementById('next4e').addEventListener('click', () => {
|
document.getElementById('next4e').addEventListener('click', () => {
|
||||||
document.getElementById('scene4e').style.display = 'none';
|
document.getElementById('scene4e').style.display = 'none';
|
||||||
loadScene5(document.getElementById('scene5'));
|
loadScene4f(document.getElementById('scene4f'));
|
||||||
});
|
});
|
||||||
document.getElementById('back4e').addEventListener('click', () => {
|
document.getElementById('back4e').addEventListener('click', () => {
|
||||||
document.getElementById('scene4e').style.display = 'none';
|
document.getElementById('scene4e').style.display = 'none';
|
||||||
loadScene4d(document.getElementById('scene4d'));
|
loadScene4d(document.getElementById('scene4d'));
|
||||||
});
|
});
|
||||||
|
document.getElementById('back4f').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4f').style.display = 'none';
|
||||||
|
loadScene4e(document.getElementById('scene4e'));
|
||||||
|
});
|
||||||
|
document.getElementById('next4f').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene4f').style.display = 'none';
|
||||||
|
loadScene5(document.getElementById('scene5'));
|
||||||
|
});
|
||||||
|
['4a','4b','4c','4d','4e','4f'].forEach(function(id){
|
||||||
|
document.getElementById('returnFrom'+id).addEventListener('click', function(){
|
||||||
|
document.getElementById('scene'+id).style.display = 'none';
|
||||||
|
s4c.forEach(t => clearTimeout(t)); s4c = [];
|
||||||
|
returnToLab();
|
||||||
|
});
|
||||||
|
});
|
||||||
document.getElementById('returnFromScene5').addEventListener('click', () => {
|
document.getElementById('returnFromScene5').addEventListener('click', () => {
|
||||||
document.getElementById('scene5').style.display = 'none';
|
document.getElementById('scene5').style.display = 'none';
|
||||||
const s3 = document.getElementById('scene3');
|
s4c.forEach(t => clearTimeout(t)); s4c = [];
|
||||||
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
|
returnToLab();
|
||||||
scene3TypewriterTimeouts = [];
|
|
||||||
s3.style.display = 'flex';
|
|
||||||
s3.style.opacity = '1';
|
|
||||||
document.getElementById('scene3Title').classList.add('visible');
|
|
||||||
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');
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '0';
|
|
||||||
btn.style.pointerEvents = 'none';
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '1';
|
|
||||||
btn.style.pointerEvents = 'auto';
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('next10a').addEventListener('click', () => {
|
document.getElementById('next10a').addEventListener('click', () => {
|
||||||
@@ -4856,34 +4982,31 @@
|
|||||||
});
|
});
|
||||||
document.getElementById('next10e').addEventListener('click', () => {
|
document.getElementById('next10e').addEventListener('click', () => {
|
||||||
document.getElementById('scene10e').style.display = 'none';
|
document.getElementById('scene10e').style.display = 'none';
|
||||||
loadScene11(document.getElementById('scene11'));
|
loadScene10f(document.getElementById('scene10f'));
|
||||||
});
|
});
|
||||||
document.getElementById('back10e').addEventListener('click', () => {
|
document.getElementById('back10e').addEventListener('click', () => {
|
||||||
document.getElementById('scene10e').style.display = 'none';
|
document.getElementById('scene10e').style.display = 'none';
|
||||||
loadScene10d(document.getElementById('scene10d'));
|
loadScene10d(document.getElementById('scene10d'));
|
||||||
});
|
});
|
||||||
|
document.getElementById('back10f').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene10f').style.display = 'none';
|
||||||
|
loadScene10e(document.getElementById('scene10e'));
|
||||||
|
});
|
||||||
|
document.getElementById('next10f').addEventListener('click', () => {
|
||||||
|
document.getElementById('scene10f').style.display = 'none';
|
||||||
|
loadScene11(document.getElementById('scene11'));
|
||||||
|
});
|
||||||
|
['10a','10b','10c','10d','10e','10f'].forEach(function(id){
|
||||||
|
document.getElementById('returnFrom'+id).addEventListener('click', function(){
|
||||||
|
document.getElementById('scene'+id).style.display = 'none';
|
||||||
|
h10c.forEach(t => clearTimeout(t)); h10c = [];
|
||||||
|
returnToLab();
|
||||||
|
});
|
||||||
|
});
|
||||||
document.getElementById('returnFromScene11').addEventListener('click', () => {
|
document.getElementById('returnFromScene11').addEventListener('click', () => {
|
||||||
document.getElementById('scene11').style.display = 'none';
|
document.getElementById('scene11').style.display = 'none';
|
||||||
const s3 = document.getElementById('scene3');
|
h10c.forEach(t => clearTimeout(t)); h10c = [];
|
||||||
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
|
returnToLab();
|
||||||
scene3TypewriterTimeouts = [];
|
|
||||||
s3.style.display = 'flex';
|
|
||||||
s3.style.opacity = '1';
|
|
||||||
document.getElementById('scene3Title').classList.add('visible');
|
|
||||||
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');
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '0';
|
|
||||||
btn.style.pointerEvents = 'none';
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '1';
|
|
||||||
btn.style.pointerEvents = 'auto';
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('nextF1').addEventListener('click', () => {
|
document.getElementById('nextF1').addEventListener('click', () => {
|
||||||
@@ -4935,28 +5058,17 @@
|
|||||||
document.getElementById('sceneFoodSum').style.display = 'none';
|
document.getElementById('sceneFoodSum').style.display = 'none';
|
||||||
loadSceneF6(document.getElementById('sceneF6'));
|
loadSceneF6(document.getElementById('sceneF6'));
|
||||||
});
|
});
|
||||||
|
['F1','F2','F3','F4','F6','FoodSum'].forEach(function(id){
|
||||||
|
document.getElementById('returnFrom'+id).addEventListener('click', function(){
|
||||||
|
document.getElementById('scene'+id).style.display = 'none';
|
||||||
|
f1c.forEach(t => clearTimeout(t)); f1c = [];
|
||||||
|
returnToLab();
|
||||||
|
});
|
||||||
|
});
|
||||||
document.getElementById('returnFromFoodLinks').addEventListener('click', () => {
|
document.getElementById('returnFromFoodLinks').addEventListener('click', () => {
|
||||||
document.getElementById('sceneFoodLinks').style.display = 'none';
|
document.getElementById('sceneFoodLinks').style.display = 'none';
|
||||||
const s3 = document.getElementById('scene3');
|
f1c.forEach(t => clearTimeout(t)); f1c = [];
|
||||||
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
|
returnToLab();
|
||||||
scene3TypewriterTimeouts = [];
|
|
||||||
s3.style.display = 'flex';
|
|
||||||
s3.style.opacity = '1';
|
|
||||||
document.getElementById('scene3Title').classList.add('visible');
|
|
||||||
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');
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '0';
|
|
||||||
btn.style.pointerEvents = 'none';
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
|
||||||
btns.forEach(btn => {
|
|
||||||
btn.style.opacity = '1';
|
|
||||||
btn.style.pointerEvents = 'auto';
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
});
|
});
|
||||||
document.getElementById('foodTimelineVimeo').addEventListener('click', () => {
|
document.getElementById('foodTimelineVimeo').addEventListener('click', () => {
|
||||||
window.location.href = 'https://vimeo.com/801031681/eb502b3911';
|
window.location.href = 'https://vimeo.com/801031681/eb502b3911';
|
||||||
@@ -4965,7 +5077,7 @@
|
|||||||
window.location.href = 'https://484.kitchen';
|
window.location.href = 'https://484.kitchen';
|
||||||
});
|
});
|
||||||
|
|
||||||
['4a','4b','4c','4d','4e','5','10a','10b','10c','10d','10e','11','F1','F2','F3','F4','F5','FoodSum','FoodLinks','D1','D2','D3','D4','D5','M1','M2','M3','M4','M5','I1','I2','I3','I4','I5'].forEach(function(id){
|
['4a','4b','4c','4d','4e','4f','5','10a','10b','10c','10d','10e','10f','11','F1','F2','F3','F4','F5','FoodSum','FoodLinks','D1','D2','D3','D4','D5','M1','M2','M3','M4','M5','I1','I2','I3','I4','I5'].forEach(function(id){
|
||||||
var el = document.getElementById('sources'+id);
|
var el = document.getElementById('sources'+id);
|
||||||
if (el) el.addEventListener('click',function(){
|
if (el) el.addEventListener('click',function(){
|
||||||
window.refsCaller='scene'+id;
|
window.refsCaller='scene'+id;
|
||||||
@@ -4985,9 +5097,13 @@
|
|||||||
});
|
});
|
||||||
document.getElementById('returnFromTechHub').addEventListener('click', () => {
|
document.getElementById('returnFromTechHub').addEventListener('click', () => {
|
||||||
document.getElementById('scene6').style.display = 'none';
|
document.getElementById('scene6').style.display = 'none';
|
||||||
const s3 = document.getElementById('scene3');
|
returnToLab();
|
||||||
|
});
|
||||||
|
|
||||||
|
function returnToLab() {
|
||||||
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
|
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
|
||||||
scene3TypewriterTimeouts = [];
|
scene3TypewriterTimeouts = [];
|
||||||
|
const s3 = document.getElementById('scene3');
|
||||||
s3.style.display = 'flex';
|
s3.style.display = 'flex';
|
||||||
s3.style.opacity = '1';
|
s3.style.opacity = '1';
|
||||||
document.getElementById('scene3Title').classList.add('visible');
|
document.getElementById('scene3Title').classList.add('visible');
|
||||||
@@ -4995,17 +5111,11 @@
|
|||||||
const row = document.getElementById('scene3ChoiceRow');
|
const row = document.getElementById('scene3ChoiceRow');
|
||||||
row.style.display = 'flex';
|
row.style.display = 'flex';
|
||||||
const btns = row.querySelectorAll('.scene3ChoiceBtn');
|
const btns = row.querySelectorAll('.scene3ChoiceBtn');
|
||||||
btns.forEach(btn => {
|
btns.forEach(btn => { btn.style.opacity = '0'; btn.style.pointerEvents = 'none'; });
|
||||||
btn.style.opacity = '0';
|
|
||||||
btn.style.pointerEvents = 'none';
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
btns.forEach(btn => {
|
btns.forEach(btn => { btn.style.opacity = '1'; btn.style.pointerEvents = 'auto'; });
|
||||||
btn.style.opacity = '1';
|
|
||||||
btn.style.pointerEvents = 'auto';
|
|
||||||
});
|
|
||||||
}, 500);
|
}, 500);
|
||||||
});
|
}
|
||||||
|
|
||||||
function showTechHub() {
|
function showTechHub() {
|
||||||
if (meshAnimId) { cancelAnimationFrame(meshAnimId); meshAnimId = null; }
|
if (meshAnimId) { cancelAnimationFrame(meshAnimId); meshAnimId = null; }
|
||||||
@@ -5281,7 +5391,7 @@
|
|||||||
const refsDiv = document.getElementById('sceneRefs');
|
const refsDiv = document.getElementById('sceneRefs');
|
||||||
if (refsDiv.classList.contains('visible')) {
|
if (refsDiv.classList.contains('visible')) {
|
||||||
refsDiv.classList.remove('visible');
|
refsDiv.classList.remove('visible');
|
||||||
var c=refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';
|
var c=refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene4f'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene10f'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';
|
||||||
refsCaller = null;
|
refsCaller = null;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -5340,7 +5450,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Scene 4 skip (sub-scenes 4a-4e)
|
// Scene 4 skip (sub-scenes 4a-4e)
|
||||||
const s4ids = ['scene4a','scene4b','scene4c','scene4d','scene4e'];
|
const s4ids = ['scene4a','scene4b','scene4c','scene4d','scene4e','scene4f'];
|
||||||
for (let si=0; si<s4ids.length; si++) {
|
for (let si=0; si<s4ids.length; si++) {
|
||||||
const s4 = document.getElementById(s4ids[si]);
|
const s4 = document.getElementById(s4ids[si]);
|
||||||
if (s4.style.display === 'flex') {
|
if (s4.style.display === 'flex') {
|
||||||
@@ -5349,13 +5459,13 @@
|
|||||||
const tl = s4.querySelector('.s4tl');
|
const tl = s4.querySelector('.s4tl');
|
||||||
buildTimeline(tl, si);
|
buildTimeline(tl, si);
|
||||||
if (si===0) {
|
if (si===0) {
|
||||||
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>";
|
txt.innerHTML = "IN 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 = '';
|
document.getElementById('next4a').style.cssText = '';
|
||||||
showNextBtn('next4a');
|
showNextBtn('next4a');
|
||||||
document.getElementById('sources4a').style.cssText = '';
|
document.getElementById('sources4a').style.cssText = '';
|
||||||
showNextBtn('sources4a');
|
showNextBtn('sources4a');
|
||||||
} else if (si===1) {
|
} 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.\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.";
|
txt.innerHTML = "\n\n\nIMAGINE THE GOVERNMENT SHOWED UP AT YOUR DOOR AND DEMANDED YOUR SAVINGS.\n\nTHAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1933.\n\nON 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 = '';
|
document.getElementById('next4b').style.cssText = '';
|
||||||
showNextBtn('next4b');
|
showNextBtn('next4b');
|
||||||
document.getElementById('sources4b').style.cssText = '';
|
document.getElementById('sources4b').style.cssText = '';
|
||||||
@@ -5407,6 +5517,28 @@
|
|||||||
showNextBtn('sources4e');
|
showNextBtn('sources4e');
|
||||||
document.getElementById('back4e').style.cssText = '';
|
document.getElementById('back4e').style.cssText = '';
|
||||||
showNextBtn('back4e');
|
showNextBtn('back4e');
|
||||||
|
} else if (si===5) {
|
||||||
|
txt.innerHTML = "IN 2026, THE SOUND MONEY THESIS HAS BEEN VINDICATED.\n\nBITCOIN ETFs WERE APPROVED IN JANUARY 2024 — WALL STREET FLOODED IN.\nBITCOIN HIT ALL-TIME HIGHS ABOVE $100,000. GOLD ALSO REACHED NEW RECORDS.\n\n";
|
||||||
|
s4.querySelector('.s4visual').innerHTML=
|
||||||
|
'<table class="comp-table"><tr><th></th><th>2009</th><th>2026</th></tr>'
|
||||||
|
+'<tr><td>BITCOIN PRICE</td><td>$0</td><td>$100K+</td></tr>'
|
||||||
|
+'<tr><td>GOLD PRICE</td><td>$900/OZ</td><td>$3,000+/OZ</td></tr>'
|
||||||
|
+'<tr><td>US DEBT</td><td>$11.9T</td><td>$35T+</td></tr>'
|
||||||
|
+'<tr><td>BTC ADOPTION</td><td>NONE</td><td>ETFs, NATIONS, FORTUNE 500</td></tr>'
|
||||||
|
+'<tr><td>GOLD CONFISCATION RISK</td><td>LOW</td><td>REAL (CBDCs RISING)</td></tr>'
|
||||||
|
+'</table>'
|
||||||
|
+'<div class="punch-row">'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">\uD83D\uDFE0</span><span class="punch-text">BTC $100K+<br>WALL STREET OWNS IT</span></div>'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">\uD83E\uDD47</span><span class="punch-text">GOLD $3K+<br>STILL THE SAFE HAVEN</span></div>'
|
||||||
|
+'<div class="punch-card"><span class="punch-icon">\uD83D\uDCC9</span><span class="punch-text">DOLLAR DOWN<br>70% SINCE 2000</span></div>'
|
||||||
|
+'</div>';
|
||||||
|
s4.querySelector('.s4visual').classList.add('visible');
|
||||||
|
document.getElementById('next4f').style.cssText = '';
|
||||||
|
showNextBtn('next4f');
|
||||||
|
document.getElementById('sources4f').style.cssText = '';
|
||||||
|
showNextBtn('sources4f');
|
||||||
|
document.getElementById('back4f').style.cssText = '';
|
||||||
|
showNextBtn('back4f');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -5926,6 +6058,32 @@
|
|||||||
showNextBtn('back10e');
|
showNextBtn('back10e');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Scene 10f skip
|
||||||
|
const s10f = document.getElementById('scene10f');
|
||||||
|
if (s10f.style.display === 'flex') {
|
||||||
|
h10c.forEach(t => clearTimeout(t)); h10c = [];
|
||||||
|
const txt = s10f.querySelector('.scene4text');
|
||||||
|
const vis = s10f.querySelector('.s4visual');
|
||||||
|
const tl = s10f.querySelector('.s4tl');
|
||||||
|
buildHTimeline(tl, 5);
|
||||||
|
txt.innerHTML = "IN 2026, THE DECENTRALIZED HEALTH MOVEMENT IS NO LONGER EMERGING — IT IS HERE.\n\nGLP-1 DRUGS LIKE OZEMPIC AND MOUNJARO HAVE DEMOCRATIZED WEIGHT LOSS — CREATING A $100B MARKET THAT FORCED THE ENTIRE PHARMA INDUSTRY TO PIVOT.\n\nDIRECT-TO-CONSUMER LAB TESTING LETS ANYONE ORDER THEIR OWN BLOOD WORK — NO DOCTOR APPROVAL NEEDED.\n\nAI DIAGNOSIS TOOLS RIVAL BOARD-CERTIFIED PHYSICIANS IN ACCURACY.\n\n";
|
||||||
|
let html='<table class="comp-table"><tr><th></th><th>2020</th><th>2026</th></tr>';
|
||||||
|
html+='<tr><td>TELEMEDICINE</td><td>NICHE</td><td>MAINSTREAM</td></tr>';
|
||||||
|
html+='<tr><td>AI DIAGNOSIS</td><td>EXPERIMENTAL</td><td>IN CLINICS</td></tr>';
|
||||||
|
html+='<tr><td>GLP-1 ACCESS</td><td>DIABETES ONLY</td><td>WIDESPREAD</td></tr>';
|
||||||
|
html+='<tr><td>BIOHACKING</td><td>UNDERGROUND</td><td>MAINSTREAM</td></tr>';
|
||||||
|
html+='<tr><td>PATIENT DATA</td><td>OWNED BY SYSTEM</td><td>DIRECT OWNERSHIP EMERGING</td></tr>';
|
||||||
|
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">\uD83D\uDC8A</span><span class="punch-text">GLP-1 BROKE<br>THE PHARMA MODEL</span></div><div class="punch-card"><span class="punch-icon">\uD83E\uDD16</span><span class="punch-text">AI CAN DIAGNOSE<br>BETTER THAN DOCTORS</span></div><div class="punch-card"><span class="punch-icon">\uD83D\uDD2C</span><span class="punch-text">YOU CAN ORDER<br>YOUR OWN LABS</span></div></div>';
|
||||||
|
vis.innerHTML=html;
|
||||||
|
vis.classList.add('visible');
|
||||||
|
document.getElementById('next10f').style.cssText = '';
|
||||||
|
showNextBtn('next10f');
|
||||||
|
document.getElementById('sources10f').style.cssText = '';
|
||||||
|
showNextBtn('sources10f');
|
||||||
|
document.getElementById('back10f').style.cssText = '';
|
||||||
|
showNextBtn('back10f');
|
||||||
|
}
|
||||||
|
|
||||||
// Scene 11 skip
|
// Scene 11 skip
|
||||||
const s11 = document.getElementById('scene11');
|
const s11 = document.getElementById('scene11');
|
||||||
if (s11.style.display === 'flex') {
|
if (s11.style.display === 'flex') {
|
||||||
@@ -6019,7 +6177,7 @@
|
|||||||
const txt = sf6.querySelector('.scene4text');
|
const txt = sf6.querySelector('.scene4text');
|
||||||
const vis = sf6.querySelector('.s4visual');
|
const vis = sf6.querySelector('.s4visual');
|
||||||
const tl = sf6.querySelector('.s4tl');
|
const tl = sf6.querySelector('.s4tl');
|
||||||
buildFTimeline(tl, 5);
|
buildFTimeline(tl, 4);
|
||||||
txt.innerHTML = "THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.\n\nLAB-GROWN MEAT PROMISES TO END FACTORY FARMING — BUT IT'S ULTRA-PROCESSED, ENERGY-INTENSIVE, AND CONTROLLED BY THE SAME CORPORATIONS.\n\nVERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL.\n\nAI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS?\n\nTHE ANSWER ISN'T BETTER TECHNOLOGY. IT'S WHO CONTROLS IT.";
|
txt.innerHTML = "THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.\n\nLAB-GROWN MEAT PROMISES TO END FACTORY FARMING — BUT IT'S ULTRA-PROCESSED, ENERGY-INTENSIVE, AND CONTROLLED BY THE SAME CORPORATIONS.\n\nVERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL.\n\nAI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS?\n\nTHE ANSWER ISN'T BETTER TECHNOLOGY. IT'S WHO CONTROLS IT.";
|
||||||
document.getElementById('nextF6').style.cssText = '';
|
document.getElementById('nextF6').style.cssText = '';
|
||||||
showNextBtn('nextF6');
|
showNextBtn('nextF6');
|
||||||
@@ -6118,7 +6276,7 @@
|
|||||||
<li><a href="https://www.oyez.org/cases/2012/11-796" target="_blank">Bowman v. Monsanto Co. (2013) — Oyez.</a> — Supreme Court ruled that patent exhaustion does not permit farmers to replant patented GM seeds; seed patenting and corporate control of agriculture.</li>
|
<li><a href="https://www.oyez.org/cases/2012/11-796" target="_blank">Bowman v. Monsanto Co. (2013) — Oyez.</a> — Supreme Court ruled that patent exhaustion does not permit farmers to replant patented GM seeds; seed patenting and corporate control of agriculture.</li>
|
||||||
<li><a href="https://484.kitchen" target="_blank">484.Kitchen.</a> — Regenerative agriculture, syntropic farming, and decentralized food infrastructure — building the alternative to the industrial food system.</li>
|
<li><a href="https://484.kitchen" target="_blank">484.Kitchen.</a> — Regenerative agriculture, syntropic farming, and decentralized food infrastructure — building the alternative to the industrial food system.</li>
|
||||||
</ol>
|
</ol>
|
||||||
<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'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).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==='scene4f'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene10f'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user