const sleep = delay => new Promise(resolve => setTimeout(resolve, delay));
window.onload = async () => {
	await sleep(30000);
	while (buttons.hidden) {
		await sleep(1000);
	}
	const elems = document.getElementsByTagName("*");
	for (var i = 0; i < elems.length; ++i) {
		elems[i].classList.add("static");
	}
	theMatrix.innerHTML += "<br />";
	const msg1 = "Wake up, neo . . .";
	const msg2 = "The Matrix has you . . .";
	const msg3 = "Follow the white rabbit.";
	const msg4 = "Knock, knock, Neo.";
	for (var i = 0; i < msg1.length; i++) {
		theMatrix.innerHTML += msg1[i];
		await sleep(120);
	}
	theMatrix.innerHTML += "<br />";
	await sleep(200);
	theMatrix.innerHTML += "<br />";
	await sleep(500);
	for (var i = 0; i < msg2.length; i++) {
		theMatrix.innerHTML += msg2[i];
		await sleep(120);
	}
	theMatrix.innerHTML += "<br />";
	await sleep(300);
	theMatrix.innerHTML += "<br />";
	await sleep(500);
	for (var i = 0; i < msg3.length; i++) {
		theMatrix.innerHTML += msg3[i];
		await sleep(120);
	}
	theMatrix.innerHTML += "<br />";
	await sleep(300);
	theMatrix.innerHTML += "<br />";
	await sleep(600);
	for (var i = 0; i < msg4.length; i++) {
		theMatrix.innerHTML += msg4[i];
		await sleep(200);
	}
	await sleep(6000);
	for (var i = 0; i < elems.length; ++i) {
		elems[i].classList.remove("static");
	}
	theMatrix.innerHTML = "no matter where you are, everyone is always CONNECTED";
	theMatrix.style = "display:none;";
};