From 3908899fb6a5cb52c50d8e0439e645fa191bf487 Mon Sep 17 00:00:00 2001
From: funaki-roger <rogerfunaki@outlook.com>
Date: Thu, 12 Sep 2024 16:05:33 -0300
Subject: [PATCH] add: text typing animation on home page

---
 index.html   | 3 ++-
 js/script.js | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b2d1ef9..85f5e0d 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,7 @@
                     <div class="row">
                         <div class="home-info padd-15">
                             <h3 class="hello">Hello, My name is <span class="name">Roger Funaki</span></h3>
-                            <h3 class="my-profession">I'm a <span class="typing">Quality Assurance Analyst</span></h3>
+                            <h3 class="my-profession"><span class="typing">I'm a QA Analyst</span></h3>
                             <p>
                                 🛠️ HARD SKILLS:<br><br>
 
@@ -1155,6 +1155,7 @@ <h4>Theme Colors</h4>
     <!--Style Switcher End-->
 
     <!-- JS Files-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.1.0/typed.umd.js" referrerpolicy="no-referrer"></script>
      <script src="js/script.js"></script>
     <script src="js/style.switcher.js"></script>
 </body>
diff --git a/js/script.js b/js/script.js
index e69de29..ddce63e 100644
--- a/js/script.js
+++ b/js/script.js
@@ -0,0 +1,7 @@
+/* typing animation */
+var typed = new Typed(".typing", {
+    strings: ["", "I work with", "WEB | Mobile | API | Scrum Master"],
+    typeSpeed: 150,
+    backSpeed: 250,
+    loop: true
+});