From c3acfb006ff54ef53657b8d99feb910374657a0f Mon Sep 17 00:00:00 2001
From: Laterre <laterre39@naver.com>
Date: Fri, 10 Nov 2023 22:00:53 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=85=8C=EB=A7=88=20=ED=83=80=EC=9D=B4?=
 =?UTF-8?q?=ED=95=91=20=EC=8A=A4=ED=81=AC=EB=A6=BD=ED=8A=B8=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/partials/header/basic.html | 43 ++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 720964c2..ab4c7f6d 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -174,4 +174,47 @@
         });
     })();
 </script>
+<script>
+    var typeText = document.querySelector(".typeText")
+    var textToBeTyped = "Hello, World"
+    var textToBeTypedArr = ["Java", "Spring", "Rust", "Kotlin"]
+    var index = 0, isAdding = true, textToBeTypedIndex = 0
+    
+    function playAnim() {
+      setTimeout(function () {
+        // set the text of typeText to a substring of the text to be typed using index.
+        typeText.innerText = textToBeTypedArr[textToBeTypedIndex].slice(0, index)
+        if (isAdding) {
+          // adding text
+          if (index > textToBeTypedArr[textToBeTypedIndex].length) {
+            // no more text to add
+            isAdding = false
+            //break: wait 2s before playing again
+            setTimeout(function () {
+              playAnim()
+            }, 2000)
+            return
+          } else {
+            // increment index by 1
+            index++
+          }
+        } else {
+          // removing text
+          if (index === 0) {
+            // no more text to remove
+            isAdding = true
+            //switch to next text in text array
+            textToBeTypedIndex = (textToBeTypedIndex + 1) % textToBeTypedArr.length
+          } else {
+            // decrement index by 1
+            index--
+          }
+        }
+        // call itself
+        playAnim()
+      }, isAdding ? 120 : 60)
+    }
+    // start animation
+    playAnim()
+  </script>
 {{ end }}