From 78667e63326e48a574189aba3506ac25b48d0819 Mon Sep 17 00:00:00 2001 From: avi Date: Sat, 9 May 2026 17:37:14 -0500 Subject: [PATCH] Save point: Scene 3 single-line recruitment text about connecting with people who see what's happening --- index.html | 64 +++++++++++++++--------------------------------------- 1 file changed, 18 insertions(+), 46 deletions(-) diff --git a/index.html b/index.html index ca3270e..c174eaf 100644 --- a/index.html +++ b/index.html @@ -718,21 +718,15 @@ }, 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) { sceneElem.style.display = 'flex'; const title = document.getElementById('scene3Title'); const textContainer = document.getElementById('scene3Text'); const recruitLines = document.getElementById('scene3RecruitLines'); 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 rt2 = document.getElementById('scene3RecruitText2'); - const rt4 = document.getElementById('scene3RecruitText4'); const cursor = document.getElementById('scene3RecruitCursor'); - const cursor2 = document.getElementById('scene3RecruitCursor2'); const creatorBtn = document.getElementById('creatorBtn'); const builderBtn = document.getElementById('builderBtn'); const developerBtn = document.getElementById('developerBtn'); @@ -756,33 +750,23 @@ rl1.style.display = 'flex'; blinkCursor(cursor, 3, () => { - typeCalmly(rt1, "THE LAB IS LOOKING TO PARTNER WITH PEOPLE WHO ARE LIKE MINDED", () => { - rl2.style.display = 'flex'; - typeCalmly(rt2, "WHO BELIEVE THE WORLD NEEDS TO CHANGE...", () => { - rl3.style.display = 'flex'; - - blinkCursor(cursor2, 3, () => { - rl4.style.display = 'flex'; - typeCalmly(rt4, "WE ARE LOOKING FOR", () => { - setTimeout(() => { - choiceBtns.forEach(btn => { - btn.style.display = 'block'; - btn.style.visibility = 'visible'; - let btnOpacity = 0; - const btnFadeIn = setInterval(() => { - btnOpacity += 0.02; - if (btnOpacity >= 1) { - btnOpacity = 1; - clearInterval(btnFadeIn); - btn.style.pointerEvents = 'auto'; - } - btn.style.opacity = btnOpacity; - }, 30); - }); - }, 3000); - }); + 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.", () => { + setTimeout(() => { + choiceBtns.forEach(btn => { + btn.style.display = 'block'; + btn.style.visibility = 'visible'; + let btnOpacity = 0; + const btnFadeIn = setInterval(() => { + btnOpacity += 0.02; + if (btnOpacity >= 1) { + btnOpacity = 1; + clearInterval(btnFadeIn); + btn.style.pointerEvents = 'auto'; + } + btn.style.opacity = btnOpacity; + }, 30); }); - }); + }, 3000); }); }); }, 2000); @@ -850,28 +834,16 @@ const scene3 = document.getElementById('scene3'); const recruitLines = document.getElementById('scene3RecruitLines'); 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 rt2 = document.getElementById('scene3RecruitText2'); - const rt4 = document.getElementById('scene3RecruitText4'); const rCursor = document.getElementById('scene3RecruitCursor'); - const rCursor2 = document.getElementById('scene3RecruitCursor2'); const creatorBtn = document.getElementById('creatorBtn'); const builderBtn = document.getElementById('builderBtn'); const developerBtn = document.getElementById('developerBtn'); if (scene3.style.display === 'flex' && creatorBtn.style.visibility !== 'visible') { rCursor.style.display = 'none'; - rCursor2.style.display = 'none'; recruitLines.style.display = 'flex'; rl1.style.display = 'flex'; - rl2.style.display = 'flex'; - 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"; + 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."; [creatorBtn, builderBtn, developerBtn].forEach(btn => { btn.style.display = 'block'; btn.style.visibility = 'visible';