Save point: remove scene F5 (2010+ Decentralized Food), rewire F4→F6 and F6/FoodSum BACK buttons, clean up all sceneF5 refs

This commit is contained in:
avi
2026-05-15 00:55:50 -05:00
parent 71adc409b3
commit 87a9008b85

View File

@@ -247,12 +247,6 @@
padding: 8rem 2rem 1.5rem; padding: 8rem 2rem 1.5rem;
overflow-y: auto; overflow-y: auto;
} }
#sceneF5 {
padding-top: 2rem;
}
#sceneF5 .s4visual {
margin-top: 0;
}
#sceneM4 { #sceneM4 {
padding-top: 2rem; padding-top: 2rem;
} }
@@ -1340,16 +1334,6 @@
<button class="btnNext" id="nextF4">NEXT</button> <button class="btnNext" id="nextF4">NEXT</button>
</div> </div>
</div> </div>
<div id="sceneF5" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="sF5Text"></div>
<div class="s4visual" id="sF5Visual"></div>
<div class="btn-row">
<button class="btnNext" id="sourcesF5">SOURCES</button>
<button class="btnNext" id="backF5">BACK</button>
<button class="btnNext" id="nextF5">NEXT</button>
</div>
</div>
<div id="sceneF6" class="scene scene4sub"> <div id="sceneF6" class="scene scene4sub">
<div class="s4tl"></div> <div class="s4tl"></div>
<div class="scene4text" id="sF6Text"></div> <div class="scene4text" id="sF6Text"></div>
@@ -2649,45 +2633,6 @@
} }
// Scene F5 — 2010+ Decentralized Food // Scene F5 — 2010+ Decentralized Food
function loadSceneF5(sceneElem) {
f1c=[];
rstSceneBtns('sceneF5');
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('nextF5').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildFTimeline(tl,4);
typeHtmlCalmly(txt,"TODAY, A NEW FOOD SYSTEM IS EMERGING — REGENERATIVE AGRICULTURE, SYNTOPIC FARMING, LOCAL FOOD NETWORKS.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"PROJECTS LIKE ",()=>{
const link=document.createElement('a');
link.href='https://vimeo.com/801031681/eb502b3911';
link.target='_blank';
link.textContent='GEOGRO';
link.style.cssText='text-decoration:underline;font-weight:bold;color:#00ff00';
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",()=>{
const t2=setTimeout(()=>{
showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5');
},800);
f1c.push(t2);
},undefined,undefined,f1c);
},undefined,undefined,f1c);
},1200);
f1c.push(t1);
},undefined,undefined,f1c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene F6 — 2026 The Present Food Frontier // Scene F6 — 2026 The Present Food Frontier
function loadSceneF6(sceneElem) { function loadSceneF6(sceneElem) {
f1c=[]; f1c=[];
@@ -4963,20 +4908,12 @@
}); });
document.getElementById('nextF4').addEventListener('click', () => { document.getElementById('nextF4').addEventListener('click', () => {
document.getElementById('sceneF4').style.display = 'none'; document.getElementById('sceneF4').style.display = 'none';
loadSceneF5(document.getElementById('sceneF5')); loadSceneF6(document.getElementById('sceneF6'));
}); });
document.getElementById('backF4').addEventListener('click', () => { document.getElementById('backF4').addEventListener('click', () => {
document.getElementById('sceneF4').style.display = 'none'; document.getElementById('sceneF4').style.display = 'none';
loadSceneF3(document.getElementById('sceneF3')); loadSceneF3(document.getElementById('sceneF3'));
}); });
document.getElementById('nextF5').addEventListener('click', () => {
document.getElementById('sceneF5').style.display = 'none';
loadSceneF6(document.getElementById('sceneF6'));
});
document.getElementById('backF5').addEventListener('click', () => {
document.getElementById('sceneF5').style.display = 'none';
loadSceneF4(document.getElementById('sceneF4'));
});
document.getElementById('sourcesF6').addEventListener('click', () => { document.getElementById('sourcesF6').addEventListener('click', () => {
refsCaller = 'sceneF6'; refsCaller = 'sceneF6';
document.getElementById('sceneF6').style.display = 'none'; document.getElementById('sceneF6').style.display = 'none';
@@ -4984,7 +4921,7 @@
}); });
document.getElementById('backF6').addEventListener('click', () => { document.getElementById('backF6').addEventListener('click', () => {
document.getElementById('sceneF6').style.display = 'none'; document.getElementById('sceneF6').style.display = 'none';
loadSceneF5(document.getElementById('sceneF5')); loadSceneF4(document.getElementById('sceneF4'));
}); });
document.getElementById('nextF6').addEventListener('click', () => { document.getElementById('nextF6').addEventListener('click', () => {
document.getElementById('sceneF6').style.display = 'none'; document.getElementById('sceneF6').style.display = 'none';
@@ -4996,7 +4933,7 @@
}); });
document.getElementById('backFoodSum').addEventListener('click', () => { document.getElementById('backFoodSum').addEventListener('click', () => {
document.getElementById('sceneFoodSum').style.display = 'none'; document.getElementById('sceneFoodSum').style.display = 'none';
loadSceneF5(document.getElementById('sceneF5')); loadSceneF6(document.getElementById('sceneF6'));
}); });
document.getElementById('returnFromFoodLinks').addEventListener('click', () => { document.getElementById('returnFromFoodLinks').addEventListener('click', () => {
document.getElementById('sceneFoodLinks').style.display = 'none'; document.getElementById('sceneFoodLinks').style.display = 'none';
@@ -5344,7 +5281,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==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex'; var c=refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';
refsCaller = null; refsCaller = null;
return; return;
} }
@@ -6075,23 +6012,6 @@
showNextBtn('backF4'); showNextBtn('backF4');
} }
// Scene F5 skip
const sf5 = document.getElementById('sceneF5');
if (sf5.style.display === 'flex') {
f1c.forEach(t => clearTimeout(t)); f1c = [];
const txt = sf5.querySelector('.scene4text');
const vis = sf5.querySelector('.s4visual');
const tl = sf5.querySelector('.s4tl');
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";
document.getElementById('nextF5').style.cssText = '';
showNextBtn('nextF5');
document.getElementById('sourcesF5').style.cssText = '';
showNextBtn('sourcesF5');
document.getElementById('backF5').style.cssText = '';
showNextBtn('backF5');
}
// Scene F6 skip // Scene F6 skip
const sf6 = document.getElementById('sceneF6'); const sf6 = document.getElementById('sceneF6');
if (sf6.style.display === 'flex') { if (sf6.style.display === 'flex') {
@@ -6198,7 +6118,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==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div> <div class="refs-back"><button id="refsBackBtn" onclick="document.getElementById('sceneRefs').classList.remove('visible');var c=window.refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11'||c==='sceneF1'||c==='sceneF2'||c==='sceneF3'||c==='sceneF4'||c==='sceneF6'||c==='sceneFoodSum'||c==='sceneFoodLinks'||c==='sceneD1'||c==='sceneD2'||c==='sceneD3'||c==='sceneD4'||c==='sceneD5'||c==='sceneM1'||c==='sceneM2'||c==='sceneM3'||c==='sceneM4'||c==='sceneM5'||c==='sceneI1'||c==='sceneI2'||c==='sceneI3'||c==='sceneI4'||c==='sceneI5')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div>
</div> </div>
</div> </div>