devshades-au · March 26, 2024 11:54
diff --git a/index.html b/index.html
 <body class="bg-gray-900 flex justify-center items-center h-screen">
    <div class="terminal-window">
        <p class="typing"></p>
    </div>
 </body>
diff --git a/lyvlamw.markdown b/lyvlamw.markdown
diff --git a/script.js b/script.js
 document.addEventListener('DOMContentLoaded', function () {
    const text = "Welcome to the Matrix Simulation...";
    const typingElement = document.querySelector('.typing');

    function typeEffect() {
        let i = 0;
        const typingInterval = setInterval(() => {
            typingElement.textContent += text[i];
            i++;
            if (i === text.length) {
                clearInterval(typingInterval);
            }
        }, 50);
    }

    typeEffect();
 });
diff --git a/style.css b/style.css
 .terminal-window {
    background-color: #000;
    color: #00FF00;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    white-space: pre;
    font-size: 1.2rem;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
 }
diff --git a/styles b/styles
 <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet" />
	<body class="bg-gray-900 flex justify-center items-center h-screen">
	<div class="terminal-window">
	<p class="typing"></p>
	</div>
	</body>
	document.addEventListener('DOMContentLoaded', function () {
	const text = "Welcome to the Matrix Simulation...";
	const typingElement = document.querySelector('.typing');

	function typeEffect() {
	let i = 0;
	const typingInterval = setInterval(() => {
	typingElement.textContent += text[i];
	i++;
	if (i === text.length) {
	clearInterval(typingInterval);
	}
	}, 50);
	}

	typeEffect();
	});
	.terminal-window {
	background-color: #000;
	color: #00FF00;
	font-family: 'Courier New', monospace;
	overflow: hidden;
	white-space: pre;
	font-size: 1.2rem;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
	}