avi/SignalElsewhereGame
1
0
Fork 0
forked from avi/signalelsewhere
Code Pull Requests Activity

Save point: Scene 2 two-line layout - TO LAB 484 on next line with 3-blink cursor

Browse Source
This commit is contained in:
avi
2026-05-09 17:09:05 -05:00
parent 586383eb56
commit ad3a3d08f4
1 changed files with 56 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
index.html
View File

@@ -160,7 +160,15 @@
transform: translateX(-50%);
}
#scene2Line {
#scene2Lines {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
#scene2Line1 {
display: flex;
align-items: center;
justify-content: center;
@@ -172,7 +180,25 @@
text-align: center;
}
#scene2Cursor {
#scene2Line2 {
display: none;
align-items: center;
justify-content: center;
font-size: 1.2rem;
line-height: 1.8;
color: #00ff00;
padding: 0 2rem 2rem;
text-align: center;
}
#scene2Message2 {
color: #00ff00;
font-family: 'Courier New', monospace;
font-size: 1.2rem;
}
#scene2Cursor,
#scene2Cursor2 {
display: none;
width: 10px;
height: 1.4em;
@@ -245,10 +271,16 @@
<button id="followBtn">FOLLOW THEM</button>
<div id="scene2" class="scene">
<div id="scene2Line">
<div id="scene2Lines">
<div id="scene2Line1">
<span id="scene2Message"></span>
<span id="scene2Cursor"></span>
</div>
<div id="scene2Line2">
<span id="scene2Message2"></span>
<span id="scene2Cursor2"></span>
</div>
</div>
<button id="whatIsLabBtn">WHAT IS LAB 484?</button>
</div>
@@ -559,9 +591,13 @@
function loadScene2(sceneElem) {
sceneElem.style.display = 'flex';
const line = document.getElementById('scene2Line');
const linesContainer = document.getElementById('scene2Lines');
const line1 = document.getElementById('scene2Line1');
const line2 = document.getElementById('scene2Line2');
const message = document.getElementById('scene2Message');
const message2 = document.getElementById('scene2Message2');
const cursor = document.getElementById('scene2Cursor');
const cursor2 = document.getElementById('scene2Cursor2');
const btn = document.getElementById('whatIsLabBtn');
let opacity = 0;
@@ -571,12 +607,16 @@
opacity = 1;
clearInterval(fadeIn);
line.style.visibility = 'visible';
linesContainer.style.display = 'flex';
line1.style.visibility = 'visible';
blinkCursor(cursor, 5, () => {
typeCalmly(message, "...AND THAT AWARENESS HAS LED YOU HERE...", () => {
blinkCursor(cursor, 3, () => {
typeCalmly(message, " TO LAB 484", () => {
cursor.style.display = 'none';
line2.style.display = 'flex';
blinkCursor(cursor2, 3, () => {
typeCalmly(message2, "TO LAB 484", () => {
setTimeout(() => {
btn.style.visibility = 'visible';
let btnOpacity = 0;
@@ -767,11 +807,17 @@
// Scene 2 skip (calm typing)
const scene2 = document.getElementById('scene2');
const s2Cursor = document.getElementById('scene2Cursor');
const s2Cursor2 = document.getElementById('scene2Cursor2');
const s2Message = document.getElementById('scene2Message');
const s2Message2 = document.getElementById('scene2Message2');
const s2Line2 = document.getElementById('scene2Line2');
const s2Btn = document.getElementById('whatIsLabBtn');
if (scene2.style.display === 'flex' && s2Btn.style.visibility !== 'visible') {
s2Cursor.style.display = 'none';
s2Message.textContent = '...AND THAT AWARENESS HAS LED YOU HERE... TO LAB 484';
s2Cursor2.style.display = 'none';
s2Message.textContent = '...AND THAT AWARENESS HAS LED YOU HERE...';
s2Line2.style.display = 'flex';
s2Message2.textContent = 'TO LAB 484';
s2Btn.style.visibility = 'visible';
s2Btn.style.opacity = '1';
s2Btn.style.pointerEvents = 'auto';