Save point: add back button and update text for sceneFoodLinks, remove 'answer is who controls it' from sceneF6
This commit is contained in:
35
index.html
35
index.html
@@ -1586,6 +1586,7 @@
|
||||
<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="foodTimelineKitchen">484.KITCHEN</button>
|
||||
<button class="btnNext" id="backFoodLinks">BACK</button>
|
||||
<button class="btnNext" id="returnFromFoodLinks">RETURN TO LAB</button>
|
||||
</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?",()=>{
|
||||
const t3=setTimeout(()=>{
|
||||
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(()=>{
|
||||
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);
|
||||
document.getElementById('nextF6').style.cssText='';
|
||||
showNextBtn('nextF6');
|
||||
document.getElementById('sourcesF6').style.cssText='';
|
||||
showNextBtn('sourcesF6');
|
||||
document.getElementById('backF6').style.cssText='';
|
||||
showNextBtn('backF6');
|
||||
},500);
|
||||
f1c.push(t4);
|
||||
},8,20,f1c);
|
||||
@@ -3212,8 +3207,9 @@
|
||||
const fi=setInterval(()=>{
|
||||
if (sceneElem.style.display !== 'flex' || document.getElementById('returnFromFoodLinks').style.visibility === 'visible') { clearInterval(fi); return; }
|
||||
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(()=>{
|
||||
showNextBtn('backFoodLinks');
|
||||
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('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();
|
||||
});
|
||||
});
|
||||
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('sceneFoodLinks').style.display = 'none';
|
||||
f1c.forEach(t => clearTimeout(t)); f1c = [];
|
||||
@@ -6660,7 +6661,7 @@
|
||||
const vis = sf6.querySelector('.s4visual');
|
||||
const tl = sf6.querySelector('.s4tl');
|
||||
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 = '';
|
||||
showNextBtn('nextF6');
|
||||
document.getElementById('sourcesF6').style.cssText = '';
|
||||
@@ -6698,7 +6699,9 @@
|
||||
if (sfLinks.style.display === 'flex') {
|
||||
f1c.forEach(t => clearTimeout(t)); f1c = [];
|
||||
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 = '';
|
||||
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;';
|
||||
|
||||
Reference in New Issue
Block a user