Save point: Scene 3 single-line recruitment text about connecting with people who see what's happening
This commit is contained in:
34
index.html
34
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,14 +750,7 @@
|
||||
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", () => {
|
||||
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';
|
||||
@@ -782,9 +769,6 @@
|
||||
}, 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';
|
||||
|
||||
Reference in New Issue
Block a user