1
0

Save point: add back button and update text for sceneFoodLinks, remove 'answer is who controls it' from sceneF6

This commit is contained in:
avi
2026-05-17 13:10:10 -05:00
parent 388485567a
commit 33d2ad97da

View File

@@ -1586,6 +1586,7 @@
<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">GEOGRO</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="backFoodLinks">BACK</button>
<button class="btnNext" id="returnFromFoodLinks">RETURN TO LAB</button> <button class="btnNext" id="returnFromFoodLinks">RETURN TO LAB</button>
</div> </div>
</div> </div>
@@ -3088,20 +3089,14 @@
typeHtmlCalmly(txt,"VERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL. IS THAT REALLY REGENERATIVE?",()=>{ typeHtmlCalmly(txt,"VERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL. IS THAT REALLY REGENERATIVE?",()=>{
const t3=setTimeout(()=>{ const t3=setTimeout(()=>{
txt.innerHTML+="\n\n"; txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"AI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS? WHO OWNS THE DATA?",()=>{ typeHtmlCalmly(txt,"AI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS? WHO OWNS THE DATA?",()=>{
const t4=setTimeout(()=>{ const t4=setTimeout(()=>{
txt.innerHTML+="\n\n"; document.getElementById('nextF6').style.cssText='';
typeHtmlCalmly(txt,"THE ANSWER ISN'T BETTER TECHNOLOGY. IT'S WHO CONTROLS IT.",()=>{ showNextBtn('nextF6');
const t5=setTimeout(()=>{ document.getElementById('sourcesF6').style.cssText='';
document.getElementById('nextF6').style.cssText=''; showNextBtn('sourcesF6');
showNextBtn('nextF6'); document.getElementById('backF6').style.cssText='';
document.getElementById('sourcesF6').style.cssText=''; showNextBtn('backF6');
showNextBtn('sourcesF6');
document.getElementById('backF6').style.cssText='';
showNextBtn('backF6');
},500);
f1c.push(t5);
},8,20,f1c);
},500); },500);
f1c.push(t4); f1c.push(t4);
},8,20,f1c); },8,20,f1c);
@@ -3212,8 +3207,9 @@
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,"From local growing systems to mobile food experiences, we\u2019re building a more connected food future",()=>{ typeHtmlCalmly(txt,"FROM DECENTRALIZED ORGANIC GROWING SYSTEMS TO MOBILE HEALTHY FOOD EXPERIENCES, WE\u2019RE BUILDING A MORE CONNECTED AND NOURISHING FOOD FUTURE.",()=>{
const t1=setTimeout(()=>{ const t1=setTimeout(()=>{
showNextBtn('backFoodLinks');
showNextBtn('returnFromFoodLinks'); showNextBtn('returnFromFoodLinks');
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;';
@@ -5443,6 +5439,11 @@
returnToLab(); returnToLab();
}); });
}); });
document.getElementById('backFoodLinks').addEventListener('click', () => {
document.getElementById('sceneFoodLinks').style.display = 'none';
f1c.forEach(t => clearTimeout(t)); f1c = [];
loadSceneFoodSum(document.getElementById('sceneFoodSum'));
});
document.getElementById('returnFromFoodLinks').addEventListener('click', () => { document.getElementById('returnFromFoodLinks').addEventListener('click', () => {
document.getElementById('sceneFoodLinks').style.display = 'none'; document.getElementById('sceneFoodLinks').style.display = 'none';
f1c.forEach(t => clearTimeout(t)); f1c = []; f1c.forEach(t => clearTimeout(t)); f1c = [];
@@ -6660,7 +6661,7 @@
const vis = sf6.querySelector('.s4visual'); const vis = sf6.querySelector('.s4visual');
const tl = sf6.querySelector('.s4tl'); const tl = sf6.querySelector('.s4tl');
buildFTimeline(tl, 4); buildFTimeline(tl, 4);
txt.innerHTML = "THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.\n\nLAB-GROWN MEAT PROMISES TO END FACTORY FARMING — BUT IT'S ULTRA-PROCESSED, ENERGY-INTENSIVE, AND CONTROLLED BY THE SAME CORPORATIONS.\n\nVERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL.\n\nAI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS?\n\nTHE ANSWER ISN'T BETTER TECHNOLOGY. IT'S WHO CONTROLS IT."; txt.innerHTML = "THE FUTURE OF FOOD IS HERE — AND THE SAME GATEKEEPER DYNAMICS ARE REPEATING.\n\nLAB-GROWN MEAT PROMISES TO END FACTORY FARMING — BUT IT'S ULTRA-PROCESSED, ENERGY-INTENSIVE, AND CONTROLLED BY THE SAME CORPORATIONS.\n\nVERTICAL FARMS USE 95% LESS WATER — BUT THEY RUN ON LED LIGHTS AND CLIMATE CONTROL.\n\nAI PROMISES TO OPTIMIZE EVERY CROP — BUT WHO OWNS THE ALGORITHMS?";
document.getElementById('nextF6').style.cssText = ''; document.getElementById('nextF6').style.cssText = '';
showNextBtn('nextF6'); showNextBtn('nextF6');
document.getElementById('sourcesF6').style.cssText = ''; document.getElementById('sourcesF6').style.cssText = '';
@@ -6698,7 +6699,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 = "From local growing systems to mobile food experiences, we\u2019re building a more connected food future"; txt.innerHTML = "FROM DECENTRALIZED ORGANIC GROWING SYSTEMS TO MOBILE HEALTHY FOOD EXPERIENCES, WE\u2019RE BUILDING A MORE CONNECTED AND NOURISHING FOOD FUTURE.";
document.getElementById('backFoodLinks').style.cssText = '';
showNextBtn('backFoodLinks');
document.getElementById('returnFromFoodLinks').style.cssText = ''; document.getElementById('returnFromFoodLinks').style.cssText = '';
showNextBtn('returnFromFoodLinks'); showNextBtn('returnFromFoodLinks');
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;';