avi/signalelsewhere
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Save point: add sceneF6 (2026 food frontier), center text+tables globally, fix F5 back bug, remove F5/F6 tables, rename VIMEO→GEOGRO

Browse Source
This commit is contained in:
avi
2026-05-15 00:46:41 -05:00
parent 760faf2fff
commit 71adc409b3
1 changed files with 146 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

377
index.html
View File

@@ -271,9 +271,18 @@
#sceneI4 .s4visual { #sceneI4 .s4visual {
margin-top: 0; margin-top: 0;
} }
#scene10e {
padding-top: 2rem;
}
#scene10e .s4visual {
margin-top: 0;
}
#scene10e .btnNext {
padding: 0.4rem 2.5rem;
}
.scene4text { .scene4text {
white-space: pre-wrap; white-space: pre-wrap;
text-align: left; text-align: center;
width: 100%; width: 100%;
max-width: 50rem; max-width: 50rem;
line-height: 1.8; line-height: 1.8;
@@ -284,8 +293,13 @@
margin-top: 1.5rem; margin-top: 1.5rem;
opacity: 0; opacity: 0;
transition: opacity 1.2s ease; transition: opacity 1.2s ease;
text-align: center;
} }
.s4visual.visible { opacity: 1; } .s4visual.visible { opacity: 1; }
.s4visual .comp-table {
width: auto;
margin: 1rem auto 0;
}
/* Timeline */ /* Timeline */
.s4tl { .s4tl {
@@ -455,7 +469,7 @@
/* Scene 5 */ /* Scene 5 */
.scene5text { .scene5text {
white-space: pre-wrap; white-space: pre-wrap;
text-align: left; text-align: center;
width: 100%; width: 100%;
max-width: 55rem; max-width: 55rem;
line-height: 1.8; line-height: 1.8;
@@ -466,8 +480,13 @@
margin-top: 1.5rem; margin-top: 1.5rem;
opacity: 0; opacity: 0;
transition: opacity 4s ease; transition: opacity 4s ease;
text-align: center;
} }
.s5visual.visible { opacity: 1; } .s5visual.visible { opacity: 1; }
.s5visual .comp-table {
width: auto;
margin: 1rem auto 0;
}
/* Hashrate dominance bar */ /* Hashrate dominance bar */
.hash-bar-container { .hash-bar-container {
@@ -912,7 +931,6 @@
<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" id="hubFrom4a">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4b" class="scene scene4sub"> <div id="scene4b" class="scene scene4sub">
@@ -923,7 +941,6 @@
<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" id="hubFrom4b">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4c" class="scene scene4sub"> <div id="scene4c" class="scene scene4sub">
@@ -934,7 +951,6 @@
<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" id="hubFrom4c">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4d" class="scene scene4sub"> <div id="scene4d" class="scene scene4sub">
@@ -945,7 +961,6 @@
<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" id="hubFrom4d">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4e" class="scene scene4sub"> <div id="scene4e" class="scene scene4sub">
@@ -956,7 +971,6 @@
<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" id="hubFrom4e">TECH HUB</button>
</div> </div>
</div> </div>
@@ -966,7 +980,6 @@
<div class="btn-row"> <div class="btn-row">
<button class="btnNext" id="sources5">SOURCES</button> <button class="btnNext" id="sources5">SOURCES</button>
<button class="btnNext" id="returnFromScene5">RETURN</button> <button class="btnNext" id="returnFromScene5">RETURN</button>
<button class="btnNext" id="hubFromScene5">TECH HUB</button>
</div> </div>
</div> </div>
@@ -1222,7 +1235,7 @@
<div id="foodOverlay"> <div id="foodOverlay">
<div class="food-box"> <div class="food-box">
<div class="food-title">CHOOSE A SITE</div> <div class="food-title">CHOOSE A SITE</div>
<button class="food-btn" id="foodVimeo">SIGNAL ELSEWHERE — VIMEO</button> <button class="food-btn" id="foodVimeo">GEOGRO</button>
<button class="food-btn" id="foodKitchen">484.KITCHEN</button> <button class="food-btn" id="foodKitchen">484.KITCHEN</button>
<button class="food-close" id="foodClose">CANCEL</button> <button class="food-close" id="foodClose">CANCEL</button>
</div> </div>
@@ -1236,7 +1249,6 @@
<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" id="hubFrom10a">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10b" class="scene scene4sub"> <div id="scene10b" class="scene scene4sub">
@@ -1247,7 +1259,6 @@
<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" id="hubFrom10b">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10c" class="scene scene4sub"> <div id="scene10c" class="scene scene4sub">
@@ -1258,7 +1269,6 @@
<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" id="hubFrom10c">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10d" class="scene scene4sub"> <div id="scene10d" class="scene scene4sub">
@@ -1269,7 +1279,6 @@
<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" id="hubFrom10d">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10e" class="scene scene4sub"> <div id="scene10e" class="scene scene4sub">
@@ -1280,7 +1289,6 @@
<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" id="hubFrom10e">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene11" class="scene"> <div id="scene11" class="scene">
@@ -1289,7 +1297,6 @@
<div class="btn-row"> <div class="btn-row">
<button class="btnNext" id="sources11">SOURCES</button> <button class="btnNext" id="sources11">SOURCES</button>
<button class="btnNext" id="returnFromScene11">RETURN</button> <button class="btnNext" id="returnFromScene11">RETURN</button>
<button class="btnNext" id="hubFromScene11">TECH HUB</button>
</div> </div>
</div> </div>
@@ -1301,7 +1308,6 @@
<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" id="hubFromF1">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF2" class="scene scene4sub"> <div id="sceneF2" class="scene scene4sub">
@@ -1312,7 +1318,6 @@
<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" id="hubFromF2">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF3" class="scene scene4sub"> <div id="sceneF3" class="scene scene4sub">
@@ -1323,7 +1328,6 @@
<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" id="hubFromF3">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF4" class="scene scene4sub"> <div id="sceneF4" class="scene scene4sub">
@@ -1334,7 +1338,6 @@
<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" id="hubFromF4">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF5" class="scene scene4sub"> <div id="sceneF5" class="scene scene4sub">
@@ -1345,7 +1348,16 @@
<button class="btnNext" id="sourcesF5">SOURCES</button> <button class="btnNext" id="sourcesF5">SOURCES</button>
<button class="btnNext" id="backF5">BACK</button> <button class="btnNext" id="backF5">BACK</button>
<button class="btnNext" id="nextF5">NEXT</button> <button class="btnNext" id="nextF5">NEXT</button>
<button class="btnNext" id="hubFromF5">TECH HUB</button> </div>
</div>
<div id="sceneF6" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="sF6Text"></div>
<div class="s4visual" id="sF6Visual"></div>
<div class="btn-row">
<button class="btnNext" id="sourcesF6">SOURCES</button>
<button class="btnNext" id="backF6">BACK</button>
<button class="btnNext" id="nextF6">NEXT</button>
</div> </div>
</div> </div>
<div id="sceneFoodSum" class="scene"> <div id="sceneFoodSum" class="scene">
@@ -1355,16 +1367,14 @@
<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" id="hubFromFoodSum">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneFoodLinks" class="scene" style="flex-direction:column;"> <div id="sceneFoodLinks" class="scene" style="flex-direction:column;">
<div class="scene5text" id="sFoodLinksText"></div> <div class="scene5text" id="sFoodLinksText"></div>
<div class="btn-row" style="flex-direction:column;align-items:center;gap:1rem;"> <div class="btn-row" style="flex-direction:column;align-items:center;gap:1rem;">
<button class="food-btn" id="foodTimelineVimeo">SIGNAL ELSEWHERE — VIMEO</button> <button class="food-btn" id="foodTimelineVimeo">GEOGRO</button>
<button class="food-btn" id="foodTimelineKitchen">484.KITCHEN</button> <button class="food-btn" id="foodTimelineKitchen">484.KITCHEN</button>
<button class="btnNext" id="returnFromFoodLinks">RETURN TO LAB</button> <button class="btnNext" id="returnFromFoodLinks">RETURN TO LAB</button>
<button class="btnNext" id="hubFromFoodLinks">TECH HUB</button>
</div> </div>
</div> </div>
@@ -1823,7 +1833,7 @@
} }
function buildFTimeline(tlElem, activeIdx) { function buildFTimeline(tlElem, activeIdx) {
const years = ['1906', '1947', '1970', '1996', '2010']; const years = ['1906', '1947', '1970', '1996', '2010', '2026'];
tlElem.innerHTML = ''; tlElem.innerHTML = '';
years.forEach((y, i) => { years.forEach((y, i) => {
const span = document.createElement('span'); const span = document.createElement('span');
@@ -1920,7 +1930,7 @@
link.textContent=span.textContent; link.textContent=span.textContent;
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00'; link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
span.replaceWith(link); span.replaceWith(link);
showNextBtn('next4a');showNextBtn('sources4a');showNextBtn('hubFrom4a'); showNextBtn('next4a');showNextBtn('sources4a');
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
},1500); },1500);
@@ -1934,7 +1944,7 @@
},30); },30);
} }
// Scene 4b — 1933 Executive Order 6102 // Scene 4b — 1933 ORDER 6102
function loadScene4b(sceneElem) { function loadScene4b(sceneElem) {
s4c=[]; s4c=[];
rstSceneBtns('scene4b'); rstSceneBtns('scene4b');
@@ -1958,7 +1968,7 @@
txt.appendChild(link); txt.appendChild(link);
typeHtmlCalmly(txt," MADE IT A CRIME TO HOLD GOLD.",()=>{ typeHtmlCalmly(txt," MADE IT A CRIME TO HOLD GOLD.",()=>{
typeHtmlCalmly(txt,"\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.",()=>{ typeHtmlCalmly(txt,"\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.",()=>{
showNextBtn('next4b');showNextBtn('sources4b');showNextBtn('back4b');showNextBtn('hubFrom4b'); showNextBtn('next4b');showNextBtn('sources4b');showNextBtn('back4b');
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -1997,7 +2007,7 @@
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
vis.innerHTML='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>'; vis.innerHTML='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>';
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next4c');showNextBtn('sources4c');showNextBtn('back4c');showNextBtn('hubFrom4c'); showNextBtn('next4c');showNextBtn('sources4c');showNextBtn('back4c');
},800); },800);
s4c.push(t2); s4c.push(t2);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2046,7 +2056,7 @@
html+='</div><div style="text-align:center;margin-top:0.5rem;font-size:0.75rem;color:#00ff00;">~96% PURCHASING POWER LOST</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.innerHTML=html;
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next4d');showNextBtn('sources4d');showNextBtn('back4d');showNextBtn('hubFrom4d'); showNextBtn('next4d');showNextBtn('sources4d');showNextBtn('back4d');
},800); },800);
s4c.push(t2); s4c.push(t2);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2097,7 +2107,7 @@
+'</div>'; +'</div>';
vis.innerHTML=html; vis.innerHTML=html;
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next4e');showNextBtn('sources4e');showNextBtn('back4e');showNextBtn('hubFrom4e'); showNextBtn('next4e');showNextBtn('sources4e');showNextBtn('back4e');
},1200)); },1200));
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2135,8 +2145,6 @@
showNextBtn('returnFromScene5'); showNextBtn('returnFromScene5');
document.getElementById('sources5').style.cssText=''; document.getElementById('sources5').style.cssText='';
showNextBtn('sources5'); showNextBtn('sources5');
document.getElementById('hubFromScene5').style.cssText='';
showNextBtn('hubFromScene5');
},400); },400);
s5c.push(t6); s5c.push(t6);
},8,20,s5c); },8,20,s5c);
@@ -2205,7 +2213,7 @@
const t2=setTimeout(()=>{ const t2=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE AMERICAN MEDICAL ASSOCIATION TOOK CONTROL OF MEDICAL LICENSING. MEDICINE BECAME A GATEKEPT PROFESSION.",()=>{ typeHtmlCalmly(txt,"THE AMERICAN MEDICAL ASSOCIATION TOOK CONTROL OF MEDICAL LICENSING. MEDICINE BECAME A GATEKEPT PROFESSION.",()=>{
showNextBtn('next10a');showNextBtn('sources10a');showNextBtn('hubFrom10a'); showNextBtn('next10a');showNextBtn('sources10a');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t2); h10c.push(t2);
@@ -2255,7 +2263,7 @@
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE POWER TO APPROVE IS THE POWER TO CONTROL.",()=>{ typeHtmlCalmly(txt,"THE POWER TO APPROVE IS THE POWER TO CONTROL.",()=>{
showNextBtn('next10b');showNextBtn('sources10b');showNextBtn('back10b');showNextBtn('hubFrom10b'); showNextBtn('next10b');showNextBtn('sources10b');showNextBtn('back10b');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t3); h10c.push(t3);
@@ -2295,7 +2303,7 @@
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
vis.innerHTML='<div class="callout-box">⚠ <a href="https://www.cms.gov/data-research/statistics-trends-and-reports/national-health-expenditure-data/historical" target="_blank" style="text-decoration:underline;font-weight:bold;color:#00ff00">$41B → $4.1T = 100x IN 57 YEARS</a> ⚠</div>'; vis.innerHTML='<div class="callout-box">⚠ <a href="https://www.cms.gov/data-research/statistics-trends-and-reports/national-health-expenditure-data/historical" target="_blank" style="text-decoration:underline;font-weight:bold;color:#00ff00">$41B → $4.1T = 100x IN 57 YEARS</a> ⚠</div>';
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next10c');showNextBtn('sources10c');showNextBtn('back10c');showNextBtn('hubFrom10c'); showNextBtn('next10c');showNextBtn('sources10c');showNextBtn('back10c');
},800); },800);
h10c.push(t2); h10c.push(t2);
},undefined,undefined,h10c); },undefined,undefined,h10c);
@@ -2339,7 +2347,7 @@
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"YOU BECAME THE PRODUCT.",()=>{ typeHtmlCalmly(txt,"YOU BECAME THE PRODUCT.",()=>{
showNextBtn('next10d');showNextBtn('sources10d');showNextBtn('back10d');showNextBtn('hubFrom10d'); showNextBtn('next10d');showNextBtn('sources10d');showNextBtn('back10d');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t3); h10c.push(t3);
@@ -2393,7 +2401,7 @@
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">🧬</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR CARE</span></div><div class="punch-card"><span class="punch-icon">🔬</span><span class="punch-text">DIRECT ACCESS —<br>NO INSURANCE APPROVAL NEEDED</span></div><div class="punch-card"><span class="punch-icon">📊</span><span class="punch-text">YOU OWN YOUR DATA —<br>NOT THE SYSTEM</span></div></div>'; html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">🧬</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR CARE</span></div><div class="punch-card"><span class="punch-icon">🔬</span><span class="punch-text">DIRECT ACCESS —<br>NO INSURANCE APPROVAL NEEDED</span></div><div class="punch-card"><span class="punch-icon">📊</span><span class="punch-text">YOU OWN YOUR DATA —<br>NOT THE SYSTEM</span></div></div>';
vis.innerHTML=html; vis.innerHTML=html;
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next10e');showNextBtn('sources10e');showNextBtn('back10e');showNextBtn('hubFrom10e'); showNextBtn('next10e');showNextBtn('sources10e');showNextBtn('back10e');
},800); },800);
h10c.push(t2); h10c.push(t2);
},undefined,undefined,h10c); },undefined,undefined,h10c);
@@ -2437,8 +2445,6 @@
showNextBtn('returnFromScene11'); showNextBtn('returnFromScene11');
document.getElementById('sources11').style.cssText=''; document.getElementById('sources11').style.cssText='';
showNextBtn('sources11'); showNextBtn('sources11');
document.getElementById('hubFromScene11').style.cssText='';
showNextBtn('hubFromScene11');
},400); },400);
h10c.push(t6); h10c.push(t6);
},8,20,h10c); },8,20,h10c);
@@ -2484,7 +2490,7 @@
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE POWER TO REGULATE IS THE POWER TO CONTROL.",()=>{ typeHtmlCalmly(txt,"THE POWER TO REGULATE IS THE POWER TO CONTROL.",()=>{
showNextBtn('nextF1');showNextBtn('sourcesF1');showNextBtn('hubFromF1'); showNextBtn('nextF1');showNextBtn('sourcesF1');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2535,7 +2541,7 @@
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE INDUSTRIAL FOOD SYSTEM WAS BORN — AND THE COSTS WERE HIDDEN.",()=>{ typeHtmlCalmly(txt,"THE INDUSTRIAL FOOD SYSTEM WAS BORN — AND THE COSTS WERE HIDDEN.",()=>{
showNextBtn('nextF2');showNextBtn('sourcesF2');showNextBtn('backF2');showNextBtn('hubFromF2'); showNextBtn('nextF2');showNextBtn('sourcesF2');showNextBtn('backF2');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2581,7 +2587,7 @@
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
vis.innerHTML='<div class="callout-box">\u2692 CORN SUBSIDIES + HFCS = PROCESSED FOOD CHEAPER THAN REAL FOOD \u2692</div>'; vis.innerHTML='<div class="callout-box">\u2692 CORN SUBSIDIES + HFCS = PROCESSED FOOD CHEAPER THAN REAL FOOD \u2692</div>';
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('nextF3');showNextBtn('sourcesF3');showNextBtn('backF3');showNextBtn('hubFromF3'); showNextBtn('nextF3');showNextBtn('sourcesF3');showNextBtn('backF3');
},800); },800);
f1c.push(t2); f1c.push(t2);
},undefined,undefined,f1c); },undefined,undefined,f1c);
@@ -2625,7 +2631,7 @@
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE RIGHT TO SAVE SEEDS WAS REPLACED BY LICENSE AGREEMENTS.",()=>{ typeHtmlCalmly(txt,"THE RIGHT TO SAVE SEEDS WAS REPLACED BY LICENSE AGREEMENTS.",()=>{
showNextBtn('nextF4');showNextBtn('sourcesF4');showNextBtn('backF4');showNextBtn('hubFromF4'); showNextBtn('nextF4');showNextBtn('sourcesF4');showNextBtn('backF4');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2645,6 +2651,7 @@
// Scene F5 — 2010+ Decentralized Food // Scene F5 — 2010+ Decentralized Food
function loadSceneF5(sceneElem) { function loadSceneF5(sceneElem) {
f1c=[]; f1c=[];
rstSceneBtns('sceneF5');
sceneElem.style.display='flex'; sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text'); const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual'); const vis=sceneElem.querySelector('.s4visual');
@@ -2667,18 +2674,9 @@
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00'; link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
txt.appendChild(link); txt.appendChild(link);
typeHtmlCalmly(txt," ARE BUILDING INFRUSTRUCUTE FOR FOOD YOU CAN CONTROL.\n\nLAB 484 SERVES ORGANIC, SEED-OIL-FREE, GRASS-FED, GLUTEN-FREE, AND VEGETARIAN-FRIENDLY CUISINE",()=>{ typeHtmlCalmly(txt," ARE BUILDING INFRUSTRUCUTE FOR FOOD YOU CAN CONTROL.\n\nLAB 484 SERVES ORGANIC, SEED-OIL-FREE, GRASS-FED, GLUTEN-FREE, AND VEGETARIAN-FRIENDLY CUISINE",()=>{
const t2=setTimeout(()=>{ const t2=setTimeout(()=>{
let html='<table class="comp-table"><tr><th></th><th>INDUSTRIAL</th><th>DECENTRALIZED</th></tr>'; showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5');
html+='<tr><td>WHO DECIDES?</td><td>CORPORATIONS / GOVERNMENT</td><td>YOU + YOUR FARMER</td></tr>'; },800);
html+='<tr><td>ACCESS</td><td>GATEKEPT</td><td>DIRECT</td></tr>';
html+='<tr><td>SEEDS</td><td>PATENTED</td><td>OPEN / HEIRLOOM</td></tr>';
html+='<tr><td>SOIL HEALTH</td><td>CHEMICAL-DEPENDENT</td><td>REGENERATIVE</td></tr>';
html+='<tr><td>COST MODEL</td><td>SUBSIDY-BASED</td><td>DIRECT PAYMENT</td></tr>';
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">\uD83C\uDF3E</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR FOOD</span></div><div class="punch-card"><span class="punch-icon">\uD83E\uDDD1\u200D\uD83C\uDF3E</span><span class="punch-text">KNOW YOUR FARMER —<br>NO CORPORATE MIDDLEMAN</span></div><div class="punch-card"><span class="punch-icon">\uD83C\uDF1E</span><span class="punch-text">REGENERATIVE —<br>HEALS THE SOIL</span></div></div>';
vis.innerHTML=html;
vis.classList.add('visible');
showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5');showNextBtn('hubFromF5');
},800);
f1c.push(t2); f1c.push(t2);
},undefined,undefined,f1c); },undefined,undefined,f1c);
},undefined,undefined,f1c); },undefined,undefined,f1c);
@@ -2690,6 +2688,61 @@
},30); },30);
} }
// Scene F6 — 2026 The Present Food Frontier
function loadSceneF6(sceneElem) {
f1c=[];
rstSceneBtns('sceneF6');
sceneElem.style.display='flex';
const txt=document.getElementById('sF6Text');
const vis=document.getElementById('sF6Visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('nextF6').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildFTimeline(tl,5);
typeHtmlCalmly(txt,"THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"LAB-GROWN MEAT PROMISES TO END FACTORY FARMING — BUT IT'S ULTRA-PROCESSED, ENERGY-INTENSIVE, AND CONTROLLED BY THE SAME CORPORATIONS.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"VERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL. IS THAT REALLY REGENERATIVE?",()=>{
const t3=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"AI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS? WHO OWNS THE DATA?",()=>{
const t4=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE ANSWER ISN'T BETTER TECHNOLOGY. IT'S WHO CONTROLS IT.",()=>{
const t5=setTimeout(()=>{
document.getElementById('nextF6').style.cssText='';
showNextBtn('nextF6');
document.getElementById('sourcesF6').style.cssText='';
showNextBtn('sourcesF6');
document.getElementById('backF6').style.cssText='';
showNextBtn('backF6');
},500);
f1c.push(t5);
},8,20,f1c);
},500);
f1c.push(t4);
},8,20,f1c);
},500);
f1c.push(t3);
},8,20,f1c);
},500);
f1c.push(t2);
},8,20,f1c);
},600);
f1c.push(t1);
},8,20,f1c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene Food Summary // Scene Food Summary
function loadSceneFoodSum(sceneElem) { function loadSceneFoodSum(sceneElem) {
f1c=[]; f1c=[];
@@ -2723,8 +2776,6 @@
showNextBtn('sourcesFoodSum'); showNextBtn('sourcesFoodSum');
document.getElementById('backFoodSum').style.cssText=''; document.getElementById('backFoodSum').style.cssText='';
showNextBtn('backFoodSum'); showNextBtn('backFoodSum');
document.getElementById('hubFromFoodSum').style.cssText='';
showNextBtn('hubFromFoodSum');
},400); },400);
f1c.push(t6); f1c.push(t6);
},8,20,f1c); },8,20,f1c);
@@ -2747,16 +2798,11 @@
const fi=setInterval(()=>{ const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('returnFromFoodLinks').style.visibility === 'visible') { clearInterval(fi); return; } if (sceneElem.style.display !== 'flex' || document.getElementById('returnFromFoodLinks').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);
typeHtmlCalmly(txt,"READY TO EXPLORE THE DECENTRALIZED FOOD MOVEMENT?",()=>{ typeHtmlCalmly(txt,"From local growing systems to mobile food experiences, we\u2019re building a more connected food future",()=>{
const t1=setTimeout(()=>{ const t1=setTimeout(()=>{
txt.innerHTML+="\n\n"; showNextBtn('returnFromFoodLinks');
typeHtmlCalmly(txt,"CHOOSE A SITE TO LEARN MORE:",()=>{ document.getElementById('foodTimelineVimeo').style.cssText='display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
showNextBtn('returnFromFoodLinks'); document.getElementById('foodTimelineKitchen').style.cssText='display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
document.getElementById('hubFromFoodLinks').style.cssText='';
showNextBtn('hubFromFoodLinks');
document.getElementById('foodTimelineVimeo').style.cssText='display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
document.getElementById('foodTimelineKitchen').style.cssText='display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
},undefined,undefined,f1c);
},600); },600);
f1c.push(t1); f1c.push(t1);
},8,20,f1c); },8,20,f1c);
@@ -4787,68 +4833,6 @@
document.getElementById('scene4b').style.display = 'none'; document.getElementById('scene4b').style.display = 'none';
loadScene4a(document.getElementById('scene4a')); loadScene4a(document.getElementById('scene4a'));
}); });
document.getElementById('hubFrom4a').addEventListener('click', () => {
document.getElementById('scene4a').style.display = 'none';
showTechHub();
});
document.getElementById('hubFrom4b').addEventListener('click', () => {
document.getElementById('scene4b').style.display = 'none';
showTechHub();
});
document.getElementById('next4c').addEventListener('click', () => {
document.getElementById('scene4c').style.display = 'none';
loadScene4d(document.getElementById('scene4d'));
});
document.getElementById('back4c').addEventListener('click', () => {
document.getElementById('scene4c').style.display = 'none';
loadScene4b(document.getElementById('scene4b'));
});
document.getElementById('hubFrom4c').addEventListener('click', () => {
document.getElementById('scene4c').style.display = 'none';
showTechHub();
});
document.getElementById('next4d').addEventListener('click', () => {
document.getElementById('scene4d').style.display = 'none';
loadScene4e(document.getElementById('scene4e'));
});
document.getElementById('back4d').addEventListener('click', () => {
document.getElementById('scene4d').style.display = 'none';
loadScene4c(document.getElementById('scene4c'));
});
document.getElementById('hubFrom4d').addEventListener('click', () => {
document.getElementById('scene4d').style.display = 'none';
showTechHub();
});
document.getElementById('next4e').addEventListener('click', () => {
document.getElementById('scene4e').style.display = 'none';
loadScene5(document.getElementById('scene5'));
});
document.getElementById('back4e').addEventListener('click', () => {
document.getElementById('scene4e').style.display = 'none';
loadScene4d(document.getElementById('scene4d'));
});
document.getElementById('hubFrom4e').addEventListener('click', () => {
document.getElementById('scene4e').style.display = 'none';
showTechHub();
});
document.getElementById('returnFromScene5').addEventListener('click', () => {
document.getElementById('scene5').style.display = 'none';
const s3 = document.getElementById('scene3');
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
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';
row.style.opacity = '1';
row.style.pointerEvents = 'auto';
});
document.getElementById('hubFromScene5').addEventListener('click', () => {
document.getElementById('scene5').style.display = 'none';
showTechHub();
});
document.getElementById('next4c').addEventListener('click', () => { document.getElementById('next4c').addEventListener('click', () => {
document.getElementById('scene4c').style.display = 'none'; document.getElementById('scene4c').style.display = 'none';
loadScene4d(document.getElementById('scene4d')); loadScene4d(document.getElementById('scene4d'));
@@ -4933,26 +4917,6 @@
document.getElementById('scene10e').style.display = 'none'; document.getElementById('scene10e').style.display = 'none';
loadScene10d(document.getElementById('scene10d')); loadScene10d(document.getElementById('scene10d'));
}); });
document.getElementById('hubFrom10a').addEventListener('click', () => {
document.getElementById('scene10a').style.display = 'none';
showTechHub();
});
document.getElementById('hubFrom10b').addEventListener('click', () => {
document.getElementById('scene10b').style.display = 'none';
showTechHub();
});
document.getElementById('hubFrom10c').addEventListener('click', () => {
document.getElementById('scene10c').style.display = 'none';
showTechHub();
});
document.getElementById('hubFrom10d').addEventListener('click', () => {
document.getElementById('scene10d').style.display = 'none';
showTechHub();
});
document.getElementById('hubFrom10e').addEventListener('click', () => {
document.getElementById('scene10e').style.display = 'none';
showTechHub();
});
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'); const s3 = document.getElementById('scene3');
@@ -4976,10 +4940,6 @@
}); });
}, 500); }, 500);
}); });
document.getElementById('hubFromScene11').addEventListener('click', () => {
document.getElementById('scene11').style.display = 'none';
showTechHub();
});
document.getElementById('nextF1').addEventListener('click', () => { document.getElementById('nextF1').addEventListener('click', () => {
document.getElementById('sceneF1').style.display = 'none'; document.getElementById('sceneF1').style.display = 'none';
@@ -5011,12 +4971,25 @@
}); });
document.getElementById('nextF5').addEventListener('click', () => { document.getElementById('nextF5').addEventListener('click', () => {
document.getElementById('sceneF5').style.display = 'none'; document.getElementById('sceneF5').style.display = 'none';
loadSceneFoodSum(document.getElementById('sceneFoodSum')); loadSceneF6(document.getElementById('sceneF6'));
}); });
document.getElementById('backF5').addEventListener('click', () => { document.getElementById('backF5').addEventListener('click', () => {
document.getElementById('sceneF5').style.display = 'none'; document.getElementById('sceneF5').style.display = 'none';
loadSceneF4(document.getElementById('sceneF4')); loadSceneF4(document.getElementById('sceneF4'));
}); });
document.getElementById('sourcesF6').addEventListener('click', () => {
refsCaller = 'sceneF6';
document.getElementById('sceneF6').style.display = 'none';
document.getElementById('sceneRefs').classList.add('visible');
});
document.getElementById('backF6').addEventListener('click', () => {
document.getElementById('sceneF6').style.display = 'none';
loadSceneF5(document.getElementById('sceneF5'));
});
document.getElementById('nextF6').addEventListener('click', () => {
document.getElementById('sceneF6').style.display = 'none';
loadSceneFoodSum(document.getElementById('sceneFoodSum'));
});
document.getElementById('nextFoodSum').addEventListener('click', () => { document.getElementById('nextFoodSum').addEventListener('click', () => {
document.getElementById('sceneFoodSum').style.display = 'none'; document.getElementById('sceneFoodSum').style.display = 'none';
loadSceneFoodLinks(document.getElementById('sceneFoodLinks')); loadSceneFoodLinks(document.getElementById('sceneFoodLinks'));
@@ -5025,30 +4998,6 @@
document.getElementById('sceneFoodSum').style.display = 'none'; document.getElementById('sceneFoodSum').style.display = 'none';
loadSceneF5(document.getElementById('sceneF5')); loadSceneF5(document.getElementById('sceneF5'));
}); });
document.getElementById('hubFromF1').addEventListener('click', () => {
document.getElementById('sceneF1').style.display = 'none';
showTechHub();
});
document.getElementById('hubFromF2').addEventListener('click', () => {
document.getElementById('sceneF2').style.display = 'none';
showTechHub();
});
document.getElementById('hubFromF3').addEventListener('click', () => {
document.getElementById('sceneF3').style.display = 'none';
showTechHub();
});
document.getElementById('hubFromF4').addEventListener('click', () => {
document.getElementById('sceneF4').style.display = 'none';
showTechHub();
});
document.getElementById('hubFromF5').addEventListener('click', () => {
document.getElementById('sceneF5').style.display = 'none';
showTechHub();
});
document.getElementById('hubFromFoodSum').addEventListener('click', () => {
document.getElementById('sceneFoodSum').style.display = 'none';
showTechHub();
});
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'); const s3 = document.getElementById('scene3');
@@ -5072,10 +5021,6 @@
}); });
}, 500); }, 500);
}); });
document.getElementById('hubFromFoodLinks').addEventListener('click', () => {
document.getElementById('sceneFoodLinks').style.display = 'none';
showTechHub();
});
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';
}); });
@@ -5399,7 +5344,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==='sceneF5'||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==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF5'||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;
} }
@@ -5472,8 +5417,6 @@
showNextBtn('next4a'); showNextBtn('next4a');
document.getElementById('sources4a').style.cssText = ''; document.getElementById('sources4a').style.cssText = '';
showNextBtn('sources4a'); showNextBtn('sources4a');
document.getElementById('hubFrom4a').style.cssText = '';
showNextBtn('hubFrom4a');
} 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 = "ON APRIL 5, 1933, <a href=\"https://www.usmoneyreserve.com/resources/videos/transcripts/executive-order-6102-did-you-know/\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">ORDER 6102</a> MADE IT A CRIME TO HOLD GOLD.\n\nCITIZENS WERE FORCED TO TURN IN THEIR GOLD IN EXCHANGE FOR PAPER DOLLARS.";
document.getElementById('next4b').style.cssText = ''; document.getElementById('next4b').style.cssText = '';
@@ -5482,8 +5425,6 @@
showNextBtn('sources4b'); showNextBtn('sources4b');
document.getElementById('back4b').style.cssText = ''; document.getElementById('back4b').style.cssText = '';
showNextBtn('back4b'); showNextBtn('back4b');
document.getElementById('hubFrom4b').style.cssText = '';
showNextBtn('hubFrom4b');
} else if (si===2) { } 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"; 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').innerHTML='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>';
@@ -5494,8 +5435,6 @@
showNextBtn('sources4c'); showNextBtn('sources4c');
document.getElementById('back4c').style.cssText = ''; document.getElementById('back4c').style.cssText = '';
showNextBtn('back4c'); showNextBtn('back4c');
document.getElementById('hubFrom4c').style.cssText = '';
showNextBtn('hubFrom4c');
} else if (si===3) { } 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"; 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">'; 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">';
@@ -5509,8 +5448,6 @@
showNextBtn('sources4d'); showNextBtn('sources4d');
document.getElementById('back4d').style.cssText = ''; document.getElementById('back4d').style.cssText = '';
showNextBtn('back4d'); showNextBtn('back4d');
document.getElementById('hubFrom4d').style.cssText = '';
showNextBtn('hubFrom4d');
} else if (si===4) { } 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."; 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= s4.querySelector('.s4visual').innerHTML=
@@ -5533,8 +5470,6 @@
showNextBtn('sources4e'); showNextBtn('sources4e');
document.getElementById('back4e').style.cssText = ''; document.getElementById('back4e').style.cssText = '';
showNextBtn('back4e'); showNextBtn('back4e');
document.getElementById('hubFrom4e').style.cssText = '';
showNextBtn('hubFrom4e');
} }
} }
} }
@@ -5563,8 +5498,6 @@
showNextBtn('returnFromScene5'); showNextBtn('returnFromScene5');
document.getElementById('sources5').style.cssText=''; document.getElementById('sources5').style.cssText='';
showNextBtn('sources5'); showNextBtn('sources5');
document.getElementById('hubFromScene5').style.cssText='';
showNextBtn('hubFromScene5');
} }
// Scene 7 skip // Scene 7 skip
@@ -5977,8 +5910,6 @@
showNextBtn('next10a'); showNextBtn('next10a');
document.getElementById('sources10a').style.cssText = ''; document.getElementById('sources10a').style.cssText = '';
showNextBtn('sources10a'); showNextBtn('sources10a');
document.getElementById('hubFrom10a').style.cssText = '';
showNextBtn('hubFrom10a');
} }
// Scene 10b skip // Scene 10b skip
@@ -5995,8 +5926,6 @@
showNextBtn('sources10b'); showNextBtn('sources10b');
document.getElementById('back10b').style.cssText = ''; document.getElementById('back10b').style.cssText = '';
showNextBtn('back10b'); showNextBtn('back10b');
document.getElementById('hubFrom10b').style.cssText = '';
showNextBtn('hubFrom10b');
} }
// Scene 10c skip // Scene 10c skip
@@ -6016,8 +5945,6 @@
showNextBtn('sources10c'); showNextBtn('sources10c');
document.getElementById('back10c').style.cssText = ''; document.getElementById('back10c').style.cssText = '';
showNextBtn('back10c'); showNextBtn('back10c');
document.getElementById('hubFrom10c').style.cssText = '';
showNextBtn('hubFrom10c');
} }
// Scene 10d skip // Scene 10d skip
@@ -6034,8 +5961,6 @@
showNextBtn('sources10d'); showNextBtn('sources10d');
document.getElementById('back10d').style.cssText = ''; document.getElementById('back10d').style.cssText = '';
showNextBtn('back10d'); showNextBtn('back10d');
document.getElementById('hubFrom10d').style.cssText = '';
showNextBtn('hubFrom10d');
} }
// Scene 10e skip // Scene 10e skip
@@ -6062,8 +5987,6 @@
showNextBtn('sources10e'); showNextBtn('sources10e');
document.getElementById('back10e').style.cssText = ''; document.getElementById('back10e').style.cssText = '';
showNextBtn('back10e'); showNextBtn('back10e');
document.getElementById('hubFrom10e').style.cssText = '';
showNextBtn('hubFrom10e');
} }
// Scene 11 skip // Scene 11 skip
@@ -6085,8 +6008,6 @@
showNextBtn('returnFromScene11'); showNextBtn('returnFromScene11');
document.getElementById('sources11').style.cssText = ''; document.getElementById('sources11').style.cssText = '';
showNextBtn('sources11'); showNextBtn('sources11');
document.getElementById('hubFromScene11').style.cssText = '';
showNextBtn('hubFromScene11');
} }
// Scene F1 skip // Scene F1 skip
@@ -6101,8 +6022,6 @@
showNextBtn('nextF1'); showNextBtn('nextF1');
document.getElementById('sourcesF1').style.cssText = ''; document.getElementById('sourcesF1').style.cssText = '';
showNextBtn('sourcesF1'); showNextBtn('sourcesF1');
document.getElementById('hubFromF1').style.cssText = '';
showNextBtn('hubFromF1');
} }
// Scene F2 skip // Scene F2 skip
@@ -6119,8 +6038,6 @@
showNextBtn('sourcesF2'); showNextBtn('sourcesF2');
document.getElementById('backF2').style.cssText = ''; document.getElementById('backF2').style.cssText = '';
showNextBtn('backF2'); showNextBtn('backF2');
document.getElementById('hubFromF2').style.cssText = '';
showNextBtn('hubFromF2');
} }
// Scene F3 skip // Scene F3 skip
@@ -6140,8 +6057,6 @@
showNextBtn('sourcesF3'); showNextBtn('sourcesF3');
document.getElementById('backF3').style.cssText = ''; document.getElementById('backF3').style.cssText = '';
showNextBtn('backF3'); showNextBtn('backF3');
document.getElementById('hubFromF3').style.cssText = '';
showNextBtn('hubFromF3');
} }
// Scene F4 skip // Scene F4 skip
@@ -6158,8 +6073,6 @@
showNextBtn('sourcesF4'); showNextBtn('sourcesF4');
document.getElementById('backF4').style.cssText = ''; document.getElementById('backF4').style.cssText = '';
showNextBtn('backF4'); showNextBtn('backF4');
document.getElementById('hubFromF4').style.cssText = '';
showNextBtn('hubFromF4');
} }
// Scene F5 skip // Scene F5 skip
@@ -6171,23 +6084,29 @@
const tl = sf5.querySelector('.s4tl'); const tl = sf5.querySelector('.s4tl');
buildFTimeline(tl, 4); buildFTimeline(tl, 4);
txt.innerHTML = "TODAY, A NEW FOOD SYSTEM IS EMERGING — REGENERATIVE AGRICULTURE, SYNTOPIC FARMING, LOCAL FOOD NETWORKS.\n\nPROJECTS LIKE <a href=\"https://vimeo.com/801031681/eb502b3911\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">GEOGRO</a> ARE BUILDING INFRUSTRUCUTE FOR FOOD YOU CAN CONTROL.\n\nLAB 484 SERVES ORGANIC, SEED-OIL-FREE, GRASS-FED, GLUTEN-FREE, AND VEGETARIAN-FRIENDLY CUISINE"; txt.innerHTML = "TODAY, A NEW FOOD SYSTEM IS EMERGING — REGENERATIVE AGRICULTURE, SYNTOPIC FARMING, LOCAL FOOD NETWORKS.\n\nPROJECTS LIKE <a href=\"https://vimeo.com/801031681/eb502b3911\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">GEOGRO</a> ARE BUILDING INFRUSTRUCUTE FOR FOOD YOU CAN CONTROL.\n\nLAB 484 SERVES ORGANIC, SEED-OIL-FREE, GRASS-FED, GLUTEN-FREE, AND VEGETARIAN-FRIENDLY CUISINE";
let html='<table class="comp-table"><tr><th></th><th>INDUSTRIAL</th><th>DECENTRALIZED</th></tr>';
html+='<tr><td>WHO DECIDES?</td><td>CORPORATIONS / GOVERNMENT</td><td>YOU + YOUR FARMER</td></tr>';
html+='<tr><td>ACCESS</td><td>GATEKEPT</td><td>DIRECT</td></tr>';
html+='<tr><td>SEEDS</td><td>PATENTED</td><td>OPEN / HEIRLOOM</td></tr>';
html+='<tr><td>SOIL HEALTH</td><td>CHEMICAL-DEPENDENT</td><td>REGENERATIVE</td></tr>';
html+='<tr><td>COST MODEL</td><td>SUBSIDY-BASED</td><td>DIRECT PAYMENT</td></tr>';
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">\uD83C\uDF3E</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR FOOD</span></div><div class="punch-card"><span class="punch-icon">\uD83E\uDDD1\u200D\uD83C\uDF3E</span><span class="punch-text">KNOW YOUR FARMER —<br>NO CORPORATE MIDDLEMAN</span></div><div class="punch-card"><span class="punch-icon">\uD83C\uDF1E</span><span class="punch-text">REGENERATIVE —<br>HEALS THE SOIL</span></div></div>';
vis.innerHTML=html;
vis.classList.add('visible');
document.getElementById('nextF5').style.cssText = ''; document.getElementById('nextF5').style.cssText = '';
showNextBtn('nextF5'); showNextBtn('nextF5');
document.getElementById('sourcesF5').style.cssText = ''; document.getElementById('sourcesF5').style.cssText = '';
showNextBtn('sourcesF5'); showNextBtn('sourcesF5');
document.getElementById('backF5').style.cssText = ''; document.getElementById('backF5').style.cssText = '';
showNextBtn('backF5'); showNextBtn('backF5');
document.getElementById('hubFromF5').style.cssText = ''; }
showNextBtn('hubFromF5');
// Scene F6 skip
const sf6 = document.getElementById('sceneF6');
if (sf6.style.display === 'flex') {
f1c.forEach(t => clearTimeout(t)); f1c = [];
const txt = sf6.querySelector('.scene4text');
const vis = sf6.querySelector('.s4visual');
const tl = sf6.querySelector('.s4tl');
buildFTimeline(tl, 5);
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 = '';
showNextBtn('nextF6');
document.getElementById('sourcesF6').style.cssText = '';
showNextBtn('sourcesF6');
document.getElementById('backF6').style.cssText = '';
showNextBtn('backF6');
} }
// Scene FoodSum skip // Scene FoodSum skip
@@ -6212,8 +6131,6 @@
showNextBtn('sourcesFoodSum'); showNextBtn('sourcesFoodSum');
document.getElementById('backFoodSum').style.cssText = ''; document.getElementById('backFoodSum').style.cssText = '';
showNextBtn('backFoodSum'); showNextBtn('backFoodSum');
document.getElementById('hubFromFoodSum').style.cssText = '';
showNextBtn('hubFromFoodSum');
} }
// Scene FoodLinks skip // Scene FoodLinks skip
@@ -6221,11 +6138,9 @@
if (sfLinks.style.display === 'flex') { if (sfLinks.style.display === 'flex') {
f1c.forEach(t => clearTimeout(t)); f1c = []; f1c.forEach(t => clearTimeout(t)); f1c = [];
const txt = document.getElementById('sFoodLinksText'); const txt = document.getElementById('sFoodLinksText');
txt.innerHTML = "READY TO EXPLORE THE DECENTRALIZED FOOD MOVEMENT?\n\nCHOOSE A SITE TO LEARN MORE:"; txt.innerHTML = "From local growing systems to mobile food experiences, we\u2019re building a more connected food future";
document.getElementById('returnFromFoodLinks').style.cssText = ''; document.getElementById('returnFromFoodLinks').style.cssText = '';
showNextBtn('returnFromFoodLinks'); showNextBtn('returnFromFoodLinks');
document.getElementById('hubFromFoodLinks').style.cssText = '';
showNextBtn('hubFromFoodLinks');
document.getElementById('foodTimelineVimeo').style.cssText = 'display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;'; document.getElementById('foodTimelineVimeo').style.cssText = 'display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
document.getElementById('foodTimelineKitchen').style.cssText = 'display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;'; document.getElementById('foodTimelineKitchen').style.cssText = 'display:block;width:100%;padding:0.8rem 2rem;margin:0.5rem 0;background:#001100;color:#00ff00;border:2px solid #00ff00;cursor:pointer;font-family:\'Courier New\',monospace;font-size:1rem;letter-spacing:2px;transition:background 0.2s ease;';
} }
@@ -6283,7 +6198,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==='sceneF5'||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==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF5'||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>