feat: add funding list & new postdoc

src/components/People/people.json

@@ -1,11 +1,11 @@
 {
   "postdocs": [
     {
-      "name": "Kai WANG",
-      "date": "Sep 2022 - Present",
-      "img": "WangKai.png",
-      "bg": "PhD from Dalian University of Technology & Macquarie University",
-      "web": "https://scholar.google.com/citations?user=QHBzdg8AAAAJ",
+      "name": "Changan LIU",
+      "date": "Mar 2025 - Present",
+      "img": "changan.jpg",
+      "bg": "PhD from Fudan University",
+      "web": "https://scholar.google.com/citations?user=uk4iwHwAAAAJ&hl=en",
       "area": "Graph Algorithm & Learning"
     }
   ],
@@ -234,6 +234,14 @@
       "web": "",
       "position": "Master",
       "next": "PhD @ SJTU"
+    },
+    {
+      "name": "Kai WANG",
+      "date": "Sep 2022 - Mar 2025",
+      "bg": "PhD from Dalian University of Technology & Macquarie University",
+      "web": "https://scholar.google.com/citations?user=QHBzdg8AAAAJ",
+      "next": "Associate Professor @ HIT",
+      "position": "PostDoc"
     }
   ]
 }

src/components/self/funding.json

@@ -0,0 +1,11 @@
+[
+  "Co-PI, MOE ERFP: Sustained Creative Discourse for Deep Learning: Synchronous, asynchronous and blended environment. 2023 - 2025",
+  "PI, NTU SUG: Workload-Aware Optimization for Improving the Performance of Graph-based Applications, 2021 - 2024",
+  "PI, MOE AcRF Tier-1: Machine-Learning Enhanced Graph Systems for Multi-Processing, 2021 - 2023",
+  "PI, MOE AcRF Tier-1: Quality-of-Service Optimization for Personalized Ranking in Dynamic Social Networks, 2022-2024",
+  "PI, NAP Award: Design and Implementing Autonomous Key-Value Stores, 2022 - 2026",
+  "PI, MOE AcRF Tier-2: Scaling up Graph Neural Networks – Theory and Algorithms, 2022-2025",
+  "PI, MOE AcRF Tier-2: Designing Scalable and Robust Storage Systems – From New Theories to Real Systems, 2025 - 2028",
+  "PI, AISG: Effective Detection of Harmful AI-Generated Videos: The Power of Graph-based Approach, 2025 - 2028",
+  "PI, NRF Frontier-CRP: From LLMs to LGMs: LLM-empowered Sub-Graph Learning for Large Graph Models, 2025 - 2029"
+]

src/components/self/fundingList.tsx

@@ -0,0 +1,32 @@
+import * as React from "react";
+
+import rawData from './funding.json';
+
+// revert the list
+const fundings: string[] = rawData.reverse();
+
+export class FundingList extends React.Component {
+  render() {
+    return (
+      <div style={{ width: '70%' }}>
+        <div style={{ textAlign: 'left', display:'flex', fontSize: "20px", fontWeight: "bold", fontFamily: "Droid Serif", marginBottom: '2rem' }}>
+
+          <img src="funds.png" style={{ width: '1.5rem', marginRight: '0.5rem' }} />
+          <div>Funding List</div>
+        </div>
+        <ul style={{ textAlign: 'left', listStyleType: 'none', paddingInlineStart: '0rem', height: '15rem', overflow: "scroll"  }}>
+          {
+            fundings.map(val => (
+              <li style={{ marginBottom: '1rem', fontFamily: "'Cardo'", fontSize: "16px" }}>
+                <span style={{ fontWeight: 'bold' }}>{val.split(', ')[0]}</span>
+                <span>, {val.split(', ')[1]}, {val.split(', ')[2]}</span>
+              </li>
+            ))
+          }
+        </ul>
+      </div>
+    )
+  }
+}
+
+export default FundingList;

src/components/self/index.tsx

@@ -3,6 +3,7 @@ import * as React from "react";
 import { Col, Row } from "antd";
 import { Content } from "antd/es/layout/layout";
 import NewsList from "./news";
+import FundingList from "./fundingList";
 
 export class SelfIntro extends React.Component {
   public render()  {
@@ -71,6 +72,9 @@ export class SelfIntro extends React.Component {
         <div style={{ display: 'flex', justifyContent: 'center' }}>
           <NewsList />
         </div>
+        <div style={{ display: 'flex', justifyContent: 'center' }}>
+          <FundingList />
+        </div>
       </Content>
     );
   }