新增個人頁面

src/main.tsx

@@ -32,6 +32,7 @@ import { JoeMemberPage } from './member/2024/Joe.tsx'
 import { EasonMemberPage } from './member/2023/Eason.tsx'
 import { BoboMemberPage } from './member/2023/Bobo.tsx'
 import { Guan4Tou2MemberPage } from './member/2024/Guan4Tou2.tsx'
+import { IanMemberPage } from './member/2024/Ian.tsx'
 import { CHWMemberPage } from './member/2023/CHW.tsx'
 import { RavinMemberPage } from './member/2023/Ravin.tsx'
 import { KunjiliMemberPage } from './member/2022/Kunjili.tsx'
@@ -56,6 +57,7 @@ const router = createHashRouter(
         <Route path='/Member/2024/PaulWang' element={<PaulWangMemberPage />}></Route>
         <Route path='/Member/2024/Joe' element={<JoeMemberPage />}></Route>
         <Route path='/Member/2024/Guan4Tou2' element={<Guan4Tou2MemberPage />}></Route>
+	<Route path='/Member/2024/Ian' element={<IanMemberPage />}></Route>
         <Route path='/Member/2023/CHW' element={<CHWMemberPage />}></Route>
         <Route path='/Member/2023/Ravin' element={<RavinMemberPage />}></Route>
         <Route path='/Member/2022/Kunjili' element={<KunjiliMemberPage />}></Route>

src/member/2024/Ian.tsx

@@ -0,0 +1,39 @@
+import { Sample } from "../Sample"
+import Ian from "../../assets/member/Ian.jpg"
+import { MemberArticleType, MemberCertificateType, MemberInternType, MemberParticipateType, MemberCompetitionExperienceType } from "../../type/MemberCertificateType"
+
+export const IanMemberPage = () => {
+    const bio = <div className="d-flex flex-column gap-3">
+        <p> -諾貝爾文學獎讀者 </p>
+        <p> -畢業於國立臺灣大學所在國的大專院校 </p>
+	<p> -精通IOS、Windows等系統的開關機 </p>
+	<p> -曾參與PUBG、召喚峽谷等戰役 </p>
+	<p> -前Netflix會員 </p>
+	<p> -現任Youtube Music月費會員 </p>
+	<p> -Twitch,YT皆沒訂閱過羅傑 </p>
+	<p> 不是好傑寶，但是是資安新手，努力學習中...</p>
+    </div>
+    const certificates: MemberCertificateType[] = []
+    const competitionExperiences: MemberCompetitionExperienceType[] = []
+    const participates: MemberParticipateType[] = []
+    const internExperiences: MemberInternType[] = []
+    const journals: MemberArticleType[] = []
+    const conferences: MemberArticleType[] = []
+    const techConfs: MemberArticleType[] = []
+    return (
+        <Sample
+            zhName="林鈺翔"
+            enName="Lin, Yu-Siang"
+            avatar={Ian}
+            institutes={["國立臺北科技大學 資訊工程所 碩一"]}
+            bio={bio}
+            experiences={competitionExperiences}
+            certificates={certificates}
+            participates={participates}
+            intern={internExperiences}
+            journals={journals}
+            conferences={conferences}
+            techConfs={techConfs}
+        ></Sample>
+    )
+}

src/page/Member.tsx

@@ -182,7 +182,7 @@ export function Member(){
             coAdvisor: '',
             experience: "",
             certificate: "",
-            website: ""
+            website: "/#/Member/2024/Ian"
         }
     ]
     const consultantUserTableItem = [