diff --git a/index.html b/index.html
index 5c2d2fc..4fc8a49 100644
--- a/index.html
+++ b/index.html
@@ -656,7 +656,7 @@
}, 30);
}
- // Scene 3 loader with I AM A... sequence and 3 choice buttons
+ // Scene 3 loader with recruitment text sequence and 3 choice buttons
function loadScene3(sceneElem) {
sceneElem.style.display = 'flex';
const title = document.getElementById('scene3Title');
@@ -680,36 +680,14 @@
}, 300);
typewriterLines(
- [" IN NUMEROLOGY, THE NUMBERS 484 STAND FOR ALL MATERIAL PROVISION FOR YOUR DIVINE LIFE PATH", "\n\nLAB 484 IS A TECH INCUBATOR THAT HAS 11 STARTUPS UNDERNEATH IT"],
+ ["LAB 484 IS AN INCUBATOR THAT HAS 11 DECENTRALIZED STARTUPS UNDERNEATH IT"],
textContainer,
() => {
- // After typewriter text finishes, start I AM A... sequence
+ // After typewriter text finishes, wait 3 seconds then type recruitment text
iAmText.textContent = '';
iAmText.style.visibility = 'visible';
- let segIndex = 0;
- const segments = [" I", "AM", "A..."];
-
- function typeNextSegment() {
- if (segIndex >= segments.length) {
- 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);
- return;
- }
+ setTimeout(() => {
cursor.style.display = 'block';
cursor.style.opacity = '1';
let blinkCount = 0;
@@ -721,14 +699,28 @@
if (blinkCount >= 6) {
clearInterval(blinkInterval);
cursor.style.display = 'none';
- iAmText.textContent += segments[segIndex];
- segIndex++;
- setTimeout(typeNextSegment, 3000);
+
+ typeCalmly(iAmText, "WE ARE LOOKING FOR PEOPLE WHO WANT THE WORLD TO CHANGE AND ARE DOING SOMETHING ABOUT IT...", () => {
+ 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);
+ });
}
}, 500);
- }
-
- typeNextSegment();
+ }, 3000);
},
200
);
@@ -785,16 +777,17 @@
s2Btn.style.pointerEvents = 'auto';
}
- // Scene 3 skip (cursor blinking / I AM A... typing)
+ // Scene 3 skip (typewriter / cursor / typing)
const scene3 = document.getElementById('scene3');
const cursor = document.getElementById('blinkCursor');
const iAmText = document.getElementById('scene2Text');
const creatorBtn = document.getElementById('creatorBtn');
const builderBtn = document.getElementById('builderBtn');
const developerBtn = document.getElementById('developerBtn');
- if (scene3.style.display === 'flex' && (cursor.style.display === 'block' || (cursor.style.display === 'none' && iAmText.textContent.length > 0 && iAmText.textContent.length < 8))) {
+ const fullText = "WE ARE LOOKING FOR PEOPLE WHO WANT THE WORLD TO CHANGE AND ARE DOING SOMETHING ABOUT IT...";
+ if (scene3.style.display === 'flex' && (cursor.style.display === 'block' || (iAmText.textContent.length > 0 && iAmText.textContent.length < fullText.length))) {
cursor.style.display = 'none';
- iAmText.textContent = ' I AM A...';
+ iAmText.textContent = fullText;
iAmText.style.visibility = 'visible';
[creatorBtn, builderBtn, developerBtn].forEach(btn => {
btn.style.display = 'block';