feat: make use of image optimization

iztechai · Oct 12, 2023 · 937c15b · 937c15b
1 parent 599c609
commit 937c15b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/public/images/iyte-logo.png → src/assets/iyte-logo.png b/public/images/iyte-logo.png → src/assets/iyte-logo.png
diff --git a/public/images/logo.png → src/assets/logo.png b/public/images/logo.png → src/assets/logo.png
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,25 +1,23 @@
 ---
 import { Image } from 'astro:assets';
+import iztechLogo from '@/assets/iyte-logo.png';
+import aiSocLogo from '@/assets/logo.png';
 ---
 
 <header class='pt-4 sm:pt-8 text-foreground'>
   <div
     class='flex justify-center items-center gap-x-4 sm:gap-x-10 px-6 sm:px-12 mb-6 sm:mb-12'
   >
     <Image
-      src='/images/iyte-logo.png'
+      src={iztechLogo}
       alt='logo of Izmir Institute of Technology'
       loading='eager'
-      width={400}
-      height={400}
       class='w-1/2 h-auto max-w-[300px] transition-all duration-150 ease-in shadow-lg shadow-[rgba(0,0,0,0.4)] dark:shadow-gray-800 cursor-default focus:ring-2 focus:ring-blue hover:ring-2 hover:ring-blue active:ring-2 active:ring-blue rounded-full'
     />
     <Image
-      src='/images/logo.png'
+      src={aiSocLogo}
       alt='logo of Iztech AI society'
       loading='eager'
-      width={400}
-      height={400}
       class='w-1/2 h-auto max-w-[300px] transition-all duration-150 ease-in shadow-lg shadow-[rgba(0,0,0,0.4)] dark:shadow-gray-800 cursor-default focus:ring-2 focus:ring-blue hover:ring-2 hover:ring-blue active:ring-2 active:ring-blue rounded-full'
     />
   </div>