avi/SignalElsewhereGame
1
0
Fork 0
forked from avi/signalelsewhere
Code Pull Requests Activity

Save point: fix JS syntax errors in loadScene4a + loadScene4b — broken setTimeout/tHtmlCalmly nesting from TECH HUB edits was blanking the page

Browse Source
This commit is contained in:
avi
2026-05-14 21:23:37 -05:00
parent f663b52155
commit 760faf2fff
1 changed files with 195 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
index.html
View File

@@ -912,6 +912,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" id="hubFrom4a">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4b" class="scene scene4sub"> <div id="scene4b" class="scene scene4sub">
@@ -922,6 +923,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" id="hubFrom4b">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4c" class="scene scene4sub"> <div id="scene4c" class="scene scene4sub">
@@ -932,6 +934,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" id="hubFrom4c">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4d" class="scene scene4sub"> <div id="scene4d" class="scene scene4sub">
@@ -942,6 +945,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" id="hubFrom4d">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene4e" class="scene scene4sub"> <div id="scene4e" class="scene scene4sub">
@@ -952,6 +956,7 @@
<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>
@@ -961,6 +966,7 @@
<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>
@@ -1230,6 +1236,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" id="hubFrom10a">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10b" class="scene scene4sub"> <div id="scene10b" class="scene scene4sub">
@@ -1240,6 +1247,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" id="hubFrom10b">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10c" class="scene scene4sub"> <div id="scene10c" class="scene scene4sub">
@@ -1250,6 +1258,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" id="hubFrom10c">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10d" class="scene scene4sub"> <div id="scene10d" class="scene scene4sub">
@@ -1260,6 +1269,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" id="hubFrom10d">TECH HUB</button>
</div> </div>
</div> </div>
<div id="scene10e" class="scene scene4sub"> <div id="scene10e" class="scene scene4sub">
@@ -1270,6 +1280,7 @@
<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">
@@ -1278,6 +1289,7 @@
<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>
@@ -1289,6 +1301,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" id="hubFromF1">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF2" class="scene scene4sub"> <div id="sceneF2" class="scene scene4sub">
@@ -1299,6 +1312,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" id="hubFromF2">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF3" class="scene scene4sub"> <div id="sceneF3" class="scene scene4sub">
@@ -1309,6 +1323,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" id="hubFromF3">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF4" class="scene scene4sub"> <div id="sceneF4" class="scene scene4sub">
@@ -1319,6 +1334,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" id="hubFromF4">TECH HUB</button>
</div> </div>
</div> </div>
<div id="sceneF5" class="scene scene4sub"> <div id="sceneF5" class="scene scene4sub">
@@ -1329,6 +1345,7 @@
<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> </div>
<div id="sceneFoodSum" class="scene"> <div id="sceneFoodSum" class="scene">
@@ -1338,6 +1355,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" 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;">
@@ -1346,6 +1364,7 @@
<button class="food-btn" id="foodTimelineVimeo">SIGNAL ELSEWHERE — VIMEO</button> <button class="food-btn" id="foodTimelineVimeo">SIGNAL ELSEWHERE — VIMEO</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>
@@ -1901,7 +1920,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('next4a');showNextBtn('sources4a');showNextBtn('hubFrom4a');
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
},1500); },1500);
@@ -1915,7 +1934,7 @@
},30); },30);
} }
// Scene 4b — 1933 ORDER 6102 // Scene 4b — 1933 Executive Order 6102
function loadScene4b(sceneElem) { function loadScene4b(sceneElem) {
s4c=[]; s4c=[];
rstSceneBtns('scene4b'); rstSceneBtns('scene4b');
@@ -1939,7 +1958,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('next4b');showNextBtn('sources4b');showNextBtn('back4b');showNextBtn('hubFrom4b');
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -1978,7 +1997,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('next4c');showNextBtn('sources4c');showNextBtn('back4c');showNextBtn('hubFrom4c');
},800); },800);
s4c.push(t2); s4c.push(t2);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2027,7 +2046,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('next4d');showNextBtn('sources4d');showNextBtn('back4d');showNextBtn('hubFrom4d');
},800); },800);
s4c.push(t2); s4c.push(t2);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2078,7 +2097,7 @@
+'</div>'; +'</div>';
vis.innerHTML=html; vis.innerHTML=html;
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('next4e');showNextBtn('sources4e');showNextBtn('back4e'); showNextBtn('next4e');showNextBtn('sources4e');showNextBtn('back4e');showNextBtn('hubFrom4e');
},1200)); },1200));
},undefined,undefined,s4c); },undefined,undefined,s4c);
},undefined,undefined,s4c); },undefined,undefined,s4c);
@@ -2116,6 +2135,8 @@
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);
@@ -2184,7 +2205,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('next10a');showNextBtn('sources10a');showNextBtn('hubFrom10a');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t2); h10c.push(t2);
@@ -2234,7 +2255,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('next10b');showNextBtn('sources10b');showNextBtn('back10b');showNextBtn('hubFrom10b');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t3); h10c.push(t3);
@@ -2274,7 +2295,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('next10c');showNextBtn('sources10c');showNextBtn('back10c');showNextBtn('hubFrom10c');
},800); },800);
h10c.push(t2); h10c.push(t2);
},undefined,undefined,h10c); },undefined,undefined,h10c);
@@ -2318,7 +2339,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('next10d');showNextBtn('sources10d');showNextBtn('back10d');showNextBtn('hubFrom10d');
},undefined,undefined,h10c); },undefined,undefined,h10c);
},800); },800);
h10c.push(t3); h10c.push(t3);
@@ -2372,7 +2393,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('next10e');showNextBtn('sources10e');showNextBtn('back10e');showNextBtn('hubFrom10e');
},800); },800);
h10c.push(t2); h10c.push(t2);
},undefined,undefined,h10c); },undefined,undefined,h10c);
@@ -2416,6 +2437,8 @@
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);
@@ -2461,7 +2484,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('nextF1');showNextBtn('sourcesF1');showNextBtn('hubFromF1');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2512,7 +2535,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('nextF2');showNextBtn('sourcesF2');showNextBtn('backF2');showNextBtn('hubFromF2');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2558,7 +2581,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('nextF3');showNextBtn('sourcesF3');showNextBtn('backF3');showNextBtn('hubFromF3');
},800); },800);
f1c.push(t2); f1c.push(t2);
},undefined,undefined,f1c); },undefined,undefined,f1c);
@@ -2602,7 +2625,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('nextF4');showNextBtn('sourcesF4');showNextBtn('backF4');showNextBtn('hubFromF4');
},undefined,undefined,f1c); },undefined,undefined,f1c);
},800); },800);
f1c.push(t3); f1c.push(t3);
@@ -2654,7 +2677,7 @@
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>'; 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.innerHTML=html;
vis.classList.add('visible'); vis.classList.add('visible');
showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5'); showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5');showNextBtn('hubFromF5');
},800); },800);
f1c.push(t2); f1c.push(t2);
},undefined,undefined,f1c); },undefined,undefined,f1c);
@@ -2700,6 +2723,8 @@
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);
@@ -2727,6 +2752,8 @@
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"CHOOSE A SITE TO LEARN MORE:",()=>{ typeHtmlCalmly(txt,"CHOOSE A SITE TO LEARN MORE:",()=>{
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;';
},undefined,undefined,f1c); },undefined,undefined,f1c);
@@ -4760,6 +4787,68 @@
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'));
@@ -4844,6 +4933,26 @@
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');
@@ -4867,6 +4976,10 @@
}); });
}, 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';
@@ -4912,6 +5025,30 @@
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');
@@ -4935,6 +5072,10 @@
}); });
}, 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';
}); });
@@ -5331,6 +5472,8 @@
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 = '';
@@ -5339,6 +5482,8 @@
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>';
@@ -5349,6 +5494,8 @@
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">';
@@ -5362,6 +5509,8 @@
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=
@@ -5384,6 +5533,8 @@
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');
} }
} }
} }
@@ -5412,6 +5563,8 @@
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
@@ -5824,6 +5977,8 @@
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
@@ -5840,6 +5995,8 @@
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
@@ -5859,6 +6016,8 @@
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
@@ -5875,6 +6034,8 @@
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
@@ -5901,6 +6062,8 @@
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
@@ -5922,6 +6085,8 @@
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
@@ -5936,6 +6101,8 @@
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
@@ -5952,6 +6119,8 @@
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
@@ -5971,6 +6140,8 @@
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
@@ -5987,6 +6158,8 @@
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
@@ -6013,6 +6186,8 @@
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 FoodSum skip // Scene FoodSum skip
@@ -6037,6 +6212,8 @@
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
@@ -6047,6 +6224,8 @@
txt.innerHTML = "READY TO EXPLORE THE DECENTRALIZED FOOD MOVEMENT?\n\nCHOOSE A SITE TO LEARN MORE:"; txt.innerHTML = "READY TO EXPLORE THE DECENTRALIZED FOOD MOVEMENT?\n\nCHOOSE A SITE TO LEARN MORE:";
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;';
} }