vibed up a sweet halifax theme

kpenfound · kpenfound · commit ca19450e4179 · 2025-08-26T23:02:43.000-03:00
Signed-off-by: kpenfound &lt;kyle@dagger.io&gt;
diff --git a/website/cypress/e2e/greeting_test.cy.ts b/website/cypress/e2e/greeting_test.cy.ts
@@ -3,19 +3,19 @@
 describe("Greetings API", () => {
   it("should display a greeting", () => {
     cy.visit("/");
-    cy.get("h1").should("contain", "Greetings Daggernauts");
+    cy.get("h1").should("contain", "Greetings Halifax!");
   });
 
   it("should change the greeting when the button is clicked", () => {
     cy.visit("/");
     cy.get("#greetingDisplay").should(
       "contain",
-      "Click the button to see a greeting!",
+      "Click the button to see a Maritime greeting!",
     );
     cy.get("#randomGreetingButton").click();
     cy.get("#greetingDisplay").should(
       "not.contain",
-      "Click the button to see a greeting!",
+      "Click the button to see a Maritime greeting!",
     );
   });
 });
diff --git a/website/index.html b/website/index.html
@@ -3,16 +3,28 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Greetings App</title>
+    <title>Halifax Harbour Greetings</title>
     <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;
+        }
+    </style>
 </head>
-<body class="bg-purple-900 text-white font-sans flex flex-col items-center justify-center min-h-screen">
+<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-4">Greetings Daggernauts</h1>
-        <div id="greetingDisplay" class="greeting bg-purple-700 rounded shadow p-4 min-h-20 flex items-center justify-center">
-            Click the button to see a greeting!
+        <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-purple-500 hover:bg-purple-400 text-white font-bold py-2 px-4 rounded mt-4">👋</button>
+        <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>
