feat: modify alumni page & add service

src/components/People/alumni.tsx

@@ -2,8 +2,8 @@ import * as React from "react";
 
 import { alumni } from "./data";
 
-class AlumnusCard extends React.Component<{ name: string, date: string, nxt: string }> {
-  constructor(props: { name: string, date: string, nxt: string }) {
+class AlumnusCard extends React.Component<{ name: string, date: string, pos: string, nxt: string }> {
+  constructor(props: { name: string, date: string, pos: string, nxt: string }) {
     super(props);
   }
   public render() {
@@ -17,11 +17,12 @@ class AlumnusCard extends React.Component<{ name: string, date: string, nxt: str
       }}>
         <div style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>{this.props.name}</div>
         <div style={{ fontSize: '1rem', marginTop: '0.5rem', color: 'gray' }}>{this.props.date}</div>
+        <div style={{ fontSize: "1rem", color: "gray", marginTop: "0.5rem", marginBottom: "0.5rem" }}>{this.props.pos}</div>
         <div style={{
           fontSize: '0.8rem',
           color: 'gray'
         }}>
-          {this.props.nxt}
+          {this.props.nxt.length > 0 ? `Next: ${this.props.nxt}` : ""}
         </div>
       </div>
     );
@@ -49,9 +50,9 @@ export class Alumni extends React.Component<{ isVisible: boolean }> {
                     alumniGroup.map((alumnus, _) => (
                       alumnus.web.length > 0 ?
                       <a href={alumnus.web}>
-                        <AlumnusCard name={alumnus.name} date={alumnus.date} nxt={alumnus.area} />
+                        <AlumnusCard name={alumnus.name} pos={alumnus.position} date={alumnus.date} nxt={alumnus.next} />
                       </a> :
-                      <AlumnusCard name={alumnus.name} date={alumnus.date} nxt={alumnus.area} />
+                      <AlumnusCard name={alumnus.name} pos={alumnus.position} date={alumnus.date} nxt={alumnus.next} />
                     ))
                   }
                 </div>

src/components/People/people.json

@@ -114,98 +114,126 @@
       "date": "Jul 2021 - Jul 2022",
       "bg": "Visiting PhD ",
       "area": "Current: Assistant Researcher (Faculty) at Nanjing University",
-      "web": "https://njulimn.github.io/"
+      "web": "https://njulimn.github.io/",
+      "position": "Visiting PhD",
+      "next": "Assistant Researcher (Faculty) @ Nanjing University"
     },
     {
       "name": "Ling LI",
       "date": "Joined in Nov 2021",
       "bg": "Visiting PhD",
       "area": "",
-      "web": ""
+      "web": "",
+      "position": "Visiting PhD",
+      "next": ""
     },
     {
       "name": "Wenting ZHAO",
       "date": "Joined in Dec 2021",
       "bg": "Visiting PhD",
       "area": "co-hosted with Prof. Long Cheng",
-      "web": "https://dblp.org/pid/41/10049-1.html"
+      "web": "https://dblp.org/pid/41/10049-1.html",
+      "position": "Visiting PhD",
+      "next": ""
     },
     {
       "name": "Peng FANG",
       "date": "Joined in Mar 2022",
       "bg": "Visiting PhD",
       "area": "co-hosted with Prof. Arijit Khan",
-      "web": "https://scholar.google.com/citations?user=YP2cGtMAAAAJ"
+      "web": "https://scholar.google.com/citations?user=YP2cGtMAAAAJ",
+      "position": "Visiting PhD",
+      "next": ""
     },
     {
       "name": "Fanchao CHEN",
       "date": "Joined in Jan 2021",
       "bg": "Undergraduate Intern",
-      "area": "Next: PhD of University of Wisconsin-Madison",
-      "web": "https://cfc87.github.io/"
+      "area": "",
+      "web": "https://cfc87.github.io/",
+      "position": "Intern",
+      "next": "PhD of University of Wisconsin-Madison"
     },
     {
       "name": "Chunbo LI",
       "date": "Joined in Aug 2021",
       "bg": "BS from Tongji University",
-      "area": "Xiaomi",
-      "web": ""
+      "area": "",
+      "web": "",
+      "position": "Master",
+      "next": "Xiaomi"
     },
     {
       "name": "Yixiang DONG",
       "date": "Joined in Sep 2022",
       "bg": "",
       "area": "Visiting PhD",
-      "web": "https://dblp.org/pid/260/0886.html"
+      "web": "https://dblp.org/pid/260/0886.html",
+      "position": "Visiting PhD",
+      "next": ""
     },
     {
       "name": "Yufei HAN",
       "date": "",
       "bg": "Research Assistant",
       "area": "Next: Columbia University",
-      "web": ""
+      "web": "",
+      "position": "Intern",
+      "next": "Columbia University"
     },
     {
       "name": "Zefeng LI",
       "date": "Joined in May 2023",
       "bg": "Master Intern ",
-      "area": " Next: PhD@UBC",
-      "web": ""
+      "area": "",
+      "web": "",
+      "position": "Intern",
+      "next": "PhD@UBC"
     },
     {
       "name": "Guanduo CHEN",
       "date": "Joined in Feb 2023",
       "bg": "Master Intern from Fudan University",
       "area": "",
-      "web": "https://woooooow-pro.github.io/"
+      "web": "https://woooooow-pro.github.io/",
+      "position": "Intern",
+      "next": ""
     },
     {
       "name": "Yinan HE",
       "date": "2021 - 2022",
       "bg": "URECA Student",
-      "area": "Next: Harvard MS",
-      "web": ""
+      "area": "",
+      "web": "",
+      "position": "Intern",
+      "next": "Harvard MS"
     },
     {
       "name": "Yow Kai Siong",
       "date": "Feb 2022 - June 2024",
       "bg": "Postdoc, Awarded Southeast Asia Postdoc Fellowship",
       "area": "Next: Senior Lecturer @ Universiti Putra Malaysia",
-      "web": ""
+      "web": "",
+      "position": "PostDoc",
+      "next": "Senior Lecturer @ Universiti Putra Malaysia"
     },
     {
       "name": "Tiancheng HUANG",
       "date": "Postdoc, 2023-2024",
       "bg": "",
       "area": "Next: Research Fellow @ NTU",
-      "web": ""
+      "web": "",
+      "position": "PostDoc",
+      "next": "Research Fellow @ NTU"
     },
     {
       "name": "Mengshi CHEN",
       "date": "2022-2024",
       "bg": "Master Student",
       "area": "Next: PhD @ SJTU",
-      "web": ""
+      "web": "",
+      "position": "Master",
+      "next": "PhD @ SJTU"
     }
   ]
 }

src/components/Services/index.tsx

@@ -57,7 +57,7 @@ export class Services extends React.Component {
                     <span>{item.name}</span>
                     {
                       item.keyword.length > 0 && <span style={{ fontWeight: "bold" }}>
-                        ({item.keyword} {formatRoleAndYears(item)})
+                        {" (" + item.keyword} {formatRoleAndYears(item)}{")"}
                       </span>
                     }
                   </li>

src/components/Services/services.json

@@ -43,6 +43,17 @@
     ],
     "category": "Teaching"
   },
+  {
+    "name": "Conference of ACM Special Interest Group on Management of Data",
+    "keyword": "SIGMOD",
+    "years": [
+      {
+        "role": "PC Member",
+        "year": "2026"
+      }
+    ],
+    "category": "Conference Services"
+  },
   {
     "name": "International Conference on Very Large Data Bases",
     "keyword": "PVLDB",
@@ -61,6 +72,10 @@
       {
         "role": "PC Member",
         "year": "2022-2025"
+      },
+      {
+        "role": "Area Chair",
+        "year": "2025"
       }
     ],
     "category": "Conference Services"
@@ -202,17 +217,6 @@
     ],
     "category": "Conference Services"
   },
-  {
-    "name": "Conference of ACM Special Interest Group on Management of Data",
-    "keyword": "SIGMOD",
-    "years": [
-      {
-        "role": "PC Member",
-        "year": "2026"
-      }
-    ],
-    "category": "Conference Services"
-  },
   {
     "name": "Asia Pacific Web and Web-Age Information Management",
     "keyword": "APWeb-WAIM",

src/components/self/index.tsx

@@ -56,7 +56,7 @@ export class SelfIntro extends React.Component {
                 border: 'solid', borderColor: '#99CCFF', padding: '0.2rem',
                 color: '#2170BF', borderRadius: '0.6rem'
               }}>
-                <span style={{ marginLeft: '0.2rem' }}>Recruitment (Updated in July 2024):</span>
+                <span style={{ marginLeft: '0.2rem' }}>Recruitment (Updated in Dec 2024):</span>
                 </p>
                 <p> 
                   A few opennings for Research Assistant (remote or physical) <br/>