Blue Archive The Anime 보다가 스파게티 코드에 보던 것도 놓침

src/pages/Root.tsx

@@ -1,17 +1,19 @@
 import { useEffect, useState } from 'react';  
-import { useLocation } from 'react-router-dom';
+import { useLocation, Link } from 'react-router-dom';
 import './Root.css';
 
 function Root() {
   const location = useLocation();
   const [imageSrc, setImageSrc] = useState('https://f.imnyang.xyz/profile/imnyang.webp');
-
+  const [gotoHref, setGotoHref] = useState('/');
   useEffect(() => {
     const queryParams = new URLSearchParams(location.search);
     if (queryParams.has('kawaii')) {
       setImageSrc('https://f.imnyang.xyz/profile/magic_imnyang.webp');
+      setGotoHref('/');
     } else {
       setImageSrc('https://f.imnyang.xyz/profile/imnyang.webp');
+      setGotoHref('/?kawaii');
     }
   }, [location.search]);
 
@@ -20,17 +22,20 @@ function Root() {
       <div className='container'>
         <div className='left'>
           <img src={imageSrc} width={256} className='profile' />
-          <h1 style={{color: '#241f22', fontSize: 60, margin: 0}}>
-            imnyang
+          <h1 style={{color: '#241f22', fontSize: 60, margin: 0, fontWeight: '700'}}>
+            <Link style={{color: '#241f22', fontSize: 60, margin: 0, fontWeight: '700'}} to={gotoHref}>imnyang</Link>
           </h1>
 
-          <div>
+          <div style={{color: 'black'}}>
             <p style={{textAlign: 'left'}}>
               🖥️ Software Engineer
               <br/>
               🎨 UI / UX Designer in <a href='https://sqlare.com'>Sqlare</a>
               <br/><br/>
               📚 Middle School Student in South Korea
+              <br/>
+              <br/>
+              <p style={{color: 'transparent'}}>Enter Furry.</p>
             </p>
           </div>
         </div>
@@ -38,13 +43,22 @@ function Root() {
 
         <div className='right'>
           <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
-            <a href="mailto:me@imnyang.xyz">📬 Mail</a>
-            <a href='https://github.com/imnyang'>🐈‍⬛ Github</a>
+            <a href='https://github.com/imnyang/imnyang'>🤔 About</a>
             <a href='https://blog.imnyang.xyz'>📝 Blog</a>
+            <Link to="/timeline">🌈 Timeline</Link>
+          </div>
+          <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
+            <a href='https://github.com/imnyang'>🐈‍⬛ Github</a>
+            <a href="mailto:me@imnyang.xyz">📬 Mail</a>
+            <a href='https://instagram.com/not.furry_'>📸 Instagram</a>
+            <a href='https://x.com/mahiro_me'>🐦 X</a>
+          </div>        
+          <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
+            <p style={{color: 'white'}}>Project</p>
           </div>
           <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
-            <a href="/timeline">🌈 Timeline</a>
             <a href='https://instagram.com/isangjeong.today'>🥕 isangjeong.today</a>
+            <a hidden href='https://qloat.com'>🗨️ Qloat</a>
           </div>
         </div>
       </div>