add type writer effect to header

index.html

@@ -72,7 +72,7 @@
 
 			<div class="panel">
 				<div class="container">
-					<h1>I will be accepting up to one pull&nbsp;request per day on <a href="https://github.com/thepracticaldev/1pr">this&nbsp;project</a></h1>
+					<h1 id="header"><a href="https://github.com/thepracticaldev/1pr"></a></h1>
 
 					<div id="intro">
 

scripts/main.js

@@ -39,3 +39,20 @@
 	document.getElementById('sidebar-toggle').style.display = 'block';
 
 })();
+
+//---TYPEWRITER EFFECT---//
+let i = 0;
+let txt = 'I will be accepting up to one pull request per day on this project';
+let speed = 60;
+
+function typeWriter() {
+	if (i < txt.length) {
+		document.getElementById("header").innerHTML += txt.charAt(i);
+		i++;
+		setTimeout(typeWriter, speed);
+	}
+}
+
+window.onload = function () {
+	typeWriter();
+};