feat: Experience clicks smooth-scroll to Explore Experience section
Build & Push Portfolio Image / build-push (push) Successful in 3m31s

This commit is contained in:
Story Crater Bot
2026-09-02 10:39:11 -07:00
parent 406f0db52d
commit 2defd4d074
2 changed files with 11 additions and 5 deletions
+1 -1
View File
@@ -49,7 +49,7 @@ export function ExperienceTimeline() {
const timeline = t.experience.items const timeline = t.experience.items
return ( return (
<section className="max-w-4xl mx-auto px-6 py-20"> <section id="experience" className="max-w-4xl mx-auto px-6 py-20">
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }} whileInView={{ opacity: 1 }}
+10 -4
View File
@@ -181,10 +181,13 @@ export default function Header() {
)} )}
</div> </div>
<div className="border-l border-gray-300 dark:border-gray-700 pl-8 flex gap-6 items-center"> <div className="border-l border-gray-300 dark:border-gray-700 pl-8 flex gap-6 items-center">
<div className="text-xs"> <button
onClick={() => document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' })}
className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
>
<div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div> <div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
<div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div> <div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
</div> </button>
<div className="relative" ref={educationRef}> <div className="relative" ref={educationRef}>
<button <button
onClick={() => setEducationOpen(!educationOpen)} onClick={() => setEducationOpen(!educationOpen)}
@@ -354,10 +357,13 @@ export default function Header() {
</div> </div>
)} )}
<div className="border-t border-gray-200 dark:border-gray-800 pt-4 space-y-4"> <div className="border-t border-gray-200 dark:border-gray-800 pt-4 space-y-4">
<div className="text-xs"> <button
onClick={() => { setOpen(false); document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' }); }}
className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
>
<div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div> <div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
<div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div> <div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
</div> </button>
<div> <div>
<button <button
onClick={() => setEducationOpen(!educationOpen)} onClick={() => setEducationOpen(!educationOpen)}