forked from avi/signalelsewhere
Save point: YOUR FOOD button opens overlay with two site choices (Vimeo / 484.kitchen)
This commit is contained in:
51
index.html
51
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; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -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 @@
|
||||
</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>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user