Add personal page

src/main.tsx

@@ -33,6 +33,7 @@ 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 { RockMemberPage } from './member/2024/Rock.tsx'
 import { CHWMemberPage } from './member/2023/CHW.tsx'
 import { RavinMemberPage } from './member/2023/Ravin.tsx'
 import { KunjiliMemberPage } from './member/2022/Kunjili.tsx'
@@ -57,7 +58,8 @@ 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/2024/Ian' element={<IanMemberPage />}></Route>
+        <Route path='/Member/2024/Rock' element={<RockMemberPage />}></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/Rock.tsx

@@ -0,0 +1,77 @@
+import { Sample } from "../Sample"
+import Rock from "../../assets/member/Rock.jpg"
+import { MemberArticleType, MemberCertificateType, MemberInternType, MemberParticipateType, MemberCompetitionExperienceType } from "../../type/MemberCertificateType"
+export const RockMemberPage = () => {
+ const bio = "Hi, I'm Rock. 以前大學讀外語系，碩士鬼轉資安，正在練功累積實力，希望大家多多交流指教，想練英文或日文也可以隨時來找我聊聊!"
+ const certificates: MemberCertificateType[] = [
+     {
+         title: "iPAS 資訊安全工程師-初級能力鑑定",
+         datetime: "2023/07/31"
+     },
+     {
+         title: "Google Cybersecurity Professional Certificate",
+         datetime: "2023/12/15"
+     },
+     {
+         title: "IELTS 6.5",
+         datetime: "2023/06/21"
+     },
+     {
+         title: "JLPT N1",
+         datetime: "2022/01/13"
+     },
+ ]
+
+
+ const competitionExperiences: MemberCompetitionExperienceType[] = [
+     {
+         title: "picoCTF 2023",
+         result: "排名: N/A",
+         datetime: "2023"
+     }
+ ]
+ const participates: MemberParticipateType[] = [
+     {
+         title: "CYBERSEC 2024 臺灣資安大會",
+         datetime: "2024/05/14-2024/05/16"
+     }     
+ ]
+ const internExperiences: MemberInternType[] = [
+     {
+         company: "叡揚資訊股份有限公司",
+         info: "資安實習生",
+         datetime: "2024.10 - now"
+     },
+     {
+         company: "華電聯網股份有限公司",
+         info: "軟體中心實習生",
+         datetime: "2024.7 - 2024.9"
+     },
+     {
+         company: "財團法人資訊工業策進會",
+         info: "資安實習生",
+         datetime: "2023.7 - 2023.9"
+     }  
+ ]
+
+
+ const journals: MemberArticleType[] = []
+ const conferences: MemberArticleType[] = []
+ const techConfs: MemberArticleType[] = []
+ return (
+     <Sample
+         zhName="李宜鴻"
+         enName="Li, Yi-Hong"
+         avatar={Rock}
+         institutes={["國立臺北科技大學 資訊安全碩士學位學程 碩二"]}
+         bio={bio}
+         experiences={competitionExperiences}
+         certificates={certificates}
+         participates={participates}
+         intern={internExperiences}
+         journals={journals}
+         conferences={conferences}
+         techConfs={techConfs}
+     ></Sample>
+ )
+}

src/page/Member.tsx

@@ -171,8 +171,8 @@ export function Member(){
             role: "碩一，資安碩士",
             coAdvisor: '陳昱圻',
             experience: "",
-            certificate: "",
-            website: ""
+            certificate: "iPAS 資訊安全工程師檢定（初級）",
+            website: "/#/Member/2024/Rock"
         },
         {
             key: '17',