feat: optimized profile image

rubenbupe · Aug 13, 2024 · 6c98569 · 6c98569
1 parent e9f75d9
commit 6c98569
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/public/images/profile.webp → src/assets/profile.webp b/public/images/profile.webp → src/assets/profile.webp
diff --git a/src/sections/About.astro b/src/sections/About.astro
@@ -5,6 +5,8 @@ import Separator from "../components/Separator.astro";
 import { GridPatternSvg } from "../components/svg/grid-pattern-svg";
 import { Icon } from "astro-icon/components";
 import { Particles } from "../components/Particles";
+import { Image } from "astro:assets";
+import profileImage from "../assets/profile.webp";
 ---
 
 <script>
@@ -137,7 +139,7 @@ import { Particles } from "../components/Particles";
                 </div>
             </div>
             <div
-                class="flex isolate bg-primary rounded-lg max-w-64 pointer-events-none transition-all group-hover:[transform:rotateX(10deg)_rotateY(15deg)_rotate(0deg)]"
+                class="flex isolate bg-primary rounded-lg max-w-64 w-full pointer-events-none transition-all group-hover:[transform:rotateX(10deg)_rotateY(15deg)_rotate(0deg)]"
             >
                 <div
                     class="absolute w-64 aspect-square transition-all duration-300 transform bg-primary/50 rounded-lg backdrop-blur group-hover:shadow-lg group-hover:translate-y-4 group-hover:translate-x-4"
@@ -148,10 +150,10 @@ import { Particles } from "../components/Particles";
                 >
                 </div>
 
-                <img
-                    src="/images/profile.webp"
+                <Image
+                    src={profileImage}
                     alt="Profile"
-                    loading="eager"
+                    loading="lazy"
                     class="rounded-lg shadow-lg filter grayscale w-full transition-all duration-300 transform group-hover:-translate-y-4 group-hover:-translate-x-4 aspect-square flex-1"
                 />
             </div>