feat: Update css to work on mobile and update js to use direct API not proxied

templates/assets/css/index.css

@@ -7,7 +7,7 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 100vh;
+    height: 100dvh;
     transition: background-color 0.3s, color 0.3s;
     background-color: #121212;
     color: #e0e0e0;

templates/index.html

@@ -42,7 +42,11 @@
         };
 
         async function fetchJoke() {
-            const response = await fetch('/api/joke');
+            const response = await fetch('https://icanhazdadjoke.com', {
+                headers: {
+                    'Accept': 'application/json'
+                }
+            });
             const data = await response.json();
             document.getElementById('joke').innerText = data.joke;
         }