apply prettier formatting to index.html

kpenfound · kpenfound · commit 32a3aa5c4dfa · 2025-08-26T23:34:03.000-03:00
Signed-off-by: kpenfound &lt;kyle@dagger.io&gt;
diff --git a/website/index.html b/website/index.html
@@ -1,44 +1,69 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Halifax Harbour Greetings</title>
-    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+    <link
+      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
+      rel="stylesheet"
+    />
     <style>
-        .maritime-gradient {
-            background: linear-gradient(135deg, #1e3a8a 0%, #0369a1 50%, #059669 100%);
-        }
-        .harbor-blue {
-            background-color: #1e40af;
-        }
-        .lighthouse-beacon {
-            animation: pulse 2s infinite;
-        }
+      .maritime-gradient {
+        background: linear-gradient(
+          135deg,
+          #1e3a8a 0%,
+          #0369a1 50%,
+          #059669 100%
+        );
+      }
+      .harbor-blue {
+        background-color: #1e40af;
+      }
+      .lighthouse-beacon {
+        animation: pulse 2s infinite;
+      }
     </style>
-</head>
-<body class="maritime-gradient text-white font-sans flex flex-col items-center justify-center min-h-screen">
+  </head>
+  <body
+    class="maritime-gradient text-white font-sans flex flex-col items-center justify-center min-h-screen"
+  >
     <div class="container mx-auto px-4 py-8 max-w-screen-md">
-        <h1 class="text-3xl font-bold mb-2">🌊 Halifax Harbour Greetings ⚓</h1>
-        <p class="text-blue-200 mb-4 text-center">Welcome to the Atlantic's finest port city!</p>
-        <div id="greetingDisplay" class="greeting harbor-blue rounded-lg shadow-lg p-6 min-h-20 flex items-center justify-center border-2 border-blue-300">
-            Click the button to receive a Maritime welcome!
-        </div>
-        <button id="randomGreetingButton" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-6 rounded-lg mt-4 lighthouse-beacon shadow-lg transition-all duration-200 hover:shadow-xl">🦞 Ahoy!</button>
+      <h1 class="text-3xl font-bold mb-2">🌊 Halifax Harbour Greetings ⚓</h1>
+      <p class="text-blue-200 mb-4 text-center">
+        Welcome to the Atlantic's finest port city!
+      </p>
+      <div
+        id="greetingDisplay"
+        class="greeting harbor-blue rounded-lg shadow-lg p-6 min-h-20 flex items-center justify-center border-2 border-blue-300"
+      >
+        Click the button to receive a Maritime welcome!
+      </div>
+      <button
+        id="randomGreetingButton"
+        class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-6 rounded-lg mt-4 lighthouse-beacon shadow-lg transition-all duration-200 hover:shadow-xl"
+      >
+        🦞 Ahoy!
+      </button>
     </div>
 
     <script>
-        async function getRandomGreeting() {
-            try {
-                const response = await fetch('http://localhost:8080/random');
-                const data = await response.json();
-                document.getElementById('greetingDisplay').textContent = data.greeting;
-            } catch (error) {
-                console.error('Error fetching greeting:', error);
-                document.getElementById('greetingDisplay').textContent = 'Error fetching greeting';
-            }        }
+      async function getRandomGreeting() {
+        try {
+          const response = await fetch("http://localhost:8080/random");
+          const data = await response.json();
+          document.getElementById("greetingDisplay").textContent =
+            data.greeting;
+        } catch (error) {
+          console.error("Error fetching greeting:", error);
+          document.getElementById("greetingDisplay").textContent =
+            "Error fetching greeting";
+        }
+      }
 
-        document.getElementById('randomGreetingButton').addEventListener('click', getRandomGreeting);
+      document
+        .getElementById("randomGreetingButton")
+        .addEventListener("click", getRandomGreeting);
     </script>
-</body>
-</html>
+  </body>
+</html>
