feat: updating website favicon and banner

Author: KUN1007

README.md

@@ -1,4 +1,4 @@
-![kun-galgame-patch-next](./public/kungalgame.avif)
+![kun-galgame-patch-next](./public/kungalgame-trans.webp)
 
 **Contact us：[Telegram](https://t.me/kungalgame) | [Discord](https://discord.com/invite/5F4FS2cXhX)**
 

app/metadata.ts

@@ -22,7 +22,7 @@ export const kunMetadata: Metadata = {
   keywords: kunMoyuMoe.keywords,
   authors: kunMoyuMoe.author,
   icons: {
-    apple: '/apple-touch-icon.avif',
+    apple: '/apple-touch-icon.png',
     icon: '/favicon.ico'
   },
   creator: kunMoyuMoe.creator.name,

components/galgame/Card.tsx

@@ -48,7 +48,7 @@ export const GalgameCard = ({ patch }: Props) => {
             src={
               patch.banner
                 ? patch.banner.replace(/\.avif$/, '-mini.avif')
-                : '/kungalgame.avif'
+                : '/kungalgame-trans.webp'
             }
             style={{ aspectRatio: '16/9' }}
             onLoad={() => setImageLoaded(true)}

components/kun/top-bar/Brand.tsx

@@ -28,6 +28,7 @@ export const KunTopBarBrand = () => {
             width={50}
             height={50}
             priority
+            className="rounded-2xl"
           />
           <p className="ml-4 mr-2 font-bold text-inherit">
             {kunMoyuMoe.creator.name}

components/patch/header/Info.tsx

@@ -36,7 +36,7 @@ export const PatchHeaderInfo = ({ patch }: PatchHeaderInfoProps) => {
     <div className="grid grid-cols-1 gap-3 md:grid-cols-3">
       <div className="relative w-full h-full overflow-hidden md:col-span-1 aspect-video rounded-2xl">
         <Image
-          src={patch.banner ? patch.banner : '/kungalgame.avif'}
+          src={patch.banner ? patch.banner : '/kungalgame-trans.webp'}
           alt={patchName}
           className="object-cover"
           fill

components/release/ReleaseCard.tsx

@@ -53,7 +53,7 @@ export const ReleaseCard = ({ patch }: PatchCardProps) => {
               src={
                 patch.banner
                   ? patch.banner.replace(/\.avif$/, '-mini.avif')
-                  : '/kungalgame.avif'
+                  : '/kungalgame-trans.webp'
               }
               style={{ aspectRatio: '16/9' }}
               onLoad={() => setImageLoaded(true)}

components/user/galgame/Card.tsx

@@ -29,7 +29,7 @@ export const UserGalgameCard = ({ galgame }: Props) => {
               src={
                 galgame.banner
                   ? galgame.banner.replace(/\.avif$/, '-mini.avif')
-                  : '/kungalgame.avif'
+                  : '/kungalgame-trans.webp'
               }
               alt={galgameName}
               className="object-cover rounded-lg size-full max-h-52"

components/user/resource/Card.tsx

@@ -29,7 +29,7 @@ export const UserResourceCard = ({ resource }: Props) => {
               src={
                 resource.patchBanner
                   ? resource.patchBanner.replace(/\.avif$/, '-mini.avif')
-                  : '/kungalgame.avif'
+                  : '/kungalgame-trans.webp'
               }
               alt={galgameName}
               className="object-cover rounded-lg size-full max-h-52"

config/moyu-moe.ts

@@ -46,12 +46,12 @@ export const kunMoyuMoe: KunSiteConfig = {
     title: '鲲 Galgame 补丁 - 开源 Galgame 补丁资源下载站',
     description:
       '开源, 免费, 零门槛的 Galgame 补丁资源下载站, 提供 Windows, 安卓, KRKR, Tyranor 等各类平台的 Galgame 补丁资源下载。最先进的 Galgame 补丁资源站！永远免费！',
-    image: 'https://moyu.moe/kungalgame.avif',
+    image: 'https://moyu.moe/kungalgame.webp',
     url: 'https://www.moyu.moe'
   },
   images: [
     {
-      url: 'https://moyu.moe/kungalgame.avif',
+      url: 'https://moyu.moe/kungalgame.webp',
       width: 1920,
       height: 1080,
       alt: '鲲 Galgame 补丁 - 开源 Galgame 补丁资源下载站'