Merge pull request #50 from nini22P/dev

add game, optimize image

Author: nini22P

app/[locale]/components/TopVisual/TopVisual.tsx

@@ -16,15 +16,15 @@ const TopVisual = () => {
   const topVisualImagesData = [
     {
       title: 'game',
-      src: '/images/game.png',
+      src: '/images/game.webp',
     },
     {
       title: 'terre',
-      src: '/images/terre.png',
+      src: '/images/terre.webp',
     },
     {
       title: 'title',
-      src: '/images/title.png',
+      src: '/images/title.webp',
     },
   ]
 

components/GameCard/GameCard.module.css

@@ -1,17 +1,17 @@
 .card {
-  @apply bg-white drop-shadow rounded-md transition-transform;
+  @apply bg-white drop-shadow rounded-md transition-transform duration-200;
 }
 
 .card:hover {
-  @apply drop-shadow-md;
+  @apply drop-shadow-md translate-y-[-2px];
 }
 
 .link {
   @apply flex flex-col items-center;
 }
 
 .imageContainer {
-  @apply rounded-t-md aspect-video bg-gray-100;
+  @apply rounded-t-md aspect-video bg-gray-100 overflow-hidden;
   width: -moz-available;
   width: -webkit-fill-available;
 }

data/games.ts

@@ -41,30 +41,38 @@ export const games: Game[] = [
     developer: 'WasabiStone',
     releaseDate: '2023-11-05',
     url: 'https://store.steampowered.com/app/2645190/Agnostic_Requiem/',
-    cover: 'agnostic-requiem.png',
+    cover: 'agnostic-requiem.webp',
   },
   {
     id: 'safe-house',
     title: 'Safe House',
     developer: 'HuangZeXin',
     releaseDate: '2023-12-30',
     url: 'https://store.steampowered.com/app/2707580/Safe_House/',
-    cover: 'safe-house.png',
+    cover: 'safe-house.webp',
   },
   {
     id: 'fayanshideshiyan',
     title: '法言使的誓言',
     developer: '醉未了',
     releaseDate: '2024-02-12',
     url: 'https://www.bilibili.com/video/BV1ru4m1K7uj/',
-    cover: 'fayanshideshiyan.png',
+    cover: 'fayanshideshiyan.webp',
   },
   {
     id: 'qinglian',
     title: '青恋',
     developer: '阿牛, NICE',
     releaseDate: '2024-06-28',
     url: 'https://store.steampowered.com/app/3043160/_/',
-    cover: 'ql.png',
+    cover: 'ql.webp',
   },
+  {
+    id: 'xinxi',
+    title: '信息',
+    developer: '三玖谁顶的住啊',
+    releaseDate: '2024-07-10',
+    url: 'https://www.bilibili.com/video/BV1aH4y1w7g4/',
+    cover: 'xinxi.webp',
+  }
 ]