podcast: Updated page

assets/css/podcast.css

@@ -6,3 +6,23 @@
   filter: invert(1);
 }
 
+@media screen and (max-width: 800px) {
+  .masthead {
+    padding-top: 0 !important;
+  }
+}
+
+/* For screen under 450 px set the nav icon width 100% */
+
+@media screen and (max-width: 450px) {
+  img.navicon {
+    width: 100%;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  #navbar {
+    padding-left: 0 !important;
+  }
+}
+

assets/js/hacker-podcast.js

@@ -0,0 +1,31 @@
+const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ/.?!@#$%^&*()_+";
+
+let interval = null;
+let interval2 = null;
+let interval3 = null;
+
+
+document.querySelector(".copyright").onmouseover = event => {  
+    let iteration2 = 0;
+    let old2 = "Copyright © Nathan Woodburn 2023";
+    clearInterval(interval2);
+    
+    interval2 = setInterval(() => {
+      event.target.innerText = event.target.innerText
+        .split("")
+        .map((letter, index2) => {
+          if(index2 < iteration2) {
+            return old2[index2];
+          }
+        
+          return letters[Math.floor(Math.random() * 41)]
+        })
+        .join("");
+      
+      if(iteration2 >= old2.length){ 
+        clearInterval(interval2);
+      }
+      
+      iteration2 += 1/3;
+    }, 10);
+  }