Xeewy/xeewy.be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Education.tsx
View File

@@ -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
}}

18
src/contexts/LanguageContext.tsx
View File

@@ -129,6 +129,15 @@ const translations = {
'education.cert2.title': 'React & TypeScript',
'education.cert2.provider': 'Projets personnels',
'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.title': 'Contactez-moi',
@@ -257,6 +266,15 @@ const translations = {
'education.cert2.title': 'React & TypeScript',
'education.cert2.provider': 'Personal projects',
'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.title': 'Contact me',