feat(projects): add cover images for Elynd and Linky with hover animation

- Added preview images for Elynd and Linky projects
- Added hover scale animation (scale-105) for cover images

src/lib/data/projects.ts

@@ -212,6 +212,8 @@ const sharedCases: Project[] = [
       'pnpm workspace',
     ],
     link: 'https://github.com/zguiyang/elynd',
+    coverImage: 'https://cloud.zgyk.cc/f/VoFa/elynd-home.png',
+    coverImageAlt: 'Elynd Dashboard Preview',
     links: {
       github: 'https://github.com/zguiyang/elynd',
       demo: 'https://elynd.zhaoguiyang.com/',
@@ -254,6 +256,8 @@ const sharedCases: Project[] = [
     ],
     tech: ['AdonisJS', 'Nuxt', 'PostgreSQL', 'Vue', 'Pinia', 'Tailwind CSS'],
     link: 'https://github.com/zguiyang/linky',
+    coverImage: 'https://cloud.zgyk.cc/f/nYHM/linky-home.png',
+    coverImageAlt: 'Linky Dashboard Preview',
     links: {
       github: 'https://github.com/zguiyang/linky',
       demo: 'https://linky.zhaoguiyang.com/',

src/pages/projects.astro

@@ -72,7 +72,7 @@ const indieProjects = pageProjects.filter((project) => project.category === 'ind
                   <img
                     src={project.coverImage}
                     alt={project.coverImageAlt || project.title}
-                    class="h-full w-full object-cover"
+                    class="h-full w-full object-cover transition-transform duration-300 ease-out hover:scale-105"
                     loading="lazy"
                     decoding="async"
                   />

src/pages/zh/projects.astro

@@ -72,7 +72,7 @@ const indieProjects = pageProjects.filter((project) => project.category === 'ind
                   <img
                     src={project.coverImage}
                     alt={project.coverImageAlt || project.title}
-                    class="h-full w-full object-cover"
+                    class="h-full w-full object-cover transition-transform duration-300 ease-out hover:scale-105"
                     loading="lazy"
                     decoding="async"
                   />