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>
-
-