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

Save point: Scene 3 single-line recruitment text about connecting with people who see what's happening

Browse Source
This commit is contained in:
avi
2026-05-09 17:37:14 -05:00
parent adc1dc5e93
commit 78667e6332
1 changed files with 18 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
index.html
View File

@@ -718,21 +718,15 @@
}, 30); }, 30);
} }
// Scene 3 loader with 4-line recruitment sequence and 3 choice buttons // Scene 3 loader with recruitment text and 3 choice buttons
function loadScene3(sceneElem) { function loadScene3(sceneElem) {
sceneElem.style.display = 'flex'; sceneElem.style.display = 'flex';
const title = document.getElementById('scene3Title'); const title = document.getElementById('scene3Title');
const textContainer = document.getElementById('scene3Text'); const textContainer = document.getElementById('scene3Text');
const recruitLines = document.getElementById('scene3RecruitLines'); const recruitLines = document.getElementById('scene3RecruitLines');
const rl1 = document.getElementById('scene3RecruitLine1'); const rl1 = document.getElementById('scene3RecruitLine1');
const rl2 = document.getElementById('scene3RecruitLine2');
const rl3 = document.getElementById('scene3RecruitLine3');
const rl4 = document.getElementById('scene3RecruitLine4');
const rt1 = document.getElementById('scene3RecruitText1'); const rt1 = document.getElementById('scene3RecruitText1');
const rt2 = document.getElementById('scene3RecruitText2');
const rt4 = document.getElementById('scene3RecruitText4');
const cursor = document.getElementById('scene3RecruitCursor'); const cursor = document.getElementById('scene3RecruitCursor');
const cursor2 = document.getElementById('scene3RecruitCursor2');
const creatorBtn = document.getElementById('creatorBtn'); const creatorBtn = document.getElementById('creatorBtn');
const builderBtn = document.getElementById('builderBtn'); const builderBtn = document.getElementById('builderBtn');
const developerBtn = document.getElementById('developerBtn'); const developerBtn = document.getElementById('developerBtn');
@@ -756,33 +750,23 @@
rl1.style.display = 'flex'; rl1.style.display = 'flex';
blinkCursor(cursor, 3, () => { blinkCursor(cursor, 3, () => {
typeCalmly(rt1, "THE LAB IS LOOKING TO PARTNER WITH PEOPLE WHO ARE LIKE MINDED", () => { typeCalmly(rt1, "THE LAB IS CONNECTING WITH PEOPLE WHO SEE WHAT'S HAPPENING — WHO KNOW CHANGE ISN'T OPTIONAL ANYMORE. WE'RE LOOKING FOR THOSE READY TO STEP IN AND SHAPE THE FUTURE.", () => {
rl2.style.display = 'flex'; setTimeout(() => {
typeCalmly(rt2, "WHO BELIEVE THE WORLD NEEDS TO CHANGE...", () => { choiceBtns.forEach(btn => {
rl3.style.display = 'flex'; btn.style.display = 'block';
btn.style.visibility = 'visible';
blinkCursor(cursor2, 3, () => { let btnOpacity = 0;
rl4.style.display = 'flex'; const btnFadeIn = setInterval(() => {
typeCalmly(rt4, "WE ARE LOOKING FOR", () => { btnOpacity += 0.02;
setTimeout(() => { if (btnOpacity >= 1) {
choiceBtns.forEach(btn => { btnOpacity = 1;
btn.style.display = 'block'; clearInterval(btnFadeIn);
btn.style.visibility = 'visible'; btn.style.pointerEvents = 'auto';
let btnOpacity = 0; }
const btnFadeIn = setInterval(() => { btn.style.opacity = btnOpacity;
btnOpacity += 0.02; }, 30);
if (btnOpacity >= 1) {
btnOpacity = 1;
clearInterval(btnFadeIn);
btn.style.pointerEvents = 'auto';
}
btn.style.opacity = btnOpacity;
}, 30);
});
}, 3000);
});
}); });
}); }, 3000);
}); });
}); });
}, 2000); }, 2000);
@@ -850,28 +834,16 @@
const scene3 = document.getElementById('scene3'); const scene3 = document.getElementById('scene3');
const recruitLines = document.getElementById('scene3RecruitLines'); const recruitLines = document.getElementById('scene3RecruitLines');
const rl1 = document.getElementById('scene3RecruitLine1'); const rl1 = document.getElementById('scene3RecruitLine1');
const rl2 = document.getElementById('scene3RecruitLine2');
const rl3 = document.getElementById('scene3RecruitLine3');
const rl4 = document.getElementById('scene3RecruitLine4');
const rt1 = document.getElementById('scene3RecruitText1'); const rt1 = document.getElementById('scene3RecruitText1');
const rt2 = document.getElementById('scene3RecruitText2');
const rt4 = document.getElementById('scene3RecruitText4');
const rCursor = document.getElementById('scene3RecruitCursor'); const rCursor = document.getElementById('scene3RecruitCursor');
const rCursor2 = document.getElementById('scene3RecruitCursor2');
const creatorBtn = document.getElementById('creatorBtn'); const creatorBtn = document.getElementById('creatorBtn');
const builderBtn = document.getElementById('builderBtn'); const builderBtn = document.getElementById('builderBtn');
const developerBtn = document.getElementById('developerBtn'); const developerBtn = document.getElementById('developerBtn');
if (scene3.style.display === 'flex' && creatorBtn.style.visibility !== 'visible') { if (scene3.style.display === 'flex' && creatorBtn.style.visibility !== 'visible') {
rCursor.style.display = 'none'; rCursor.style.display = 'none';
rCursor2.style.display = 'none';
recruitLines.style.display = 'flex'; recruitLines.style.display = 'flex';
rl1.style.display = 'flex'; rl1.style.display = 'flex';
rl2.style.display = 'flex'; rt1.textContent = "THE LAB IS CONNECTING WITH PEOPLE WHO SEE WHAT'S HAPPENING — WHO KNOW CHANGE ISN'T OPTIONAL ANYMORE. WE'RE LOOKING FOR THOSE READY TO STEP IN AND SHAPE THE FUTURE.";
rl3.style.display = 'flex';
rl4.style.display = 'flex';
rt1.textContent = "THE LAB IS LOOKING TO PARTNER WITH PEOPLE WHO ARE LIKE MINDED";
rt2.textContent = "WHO BELIEVE THE WORLD NEEDS TO CHANGE...";
rt4.textContent = "WE ARE LOOKING FOR";
[creatorBtn, builderBtn, developerBtn].forEach(btn => { [creatorBtn, builderBtn, developerBtn].forEach(btn => {
btn.style.display = 'block'; btn.style.display = 'block';
btn.style.visibility = 'visible'; btn.style.visibility = 'visible';