chore:adjust a few data

Author: oopserian

src/components/ProjectCard.tsx

@@ -17,15 +17,15 @@ export const ProjectCard: React.FC<ProjectCardProps> = ({ logo, name, descriptio
     return (
         <HoverMotion.Root>
             <HoverMotion.Tilt strength={{
-                x: 0.2,
-                y: 2
+                x: 0.4,
+                y: 1
             }} onClick={jumpLink} className={cn(
                 "group p-3 border bg-zinc-900 border-zinc-800 rounded-2xl select-none",
                 (link ? "cursor-pointer" : "")
             )}>
                 <HoverMotion.Magnetic strength={{
-                    x: 1,
-                    y: 1
+                    x: 0.25,
+                    y: 0.25
                 }} className="relative flex gap-2 items-center">
                     <img className="pointer-events-none absolute h-full scale-150 w-auto top-0 -left-2 blur-lg opacity-0 transition-opacity group-hover:opacity-50" src={logo} />
                     <img className="relative w-14 h-14" src={logo} />

src/data/labs/cd-widget/page.tsx

@@ -34,7 +34,7 @@ export default function CdWidget() {
                     <div className="flex justify-between items-center">
                         <div className="flex flex-col">
                             <p className="text-zinc-700 text-xs leading-none">Perfectionism</p>
-                            <p className="text-zinc-500 text-xs leading-none">Jaychou</p>
+                            <p className="text-zinc-500 text-xs leading-none">Jay Chou</p>
                         </div>
                         <motion.div className="cursor-pointer"
                             whileTap={{

src/data/labs/data.json

@@ -9,9 +9,9 @@
             "SVG"
         ]
     },
-    "google-login": {
-        "name": "google-login",
-        "en_title": "GoogleLogin",
+    "login": {
+        "name": "login",
+        "en_title": "Login",
         "origin_url": "https://x.com/guerriero_se/status/1780963026918637653",
         "title": "谷歌登录",
         "tags": [

src/data/labs/google-login/page.tsx src/data/labs/login/page.tsxsrc/data/labs/google-login/page.tsx renamed to src/data/labs/login/page.tsx

@@ -11,7 +11,7 @@ const Layout: React.FC = () => {
                 <Bg />
                 <MineInfos />
                 <Projects />
-                <Labs />
+                <Lab />
             </main>
         </>
     )
@@ -36,13 +36,13 @@ const MineInfos = () => {
                 <h2 className="text-2xl font-bold leading-none">Web & software developer</h2>
                 <p className="text-md font-thin text-zinc-400 leading-none">Building is My Passion!</p>
                 <div className="flex items-center gap-2">
-                    <a href="https://x.com/oopserian" target="_blank">
+                    <a className="opacity-50 hover:opacity-100 transition-opacity" href="https://x.com/oopserian" target="_blank">
                         <IconBrandX size={20} />
                     </a>
-                    <a href="https://github.com/oopserian" target="_blank">
+                    <a className="opacity-50 hover:opacity-100 transition-opacity" href="https://github.com/oopserian" target="_blank">
                         <IconBrandGithub size={20} />
                     </a>
-                    <a href="mailto:oopserian@gmail.com" target="_blank">
+                    <a className="opacity-50 hover:opacity-100 transition-opacity" href="mailto:oopserian@gmail.com" target="_blank">
                         <IconMail size={20} />
                     </a>
                 </div>
@@ -67,11 +67,11 @@ const Projects = () => {
     )
 };
 
-const Labs = () => {
+const Lab = () => {
     const labDataList = Object.values(labData);
     return (
         <div className="flex flex-col gap-2.5">
-            <h2 className="text-xl font-bold">Labs</h2>
+            <h2 className="text-xl font-bold">Lab</h2>
             <div className="grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] gap-2.5">
                 {
                     labDataList.map(lab => (