feat: Add high school education details to the Education component and include corresponding translations.
This commit is contained in:
@@ -24,6 +24,23 @@ const Education = () => {
|
||||
],
|
||||
color: "#4CAF50",
|
||||
icon: <GraduationCap size={24} />
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
degree: t('education.highschool.degree'),
|
||||
school: t('education.highschool.school'),
|
||||
location: t('education.highschool.location'),
|
||||
period: t('education.highschool.period'),
|
||||
currentYear: "",
|
||||
status: t('education.highschool.status'),
|
||||
description: t('education.highschool.description'),
|
||||
highlights: [
|
||||
t('education.highschool.highlights.0'),
|
||||
t('education.highschool.highlights.1'),
|
||||
t('education.highschool.highlights.2')
|
||||
],
|
||||
color: "#3F51B5",
|
||||
icon: <GraduationCap size={24} />
|
||||
}
|
||||
];
|
||||
|
||||
@@ -106,7 +123,7 @@ const Education = () => {
|
||||
}}
|
||||
>
|
||||
<div className="education-timeline">
|
||||
<div
|
||||
<div
|
||||
className="timeline-dot"
|
||||
style={{ backgroundColor: edu.color }}
|
||||
>
|
||||
@@ -135,7 +152,7 @@ const Education = () => {
|
||||
</div>
|
||||
</div>
|
||||
<div className="education-status">
|
||||
<span
|
||||
<span
|
||||
className="status-badge"
|
||||
style={{ backgroundColor: `${edu.color}20`, color: edu.color }}
|
||||
>
|
||||
@@ -206,7 +223,7 @@ const Education = () => {
|
||||
</div>
|
||||
<div className="cert-skills">
|
||||
{cert.skills.map((skill, skillIndex) => (
|
||||
<span
|
||||
<span
|
||||
key={skillIndex}
|
||||
className="cert-skill-tag"
|
||||
style={{ backgroundColor: `${cert.color}20`, color: cert.color }}
|
||||
@@ -253,8 +270,8 @@ const Education = () => {
|
||||
className="goal-progress-bar"
|
||||
initial={{ width: 0 }}
|
||||
whileInView={{ width: `${item.progress}%` }}
|
||||
transition={{
|
||||
duration: 1.5,
|
||||
transition={{
|
||||
duration: 1.5,
|
||||
delay: index * 0.1 + 0.5,
|
||||
ease: [0.25, 0.1, 0.25, 1] as const
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user