From f8045a9ba6be0c3f418feacbe7fc46ccbaffa7e5 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Fri, 14 Jun 2024 14:46:33 -0500
Subject: [PATCH] web: typo tweaks

---
 web.md        |  2 +-
 web_head.html | 18 ++++++++----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/web.md b/web.md
index 7cffd5f..bda353d 100644
--- a/web.md
+++ b/web.md
@@ -10,7 +10,7 @@
 
 <span class="kudos">Hi!<button class="tinylytics_kudos"></button></span>
 
-<div style="height: 5rem;"><span id="typo" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20">I write code to make imaginary computers run code written by less imaginary developers</span></div>
+<div style="height: 5rem;"><span id="typo" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></span></div>
 
 ---
 
diff --git a/web_head.html b/web_head.html
index 2640bca..26853ba 100644
--- a/web_head.html
+++ b/web_head.html
@@ -4,6 +4,14 @@
 <script src="https://tinylytics.app/embed/QUH6xcnWKYeUUYaMkDKd.js?kudos=👋" defer></script>
 <script src="https://cdn.jbowdre.lol/typo.js"></script>
 <script>
+// implement typo
+document.addEventListener('DOMContentLoaded', function() {
+  let element = document.getElementById('typo');
+  let text = "I write code to make imaginary computers run code written by less imaginary developers";
+  typo(element, text);
+});
+</script>
+<script>
 // get weather data from pastebin
 document.addEventListener("DOMContentLoaded", function() {
   const hasWeather = document.getElementById('conditions');
@@ -145,13 +153,3 @@ document.addEventListener("DOMContentLoaded", function() {
   }
 });
 </script>
-<script>
-// implement typo
-document.addEventListener('DOMContentLoaded', function() {
-  var element = document.getElementById('typo');
-  var text = element.innerHTML;
-  typo(element, text);
-});
-</script>
-
-