From 24f2988c76f970ec37e1a952b0bf51b3cbd1250e Mon Sep 17 00:00:00 2001
From: imnyang <me@imnyang.xyz>
Date: Sun, 13 Oct 2024 22:29:16 +0900
Subject: [PATCH] =?UTF-8?q?=EC=97=90=EC=97=90=EC=97=90=EC=97=90=EC=97=90?=
 =?UTF-8?q?=EC=97=90=EC=97=90=EC=97=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Root.tsx          | 24 ++++++++++++++++--------
 src/pages/Timeline_Page.tsx |  3 ++-
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/Root.tsx b/src/pages/Root.tsx
index b52297e..26e1e73 100644
--- a/src/pages/Root.tsx
+++ b/src/pages/Root.tsx
@@ -27,6 +27,7 @@ function Root() {
 
   return (
     <div className='App'>
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" as="style" onLoad={() => { (document.querySelector('link[rel="stylesheet"]') as HTMLLinkElement).rel = 'stylesheet'; }}></link>
       <div className='container'>
         <div className='left'>
           <p style={{color: 'transparent'}}>/?no_hair</p>
@@ -38,6 +39,16 @@ function Root() {
 
           <div style={{color: 'black'}}>
             <p style={{textAlign: 'left'}}>
+                <div style={{display: 'flex', flexDirection: 'row', gap: 25, alignItems: 'center', justifyContent: 'center'}}>
+                {window.innerWidth <= 768 && (
+                  <a href='supertoss://send?bank=토스뱅크&accountNo=100079352039&origin=qr' style={{ color: 'black', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}><i className="fa-solid fa-circle-dollar-to-slot" style={{ fontSize: '24px' }} />Toss</a>
+                )}
+                <a href='https://github.com/imnyang' style={{ color: 'black', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}><i className="fa-brands fa-github" style={{ fontSize: '24px' }} />Github</a>
+                <a href="mailto:me@imnyang.xyz" style={{ color: 'black', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}><i className="fa-solid fa-at" style={{ fontSize: '24px' }} />Mail</a>
+                <a href='https://instagram.com/not.furry_' style={{ color: 'black', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}><i className="fa-brands fa-instagram" style={{ fontSize: '24px' }} />Instagram</a>
+                <a href='https://x.com/mahiro_me' style={{ color: 'black', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}><i className="fa-brands fa-x-twitter" style={{ fontSize: '24px' }} />X</a>
+                </div>
+              <br/>
               🖥️ Software Engineer
               <br/>
               🎨 Team. <a href='https://sqlare.com'>Sqlare</a>
@@ -51,25 +62,22 @@ function Root() {
         </div>
 
 
-        <div className='right'>
+        <div className='right'>       
           <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
             <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="https://github.com/sqlare/sqlr.kr/tree/main">🔗 sqlr.kr (SQLite)</a>
+            <a hidden href='https://qloat.com'>🗨️ Qloat</a>
+          </div>
           <div style={{display: 'flex', flexDirection: 'row', gap: 25}}>
             <a href='https://instagram.com/isangjeong.today'>🥕 isangjeong.today</a>
             <a href='https://github.com/imnyang/FakeAlyac'>💊 FakeAlyac</a>
-            <a hidden href='https://qloat.com'>🗨️ Qloat</a>
           </div>
         </div>
       </div>
diff --git a/src/pages/Timeline_Page.tsx b/src/pages/Timeline_Page.tsx
index 40bb295..8327a10 100644
--- a/src/pages/Timeline_Page.tsx
+++ b/src/pages/Timeline_Page.tsx
@@ -8,9 +8,10 @@ import TimelineDot from '@mui/lab/TimelineDot';
 import TimelineOppositeContent from '@mui/lab/TimelineOppositeContent';
 
 const events = [
+    { date: '2024-12-07', description: '??? ???? ?? ?? ??? ?? (??: ????)', link: 'https://ncf.or.kr/', dotColor: 'grey' },
     { date: '2024-08-18', description: '29회 해킹캠프 CTF 1위 (고민중독)', link: 'https://ctf.hackingcamp.org/', dotColor: 'success' },
     { date: '2024-08-05', description: '29회 해킹캠프 선발', link: 'https://hackingcamp.org/', dotColor: 'success' },
-    { date: '2024-08-01', description: '글로벌 스타트업 학교 베트남 해외 연수 데모데이 대상 (1위)', link: 'http://ncf.or.kr', dotColor: 'success' },
+    { date: '2024-08-01', description: '글로벌 스타트업 학교 2기 베트남 해외 연수 데모데이 대상 (1위)', link: 'http://ncf.or.kr', dotColor: 'success' },
     { date: '2024-05-16', description: '글로벌 스타트업 학교 2기 합격', link: 'http://ncf.or.kr', dotColor: 'success' },
     { date: '2024-05-11', description: 'LG AI 청소년 캠프 1기 LG 탐색상 수상', link: 'https://lgaiyouthcamp.or.kr/', dotColor: 'success' },
     { date: '2024-05-11', description: 'LG AI 청소년 캠프 1기 수료', link: 'https://lgaiyouthcamp.or.kr/', dotColor: 'success' },