devshades-au · March 26, 2024 11:49
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>
diff --git a/lyvlamw.markdown b/lyvlamw.markdown
diff --git a/script.js b/script.js
 const text = "DEVSHADES | DevOps Engineer | Cloud Solutions | Software Development\n\nE) [email protected]".split("");
 const typingElement = document.querySelector(".typing");

 function typeEffect() {
  if (text.length > 0) {
    typingElement.innerHTML += text.shift();
    setTimeout(typeEffect, Math.floor(Math.random() * 200) + 50);
  }
 }

 typeEffect();
diff --git a/style.css b/style.css
 /* Custom styles */
        .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>
	const text = "DEVSHADES \| DevOps Engineer \| Cloud Solutions \| Software Development\n\nE) [email protected]".split("");
	const typingElement = document.querySelector(".typing");

	function typeEffect() {
	if (text.length > 0) {
	typingElement.innerHTML += text.shift();
	setTimeout(typeEffect, Math.floor(Math.random() * 200) + 50);
	}
	}

	typeEffect();
	/* Custom styles */
	.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); */
	}