feat: Experience clicks smooth-scroll to Explore Experience section
Build & Push Portfolio Image / build-push (push) Successful in 3m31s
Build & Push Portfolio Image / build-push (push) Successful in 3m31s
This commit is contained in:
@@ -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
@@ -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)}
|
||||||
|
|||||||
Reference in New Issue
Block a user