feat(portfolio): replace skills section with about section and skills marquee

- Remove old skills data and components
- Add new about section with personal introduction and stats
- Implement animated skills marquee component
- Update navigation to reflect new section structure
This commit is contained in:
joyzhao
2025-06-16 12:50:08 +08:00
parent 0c22c6abf6
commit a18a0cdff1
10 changed files with 432 additions and 346 deletions

View File

@@ -9,11 +9,8 @@ export const defaultLang = 'en';
export const ui = {
en: {
'nav.home': 'Home',
'nav.about': 'About Me',
'nav.projects': 'Projects',
'nav.experience': 'Experience',
'nav.skills': 'Skills',
'nav.awards': 'Awards',
'nav.education': 'Education',
'footer.rights': 'All rights reserved.',
'site.title': 'My Portfolio',
'page.home.title': 'Home',
@@ -40,6 +37,20 @@ export const ui = {
// Skills Section
'skills.title': 'Skills',
// About Section
'about.title': 'About Me',
'about.description.paragraph1': 'I\'m a passionate developer with 5+ years of experience building web applications and contributing to open source projects. I specialize in creating clean, efficient, and maintainable code.',
'about.description.paragraph2': 'When I\'m not coding, you can find me exploring new technologies, writing tech articles, or enjoying a fresh cup of coffee while debugging complex problems.',
'about.description.paragraph3': 'I believe in continuous learning and staying up-to-date with the latest industry trends and best practices.',
'about.stats.repositories': 'Repositories',
'about.stats.commits': 'Commits',
'about.stats.prsmerged': 'PRs Merged',
'about.toolbox.title': 'My Toolbox',
'about.toolbox.frontend': 'Frontend',
'about.toolbox.backend': 'Backend',
'about.toolbox.devops': 'DevOps',
'about.toolbox.mobile': 'Mobile',
// Projects Section
'projects.title': 'Latest Projects',
'projects.viewOnGithub': 'View on GitHub',
@@ -168,10 +179,7 @@ export const ui = {
zh: {
'nav.home': '首页',
'nav.projects': '项目经历',
'nav.experience': '工作经历',
'nav.skills': '专业技能',
'nav.awards': '奖项荣誉',
'nav.education': '教育背景',
'nav.about': '关于我',
'footer.rights': '版权所有。',
'site.title': '我的作品集',
'page.home.title': '首页',
@@ -198,6 +206,20 @@ export const ui = {
// Skills Section
'skills.title': '专业技能',
// About Section
'about.title': '关于我',
'about.description.paragraph1': '我是一名充满热情的开发者拥有5年以上构建Web应用程序和参与开源项目的经验。我专注于创建简洁、高效且易于维护的代码。',
'about.description.paragraph2': '当我不在编程时,你可以发现我在探索新技术、撰写技术文章,或者在调试复杂问题时享受一杯新鲜的咖啡。',
'about.description.paragraph3': '我相信持续学习,并与最新的行业趋势和最佳实践保持同步。',
'about.stats.repositories': '代码仓库',
'about.stats.commits': '提交次数',
'about.stats.prsmerged': '合并请求',
'about.toolbox.title': '我的工具箱',
'about.toolbox.frontend': '前端',
'about.toolbox.backend': '后端',
'about.toolbox.devops': 'DevOps',
'about.toolbox.mobile': '移动端',
// Projects Section
'projects.title': '最新项目',
'projects.viewOnGithub': '在 GitHub 上查看',