update

Author: yangchen73

src/layouts/Layout.astro

@@ -36,6 +36,7 @@ const { title = 'Chen Yang — Academic Homepage', description = 'Research, publ
           <li><a class="hover:text-sky-600" href="/#about">About</a></li>
           <li><a class="hover:text-sky-600" href="/#publications">Publications</a></li>
           <li><a class="hover:text-sky-600" href="/#awards">Awards</a></li>
+          <li><a class="hover:text-sky-600" href="/#experience">Experience</a></li>
           <li><a class="hover:text-sky-600" href="/#miscellaneous">Miscellaneous</a></li>
           <li><a class="hover:text-sky-600" href="/#contact">Contact</a></li>
         </ul>

src/pages/index.astro

@@ -128,6 +128,71 @@ import Layout from "../layouts/Layout.astro";
     </div>
   </section>
 
+  <section id="experience" class="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60">
+    <div class="mx-auto max-w-6xl">
+      <h2 class="text-2xl font-semibold">Experience</h2>
+      <div class="mt-8 relative">
+        <!-- Vertical timeline line -->
+        <div class="absolute left-8 top-0 bottom-0 w-0.5 bg-slate-300 dark:bg-slate-600"></div>
+        
+        <!-- Timeline items -->
+        <div class="space-y-8">
+          <!-- Item 1: Teaching Assistant -->
+          <div class="relative flex items-start">
+            <div class="absolute left-6 w-4 h-4 bg-sky-500 rounded-full border-4 border-white dark:border-slate-950 -translate-x-1/2"></div>
+            <div class="ml-16">
+              <div class="flex items-center gap-3 mb-2">
+                <h3 class="text-lg font-medium">Teaching Assistant</h3>
+                <span class="text-sm text-slate-500 bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">Jan 2024 - May 2024</span>
+              </div>
+              <p class="text-slate-600 dark:text-slate-300 font-medium">PHY1001 Course, CUHK-Shenzhen</p>
+              <p class="text-slate-600 dark:text-slate-300 mt-1">Assisted in teaching physics fundamentals and provided academic support to students.</p>
+            </div>
+          </div>
+
+          <!-- Item 2: Algorithm Intern -->
+          <div class="relative flex items-start">
+            <div class="absolute left-6 w-4 h-4 bg-sky-500 rounded-full border-4 border-white dark:border-slate-950 -translate-x-1/2"></div>
+            <div class="ml-16">
+              <div class="flex items-center gap-3 mb-2">
+                <h3 class="text-lg font-medium">Algorithm Intern</h3>
+                <span class="text-sm text-slate-500 bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">May 2024 - Sep 2024</span>
+              </div>
+              <p class="text-slate-600 dark:text-slate-300 font-medium">Shenzhen Institute of Big Data</p>
+              <p class="text-slate-600 dark:text-slate-300 mt-1">Developed and optimized algorithms for big data processing and analysis.</p>
+            </div>
+          </div>
+
+          <!-- Item 3: Research Assistant at Berkeley -->
+          <div class="relative flex items-start">
+            <div class="absolute left-6 w-4 h-4 bg-sky-500 rounded-full border-4 border-white dark:border-slate-950 -translate-x-1/2"></div>
+            <div class="ml-16">
+              <div class="flex items-center gap-3 mb-2">
+                <h3 class="text-lg font-medium">Research Assistant</h3>
+                <span class="text-sm text-slate-500 bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">Sep 2024 - Dec 2024</span>
+              </div>
+              <p class="text-slate-600 dark:text-slate-300 font-medium">HiPerLab, University of California, Berkeley</p>
+              <p class="text-slate-600 dark:text-slate-300 mt-1">Conducted research in high-performance computing and robotics applications.</p>
+            </div>
+          </div>
+
+          <!-- Item 4: Research Assistant at Georgia Tech -->
+          <div class="relative flex items-start">
+            <div class="absolute left-6 w-4 h-4 bg-sky-500 rounded-full border-4 border-white dark:border-slate-950 -translate-x-1/2"></div>
+            <div class="ml-16">
+              <div class="flex items-center gap-3 mb-2">
+                <h3 class="text-lg font-medium">Research Assistant</h3>
+                <span class="text-sm text-slate-500 bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">May 2025 - Present</span>
+              </div>
+              <p class="text-slate-600 dark:text-slate-300 font-medium">LiDAR Lab, Georgia Institute of Technology</p>
+              <p class="text-slate-600 dark:text-slate-300 mt-1">Researching advanced LiDAR technologies and their applications in autonomous systems.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- New Miscellaneous section inserted here -->
   <section id="miscellaneous" class="scroll-mt-20 py-12 border-t border-slate-200/60 dark:border-slate-800/60">
     <div class="mx-auto max-w-6xl">