From cedcf4a57575a7a6d613add2b0000cca0b3abdae Mon Sep 17 00:00:00 2001 From: avi Date: Thu, 14 May 2026 14:22:33 -0500 Subject: [PATCH] Save point: YOUR FOOD button opens overlay with two site choices (Vimeo / 484.kitchen) --- index.html | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/index.html b/index.html index ce24e7b..0a01082 100644 --- a/index.html +++ b/index.html @@ -804,6 +804,38 @@ cursor: pointer; border-radius: 4px; } #sceneRefs .refs-back button:hover { background: #005500; } + + /* YOUR FOOD overlay */ + #foodOverlay { + position: fixed; top: 0; left: 0; width: 100%; height: 100%; + z-index: 200; + display: none; justify-content: center; align-items: center; + background: rgba(0,0,0,0.85); + font-family: 'Courier New', monospace; + } + #foodOverlay.visible { display: flex; } + #foodOverlay .food-box { + background: #000; border: 2px solid #00ff00; + padding: 2rem 3rem; text-align: center; border-radius: 4px; + } + #foodOverlay .food-title { + color: #00ff00; font-size: 1.2rem; margin-bottom: 1.5rem; + } + #foodOverlay .food-btn { + 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; + } + #foodOverlay .food-btn:hover { background: #003300; } + #foodOverlay .food-close { + margin-top: 1rem; background: none; border: none; + color: #007700; cursor: pointer; + font-family: 'Courier New', monospace; font-size: 0.85rem; + } + #foodOverlay .food-close:hover { color: #00ff00; } @@ -3082,9 +3114,19 @@ transitionToScene('scene3', loadScene6, 'scene6'); }); document.getElementById('yourFoodBtn').addEventListener('click', () => { + document.getElementById('foodOverlay').classList.add('visible'); + }); + document.getElementById('foodVimeo').addEventListener('click', () => { sessionStorage.setItem('returnToScene', 'scene3'); window.location.href = 'https://vimeo.com/801031681/eb502b3911'; }); + document.getElementById('foodKitchen').addEventListener('click', () => { + sessionStorage.setItem('returnToScene', 'scene3'); + window.location.href = 'https://484.kitchen'; + }); + document.getElementById('foodClose').addEventListener('click', () => { + document.getElementById('foodOverlay').classList.remove('visible'); + }); document.getElementById('yourHealthBtn').addEventListener('click', () => { sessionStorage.setItem('returnToScene', 'scene3'); window.location.href = 'https://syntropy.institute/'; @@ -3547,5 +3589,14 @@ +
+
+
CHOOSE A SITE
+ + + +
+
+