Better logo (#9)

Author: anyulled

src/assets/astronaut.png

@@ -1,7 +1,6 @@
 ---
 import { Image } from "astro:assets";
-import { Icon } from "astro-icon/components";
-import astronautImage from "~/assets/astronaut.png";
+import logoImage from "~/assets/logo_small.png";
 import HeroImage from "~/components/hero-image.astro";
 import Starfield from "~/components/starfield.astro";
 import GitHubCorner from "./github-corner.astro";
@@ -20,7 +19,6 @@ const sizes = "(min-width: 640px) 42vw, 67vw";
     <h2
       class="flex flex-col items-center gap-2 self-end sm:gap-4 sm:self-auto sm:justify-self-end"
     >
-      <Icon name="logo_small" class="size-20 text-white md:size-32" />
       <div
         class="gradient-text text-center font-extrabold tracking-tighter text-6xl md:text-8xl"
       >
@@ -31,16 +29,16 @@ const sizes = "(min-width: 640px) 42vw, 67vw";
       </div>
     </h2>
     <div
-      id="astronaut"
+      id="logo-container"
       class="w-2/3 max-w-3xl self-start sm:w-10/12 sm:self-auto sm:justify-self-start"
     >
       <Image
         class="h-full w-full object-cover"
-        src={astronautImage}
+        src={logoImage}
         widths={widths}
         sizes={sizes}
         loading="eager"
-        alt="A floating astronaut in a space suit"
+        alt="Barcelona Java User Group Logo"
       />
     </div>
   </div>
@@ -65,12 +63,12 @@ const sizes = "(min-width: 640px) 42vw, 67vw";
     }
   }
 
-  #astronaut {
+  #logo-container {
     animation: float linear 2.5s infinite alternate;
   }
 
   @media (prefers-reduced-motion: reduce) {
-    #astronaut {
+    #logo-container {
       @apply animate-none;
     }