🎄✨ Happy Holidays from Jargons.dev! ✨🎄

src/components/jargonsdev-holiday-25-logo.astro

@@ -0,0 +1,9 @@
+---
+const { class: list } = Astro.props;
+---
+
+<img
+  src="/jargonsdev-holiday-25-logo.webp"
+  alt="Jargons.dev Logo"
+  class={list}
+/>

src/components/navbar.astro

@@ -1,5 +1,5 @@
 ---
-import JargonsdevLogo from "./jargonsdev-logo.astro";
+import JargonsdevHolidayLogo from "./jargonsdev-holiday-25-logo.astro";
 
 const { returnNav = { label: "Back", location: "../" } } = Astro.props;
 ---
@@ -31,7 +31,7 @@ const { returnNav = { label: "Back", location: "../" } } = Astro.props;
         {returnNav.label}
       </span>
     </a>
-    <JargonsdevLogo class="drop-shadow drop-shadow-color-black h-10 md:h-12" />
+    <JargonsdevHolidayLogo class="-ml-6 -my-2 h-14 md:h-20" />
   </div>
   <slot />
 </nav>

src/pages/index.astro

@@ -4,7 +4,7 @@ import BaseLayout from "../layouts/base.astro";
 import doAuth from "../lib/actions/do-auth.js";
 import Search from "../components/islands/search.jsx";
 import Profile from "../components/islands/profile.jsx";
-import JargonsdevLogo from "../components/jargonsdev-logo.astro";
+import JargonsdevHolidayLogo from "../components/jargonsdev-holiday-25-logo.astro";
 import RecentSearches from "../components/islands/recent-searches.jsx";
 
 const { isAuthed, authedData, getAuthUrl } = await doAuth(Astro);
@@ -94,8 +94,8 @@ if (now - cache.timestamp > CACHE_TTL || cache.count === 0) {
   >
     <!-- Title -->
     <div class="mb-4 md:mb-6">
-      <JargonsdevLogo
-        class="drop-shadow-md drop-shadow-color-black w-[80%] md:w-[60%]"
+      <JargonsdevHolidayLogo
+        class="-ml-2 md:-ml-3 lg:-ml-4 -mb-6 w-[84%] md:w-[64%]"
       />
     </div>