365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update navigation links and enhance section IDs for improved accessibility and organization

Browse Source 
- Added a new navigation link for "Skills" in the header data.
- Updated section divs in the About Me page to include specific IDs for "About", "Resume", "Skills", "Certifications", and "Education" for better linking and accessibility.
- Ensured consistent structure across content sections to enhance user experience.
This commit is contained in:
becarta
2025-06-15 22:36:15 +02:00
parent 78b37b169c
commit 3c85e274e5
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/navigation.ts
View File

@@ -27,12 +27,12 @@ export const getHeaderData = (lang = 'en') => {
links: [ links: [
{ text: t.navigation.about, href: getPermalink('/aboutme', 'page', lang), isHashLink: false }, { text: t.navigation.about, href: getPermalink('/aboutme', 'page', lang), isHashLink: false },
{ text: t.navigation.resume, href: getPermalink('/aboutme', 'page', lang) + '#resume', isHashLink: true }, { text: t.navigation.resume, href: getPermalink('/aboutme', 'page', lang) + '#resume', isHashLink: true },
{ text: t.navigation.skills, href: getPermalink('/aboutme', 'page', lang) + '#skills', isHashLink: true },
{ {
text: t.navigation.certifications, text: t.navigation.certifications,
href: getPermalink('/aboutme', 'page', lang) + '#certifications', href: getPermalink('/aboutme', 'page', lang) + '#certifications',
isHashLink: true, isHashLink: true,
}, },
{ text: t.navigation.skills, href: getPermalink('/aboutme', 'page', lang) + '#skills', isHashLink: true },
{ {
text: t.navigation.education, text: t.navigation.education,
href: getPermalink('/aboutme', 'page', lang) + '#education', href: getPermalink('/aboutme', 'page', lang) + '#education',

10
src/pages/[lang]/aboutme.astro
View File

@@ -417,7 +417,7 @@ const metadata = {
</Hero> </Hero>
<!-- Enhanced About Section --> <!-- Enhanced About Section -->
<div class="content-section stagger-animation"> <div id="about"class="content-section stagger-animation">
<Content <Content
id="about" id="about"
columns={2} columns={2}
@@ -451,7 +451,7 @@ const metadata = {
</div> </div>
<!-- Enhanced Work Experience --> <!-- Enhanced Work Experience -->
<div class="content-section stagger-animation"> <div id="resume" class="content-section stagger-animation" >
<ModernWorkExperience <ModernWorkExperience
id="resume" id="resume"
title={t.resume.title} title={t.resume.title}
@@ -472,7 +472,7 @@ const metadata = {
</div> </div>
<!-- Enhanced Skills Section with Modern Interactive Pills --> <!-- Enhanced Skills Section with Modern Interactive Pills -->
<div class="content-section stagger-animation"> <div id="skills" class="content-section stagger-animation">
<ModernSkills <ModernSkills
id="skills" id="skills"
title={t.skills.title} title={t.skills.title}
@@ -489,7 +489,7 @@ const metadata = {
</div> </div>
<!-- Enhanced Certifications with Modern Grid --> <!-- Enhanced Certifications with Modern Grid -->
<div class="content-section stagger-animation"> <div id="certifications" class="content-section stagger-animation">
<ModernCertifications <ModernCertifications
id="certifications" id="certifications"
title={t.certifications.title} title={t.certifications.title}
@@ -508,7 +508,7 @@ const metadata = {
</div> </div>
<!-- Enhanced Education --> <!-- Enhanced Education -->
<div class="content-section stagger-animation"> <div id="education" class="content-section stagger-animation">
<ModernEducation <ModernEducation
id="education" id="education"
title={t.education.title} title={t.education.title}