Add personal page

src/main.tsx

@@ -20,6 +20,7 @@ import { UriahMemberPage } from './member/2023/Uriah.tsx'
 import { RyanMemberPage } from './member/2022/Ryan.tsx'
 import { WIFIMemberPage } from './member/2024/WIFI.tsx'
 import { YPPMemberPage } from './member/2024/ypp.tsx'
+import { JasonMemberPage } from './member/2024/Jason.tsx'
 
 
 const router = createHashRouter(
@@ -31,6 +32,7 @@ const router = createHashRouter(
         <Route path='/Member/2022/Ryan' element={<RyanMemberPage />}></Route>
         <Route path='/Member/2024/WIFI' element={<WIFIMemberPage />}></Route>
         <Route path='/Member/2024/ypp' element={<YPPMemberPage />}></Route>
+        <Route path='/Member/2024/Jason' element={<JasonMemberPage />}></Route>
         <Route path='/Alumni' element={<Alumni></Alumni>}></Route>
         <Route path='/Partner' element={<Partner></Partner>}></Route>
         <Route path='/Profile' element={<Profile></Profile>}></Route>

src/member/2024/Jason.tsx

@@ -0,0 +1,37 @@
+import { Sample } from "../Sample"
+import Jason from "../../assets/member/jason.png"
+import { MemberArticleType, MemberCertificateType, MemberInternType, MemberParticipateType, MemberCompetitionExperienceType } from "../../type/MemberCertificateType"
+
+export const JasonMemberPage = () => {
+    const bio = "蟹man！！我什麼都沒有，但我會加油慢慢更新的，謝謝！"
+    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="Huang, Ting-Han"
+            avatar={Jason}
+            institutes={["國立臺北科技大學 資訊安全碩士學位學程 碩零"]}
+            bio={bio}
+            experiences={competitionExperiences}
+            certificates={certificates}
+            participates={participates}
+            intern={internExperiences}
+            journals={journals}
+            conferences={conferences}
+            techConfs={techConfs}
+        ></Sample>
+    )
+}
+

src/page/Member.tsx

@@ -103,7 +103,8 @@ export function Member(){
             role: "碩零，資安碩士",
             coAdvisor: '',
             experience: "",
-            certificate: ""
+            certificate: "",
+            website: "/#/Member/2024/Jason"
         },
         {
             key: '11',