From e479f21fe9be90bce51ea2e915da397c47f0a0df Mon Sep 17 00:00:00 2001
From: Tyler Perkins <tperki17@kent.edu>
Date: Sun, 30 Jul 2023 18:48:53 -0400
Subject: [PATCH] Fix typewriter against secondary print sections

---
 layouts/index.html                 | 7 ++++++-
 themes/clortox/static/js/script.js | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index ad2634e..84ef6ab 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,7 +1,10 @@
 {{ define "main" }}
     <div class="centered top-fade">
         <div class="intro-content">
-            {{ .Content }}
+            <h1 data-value="Hi, I'm Tyler" data-show="intro-tagline" class="typewriter"></h1>
+            <div id="intro-tagline">
+                <p data-value="Software engineer, postmath"></p>
+            </div>
         </div>
     </div>
     <div class="homepage-card">
@@ -22,6 +25,7 @@
             </div>
         </div>
     </div>
+    <!--
     <div class="homepage-card">
         <h1 to-show="about-description" data-value="uname -a" class="typewriter">~ $&nbsp;</h1>
         <div class="about-grid">
@@ -38,4 +42,5 @@
             </div>
         </div>
     </div>
+    -->
 {{ end }}
diff --git a/themes/clortox/static/js/script.js b/themes/clortox/static/js/script.js
index 8a714e1..01b8693 100644
--- a/themes/clortox/static/js/script.js
+++ b/themes/clortox/static/js/script.js
@@ -82,10 +82,12 @@ async function typeWriter(element) {
         let hiddenElementText = p.getAttribute("data-value");
         //hiddenElementText = replaceSpacesWithNbsp(hiddenElementText);
         p.innerHtml = "";
+        output = "";
 
         for (let i = 0; i < hiddenElementText.length; ++i){
-            p.innerText += hiddenElementText.charAt(i);
+            output += hiddenElementText.charAt(i);
             await sleep(hiddenElementSpeed);
+            p.innerText = output; 
         }
 
         await sleep(50);