From 3ca368409f7ec360e2314a8f23c1773ca1eafd22 Mon Sep 17 00:00:00 2001 From: Kai Chen Date: Sun, 31 May 2026 01:15:02 +0100 Subject: [PATCH] feat: refresh about page, homepage copy, Signal link, and London weather Sync about CV layout with PDF order, add Focus and volunteering entries, enlarge homepage prose, add Signal contact icon, and point weather to London. Co-authored-by: Claude Co-authored-by: Cursor --- app/about/page.tsx | 249 ++++++++++++++----------------- app/api/weather/route.ts | 4 +- app/components/Weather.tsx | 4 +- app/components/berkeley-time.tsx | 2 +- app/components/weather-card.tsx | 2 +- app/page.tsx | 41 +++-- 6 files changed, 141 insertions(+), 161 deletions(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index ae173ba..e1c85a7 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,5 +1,3 @@ -import React from "react"; - export default function About() { return (
@@ -14,132 +12,144 @@ export default function About() {
- {/* Bio */} -
-

- Mathematics major (Fields Medal Honors Program) at Southern University of Science and - Technology (SUSTech), currently visiting UC Berkeley (2026). Previously attended a summer - program in Deep Unsupervised Learning at the University of Oxford (2025). -

-
- {/* Two-column: Education (left) | Experience + Volunteering (right) */} -
+
- {/* Left — Education */} -
-
Education
-
- {[ - { - years: "Jan 2026 – Dec 2026", - institution: "University of California, Berkeley", - role: "Visiting Student", - sub: null, - activities: "Data Scholar · Effective Altruism at UC Berkeley · Project Reboot", - }, - { - years: "Sep 2023 – Jun 2027", - institution: "Southern University of Science and Technology", - role: "Bachelor of Science, Mathematics", - sub: "Zhicheng Residential College · Fields Medal Honors Program in Mathematics", - activities: - "SUSTech Psychology Society (Member 23–24, President 24–25) · SUSTech Emergency Rescue Association (Office Dept 23–24) · Zhicheng College (Student Organization Coordinator 23–24)", - }, - { - years: "Jun 2025 – Jul 2025", - institution: "University of Oxford", - role: "Summer Program, Advanced AI and Machine Learning", - sub: "Deep Unsupervised Learning · Grade: First Class (A+)", - activities: null, - }, - { - years: "Jul 2020 – Jun 2023", - institution: "Tongzhou Senior High School of Jiangsu Province", - role: "High School Diploma", - sub: "Top 0.42% (1848th in 445k+ in Jiangsu Province) in Gaokao · Innovation Honors Program in STEM", - activities: null, - }, - ].map(({ years, institution, role, sub, activities }, i) => ( -
- - {years} - -

- {institution} -

-

+

+
Education
+
+ {[ + { + years: "Sep 2023 – Jun 2027", + institution: "Southern University of Science and Technology", + role: "Bachelor of Science, Mathematics", + content: "Fields Medal Honors Program", + }, + { + years: "Jan 2026 – Dec 2026", + institution: "University of California, Berkeley", + role: "Study Abroad", + content: "Computer Science and Data Science", + }, + { + years: "Jun 2025 – Jul 2025", + institution: "University of Oxford", + role: "Summer Program", + content: "Advanced Artificial Intelligence (AI) and Machine Learning (ML)", + }, + { + years: "Jul 2020 – Jun 2023", + institution: "Tongzhou Senior High School of Jiangsu Province", + role: "High School Diploma", + content: "Innovation Honors Program in STEM", + }, + ].map(({ years, institution, role, content }, i) => ( +
- {role} -

- {sub && ( + + {years} +

+ {institution} +

+

- {sub} + {role}

- )} - {activities && (

- {activities} + {content}

- )} -
- ))} +
+ ))} +
+
+ +
+
Focus
+
+ {[ + { term: "Summer 26", code: "COMPSCI 61B: Data Structures" }, + { term: "Summer 26", code: "COMPSCI 188: Introduction to Artificial Intelligence" }, + ].map(({ term, code }) => ( +
+ + {term} + +

+ {code} +

+
+ ))} +
{/* Right — Experience + Volunteering stacked */} -
+
{/* Experience */} -
+
Experience
-
+
{[ + { + years: "Apr 2026 – Present", + meta: "Berkeley, CA · On-site", + role: "Research Collaborator", + org: "Constellation Institute", + }, { years: "Jun 2024 – Jun 2025", meta: "Shenzhen, China · On-site", role: "Peer Mentor", org: "Southern University of Science and Technology", - desc: "The experience I'm most proud of from my time at SUSTech. Provided sustained one-on-one mentorship to freshmen (300+ hours), supporting academic planning, well-being, and transition to university life. Recognized as Outstanding Peer Mentor.", }, { - years: "Mar 2024 – Jan 2025", + years: "Feb 2024 – Jan 2025", meta: "Shenzhen, China · On-site", role: "Research Assistant", org: "Southern University of Science and Technology", - desc: "Conducted research in control theory at NCC Lab, developing inequality-based estimates for nonlinear systems using Lyapunov and energy-based methods.", + }, + { + years: "Nov 2023 – Jan 2024", + meta: "Shenzhen, China · On-site", + role: "Teaching Assistant", + org: "Southern University of Science and Technology", }, { years: "Oct 2024 – Jan 2025", meta: "Hong Kong SAR · Hybrid", role: "Teaching Assistant", org: "Lingnan University", - desc: "Assisted in delivering the Wellness Ambassador Program (WAP), facilitating counseling-focused training and supporting 60+ students in developing peer support skills.", }, - ].map(({ years, meta, role, org, desc }, i) => ( + ].map(({ years, meta, role, org }, i) => (
{org}

-

- {desc} -

))}
{/* Volunteering */} -
+
Volunteering
{[ + { + years: "May 2026 – Present", + role: "EA Global 2026 Volunteer", + org: "The Centre for Effective Altruism", + }, { years: "Feb 2026 – Present", role: "Member #10986", org: "Giving What We Can", - desc: "Proudly pledged to donate 10% of my lifetime income to effective charities.", }, { years: "Oct 2023 – Dec 2025", role: "Certified First Aider", org: "SUSTech Emergency Rescue Association", - desc: null, }, - ].map(({ years, role, org, desc }, i) => ( + ].map(({ years, role, org }, i) => (
{org}

- {desc && ( -

- {desc} -

- )}
))}
@@ -236,36 +235,6 @@ export default function About() {
- {/* Focus */} -
-
-
Focus
- {(() => { - const courses = [ - { term: "Spring 26", code: "CS61A", name: "Structure and Interpretation of Computer Programs" }, - { term: "Spring 26", code: "Data100", name: "Principles and Techniques of Data Science" }, - { term: "Spring 26", code: "CogSci175", name: "Mind, Machine and Meaning" }, - ]; - const items: React.ReactNode[] = []; - courses.forEach(({ term, code, name }, i) => { - if (i > 0) { - items.push( -
- ); - } - items.push( -
- {term} -

{code}

-

{name}

-
- ); - }); - return
{items}
; - })()} -
-
-
); } diff --git a/app/api/weather/route.ts b/app/api/weather/route.ts index 72ffe94..bb0be28 100644 --- a/app/api/weather/route.ts +++ b/app/api/weather/route.ts @@ -7,11 +7,11 @@ import { export async function GET() { const url = "https://api.open-meteo.com/v1/forecast" + - "?latitude=37.8715&longitude=-122.2730" + + "?latitude=51.5074&longitude=-0.1278" + "¤t=temperature_2m,weathercode,apparent_temperature,relative_humidity_2m" + "&hourly=precipitation_probability" + "&temperature_unit=celsius" + - "&timezone=America%2FLos_Angeles" + + "&timezone=Europe%2FLondon" + "&forecast_days=1"; const res = await fetch(url, { next: { revalidate: 600 } }); diff --git a/app/components/Weather.tsx b/app/components/Weather.tsx index c84a6d1..1865084 100644 --- a/app/components/Weather.tsx +++ b/app/components/Weather.tsx @@ -16,7 +16,7 @@ export default function Weather() { useEffect(() => { const tick = () => { const t = new Date().toLocaleTimeString("en-US", { - timeZone: "America/Los_Angeles", + timeZone: "Europe/London", hour: "numeric", minute: "2-digit", second: "2-digit", @@ -38,7 +38,7 @@ export default function Weather() { return ( - Berkeley, CA + London, UK {time && {time}} {data && ( diff --git a/app/components/berkeley-time.tsx b/app/components/berkeley-time.tsx index 3b869f2..e51ade0 100644 --- a/app/components/berkeley-time.tsx +++ b/app/components/berkeley-time.tsx @@ -8,7 +8,7 @@ export default function BerkeleyTime() { useEffect(() => { const update = () => { const full = new Date().toLocaleTimeString("en-US", { - timeZone: "America/Los_Angeles", + timeZone: "Europe/London", hour: "2-digit", minute: "2-digit", second: "2-digit", diff --git a/app/components/weather-card.tsx b/app/components/weather-card.tsx index 4140372..92da050 100644 --- a/app/components/weather-card.tsx +++ b/app/components/weather-card.tsx @@ -38,7 +38,7 @@ export default function WeatherCard() { style={{ fontFamily: "'Nunito'", fontWeight: 400, fontSize: 14, letterSpacing: "0.02em" }} className="text-zinc-600 dark:text-zinc-400 leading-[1.1]" > - Berkeley · CA · US + London · UK

{/* Social links */} -

+
- + + + + + + + - + @@ -55,7 +67,7 @@ export default async function Home() { aria-label="LinkedIn" className="text-zinc-700 dark:text-zinc-300 opacity-35 transition-all duration-300 ease-out hover:opacity-100 hover:text-[#0A66C2] dark:hover:text-[#70B5F9]" > - + @@ -66,7 +78,7 @@ export default async function Home() { aria-label="X" className="text-zinc-700 dark:text-zinc-300 opacity-35 transition-all duration-300 ease-out hover:opacity-100 hover:text-neutral-950 dark:hover:text-neutral-50" > - + @@ -77,7 +89,7 @@ export default async function Home() { aria-label="Spotify profile" className="text-zinc-700 dark:text-zinc-300 opacity-35 transition-all duration-300 ease-out hover:opacity-100 hover:text-[#1DB954] dark:hover:text-[#1ED760]" > - + @@ -104,28 +116,27 @@ export default async function Home() { className="no-underline hover:opacity-70 transition-opacity duration-150" >🔸 -
+

Visiting @ UC Berkeley 2026

Maths @ SUSTech ’27 · Fields Medal Honors Program

{/* Introductions */} -
+

Welcome to my personal space at a corner of the human made internet :D

-

I am a believer of Longtermism and Effective Altruism.

-

Currently, I'm also investigating AI alignment and ML fairness.

-

Here is a demo I made showcasing a model of a datacenter.

-

And I'm still trying to build a consistant lifestyle & fitness routine lol.

+

I am a believer of Christianity and Effective Altruism.

+

Currently, I'm collaborating in a datacenter verification project. I'm also tinkering with a side project on AI life tutoring.

+

Recently, I'm reading Mere Christianity by C. S. Lewis.

{/* Personality / side */} -
+

I study Maths for my bachelor's degree and I'm always awed by the beauty of it (as the motivation to learn it through so much hard work)! I love the outline of analysis proofs and I'm especially obsessed with algebra structures.

-

I really love tinkering stuff. I dream of building something that can help people / make people happy with a fantastic user experience!

-

Currently reading What's Your Dream?: Find Your Passion. Love Your Work. Build a Richer Life. and actually sitting with the questions in it.

+

I also learn some computer science and data science, which I find myself better at than Maths lol. I'm drawn to the problem solving, ideas behind product design, and the empathy I feel when I'm building something for humans.

+

I really love tinkering stuff. I dream of building something that can help people / make people happy with a fantastic user experience! I also dream of building a tool that could change people's lives for the better.