avi/signalelsewhere
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Save point: YOUR FOOD button opens overlay with two site choices (Vimeo / 484.kitchen)

Browse Source
This commit is contained in:
avi
2026-05-14 14:22:33 -05:00
parent 7102636137
commit cedcf4a575
1 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
index.html
View File

@@ -804,6 +804,38 @@
cursor: pointer; border-radius: 4px; cursor: pointer; border-radius: 4px;
} }
#sceneRefs .refs-back button:hover { background: #005500; } #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; }
</style> </style>
</head> </head>
<body> <body>
@@ -3082,9 +3114,19 @@
transitionToScene('scene3', loadScene6, 'scene6'); transitionToScene('scene3', loadScene6, 'scene6');
}); });
document.getElementById('yourFoodBtn').addEventListener('click', () => { document.getElementById('yourFoodBtn').addEventListener('click', () => {
document.getElementById('foodOverlay').classList.add('visible');
});
document.getElementById('foodVimeo').addEventListener('click', () => {
sessionStorage.setItem('returnToScene', 'scene3'); sessionStorage.setItem('returnToScene', 'scene3');
window.location.href = 'https://vimeo.com/801031681/eb502b3911'; 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', () => { document.getElementById('yourHealthBtn').addEventListener('click', () => {
sessionStorage.setItem('returnToScene', 'scene3'); sessionStorage.setItem('returnToScene', 'scene3');
window.location.href = 'https://syntropy.institute/'; window.location.href = 'https://syntropy.institute/';
@@ -3547,5 +3589,14 @@
</div> </div>
</div> </div>
<div id="foodOverlay">
<div class="food-box">
<div class="food-title">CHOOSE A SITE</div>
<button class="food-btn" id="foodVimeo">SIGNAL ELSEWHERE — VIMEO</button>
<button class="food-btn" id="foodKitchen">484.KITCHEN</button>
<button class="food-close" id="foodClose">CANCEL</button>
</div>
</div>
</body> </body>
</html> </html>