feat: Add high school education details to the Education component and include corresponding translations.

This commit is contained in:
Van Leemput Dayron
2025-12-01 15:01:39 +01:00
parent 1318b357b8
commit 59c1b8c8ad
2 changed files with 40 additions and 5 deletions

View File

@@ -24,6 +24,23 @@ const Education = () => {
], ],
color: "#4CAF50", color: "#4CAF50",
icon: <GraduationCap size={24} /> 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 className="education-timeline">
<div <div
className="timeline-dot" className="timeline-dot"
style={{ backgroundColor: edu.color }} style={{ backgroundColor: edu.color }}
> >
@@ -135,7 +152,7 @@ const Education = () => {
</div> </div>
</div> </div>
<div className="education-status"> <div className="education-status">
<span <span
className="status-badge" className="status-badge"
style={{ backgroundColor: `${edu.color}20`, color: edu.color }} style={{ backgroundColor: `${edu.color}20`, color: edu.color }}
> >
@@ -206,7 +223,7 @@ const Education = () => {
</div> </div>
<div className="cert-skills"> <div className="cert-skills">
{cert.skills.map((skill, skillIndex) => ( {cert.skills.map((skill, skillIndex) => (
<span <span
key={skillIndex} key={skillIndex}
className="cert-skill-tag" className="cert-skill-tag"
style={{ backgroundColor: `${cert.color}20`, color: cert.color }} style={{ backgroundColor: `${cert.color}20`, color: cert.color }}
@@ -253,8 +270,8 @@ const Education = () => {
className="goal-progress-bar" className="goal-progress-bar"
initial={{ width: 0 }} initial={{ width: 0 }}
whileInView={{ width: `${item.progress}%` }} whileInView={{ width: `${item.progress}%` }}
transition={{ transition={{
duration: 1.5, duration: 1.5,
delay: index * 0.1 + 0.5, delay: index * 0.1 + 0.5,
ease: [0.25, 0.1, 0.25, 1] as const ease: [0.25, 0.1, 0.25, 1] as const
}} }}

View File

@@ -129,6 +129,15 @@ const translations = {
'education.cert2.title': 'React & TypeScript', 'education.cert2.title': 'React & TypeScript',
'education.cert2.provider': 'Projets personnels', 'education.cert2.provider': 'Projets personnels',
'education.cert2.date': '2024', 'education.cert2.date': '2024',
'education.highschool.degree': 'CESS (Certificat d\'Enseignement Secondaire Supérieur)',
'education.highschool.school': 'Athénée Royal d\'Ath',
'education.highschool.location': 'Ath, Belgique',
'education.highschool.period': '2016 - 2022',
'education.highschool.status': 'Diplômé',
'education.highschool.description': 'Section Math-Sciences (Math 8h - Sciences 7h)',
'education.highschool.highlights.0': 'Mathématiques avancées',
'education.highschool.highlights.1': 'Sciences (Physique, Chimie, Biologie)',
'education.highschool.highlights.2': 'Langues',
// Contact // Contact
'contact.title': 'Contactez-moi', 'contact.title': 'Contactez-moi',
@@ -257,6 +266,15 @@ const translations = {
'education.cert2.title': 'React & TypeScript', 'education.cert2.title': 'React & TypeScript',
'education.cert2.provider': 'Personal projects', 'education.cert2.provider': 'Personal projects',
'education.cert2.date': '2024', 'education.cert2.date': '2024',
'education.highschool.degree': 'CESS (Certificate of Upper Secondary Education)',
'education.highschool.school': 'Athénée Royal d\'Ath',
'education.highschool.location': 'Ath, Belgium',
'education.highschool.period': '2016 - 2022',
'education.highschool.status': 'Graduated',
'education.highschool.description': 'Math-Science Section (Math 8h - Science 7h)',
'education.highschool.highlights.0': 'Advanced Mathematics',
'education.highschool.highlights.1': 'Sciences (Physics, Chemistry, Biology)',
'education.highschool.highlights.2': 'Languages',
// Contact // Contact
'contact.title': 'Contact me', 'contact.title': 'Contact me',