forked from avi/signalelsewhere
Save point: food scene F5 content update (GEOGRO, LAB 484 cuisine), Escape key fix for all scenes, tech hub RETURN box, null-guard SOURCES buttons, F5 layout adjustments
This commit is contained in:
24
index.html
24
index.html
@@ -247,6 +247,12 @@
|
|||||||
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;
|
||||||
|
}
|
||||||
.scene4text {
|
.scene4text {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -949,7 +955,9 @@
|
|||||||
<div class="hub-row" id="hubRow2">
|
<div class="hub-row" id="hubRow2">
|
||||||
<button class="hub-btn" id="goInternetTech">INTERNET</button>
|
<button class="hub-btn" id="goInternetTech">INTERNET</button>
|
||||||
</div>
|
</div>
|
||||||
<button class="hub-btn hub-return" id="returnFromTechHub">RETURN</button>
|
<div class="hub-row" style="margin-top:1rem;">
|
||||||
|
<button class="hub-btn hub-return" id="returnFromTechHub">RETURN</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -2381,14 +2389,13 @@
|
|||||||
txt.innerHTML+="\n\n";
|
txt.innerHTML+="\n\n";
|
||||||
typeHtmlCalmly(txt,"PROJECTS LIKE ",()=>{
|
typeHtmlCalmly(txt,"PROJECTS LIKE ",()=>{
|
||||||
const link=document.createElement('a');
|
const link=document.createElement('a');
|
||||||
link.href='https://484.kitchen';
|
link.href='https://vimeo.com/801031681/eb502b3911';
|
||||||
link.target='_blank';
|
link.target='_blank';
|
||||||
link.textContent='484.KITCHEN';
|
link.textContent='GEOGRO';
|
||||||
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 THE INFRASTRUCTURE FOR FOOD YOU CONTROL.",()=>{
|
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(()=>{
|
||||||
txt.innerHTML+="\n\n";
|
|
||||||
let html='<table class="comp-table"><tr><th></th><th>INDUSTRIAL</th><th>DECENTRALIZED</th></tr>';
|
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>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>ACCESS</td><td>GATEKEPT</td><td>DIRECT</td></tr>';
|
||||||
@@ -4057,7 +4064,8 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
['4a','4b','4c','4d','4e','5','10a','10b','10c','10d','10e','11','F1','F2','F3','F4','F5','FoodSum','FoodLinks'].forEach(function(id){
|
['4a','4b','4c','4d','4e','5','10a','10b','10c','10d','10e','11','F1','F2','F3','F4','F5','FoodSum','FoodLinks'].forEach(function(id){
|
||||||
document.getElementById('sources'+id).addEventListener('click',function(){
|
var el = document.getElementById('sources'+id);
|
||||||
|
if (el) el.addEventListener('click',function(){
|
||||||
window.refsCaller='scene'+id;
|
window.refsCaller='scene'+id;
|
||||||
document.getElementById('scene'+id).style.display='none';
|
document.getElementById('scene'+id).style.display='none';
|
||||||
document.getElementById('sceneRefs').classList.add('visible');
|
document.getElementById('sceneRefs').classList.add('visible');
|
||||||
@@ -4194,7 +4202,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')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==='sceneFoodSum'||c==='sceneFoodLinks')document.getElementById(c).style.display='flex';
|
||||||
refsCaller = null;
|
refsCaller = null;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -4602,7 +4610,7 @@
|
|||||||
const vis = sf5.querySelector('.s4visual');
|
const vis = sf5.querySelector('.s4visual');
|
||||||
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://484.kitchen\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">484.KITCHEN</a> ARE BUILDING THE INFRASTRUCTURE FOR FOOD YOU CONTROL.\n\n";
|
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>';
|
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>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>ACCESS</td><td>GATEKEPT</td><td>DIRECT</td></tr>';
|
||||||
|
|||||||
Reference in New Issue
Block a user