Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

feat: 创建熠辉的 Neobrutalism 风格个人简历#1

Draft
git-eclipse wants to merge 1 commit into
maingit-eclipse/git-eclipse.github.io:mainfrom
cursor/yihui-resume-c853git-eclipse/git-eclipse.github.io:cursor/yihui-resume-c853Copy head branch name to clipboard
Draft

feat: 创建熠辉的 Neobrutalism 风格个人简历#1
git-eclipse wants to merge 1 commit into
maingit-eclipse/git-eclipse.github.io:mainfrom
cursor/yihui-resume-c853git-eclipse/git-eclipse.github.io:cursor/yihui-resume-c853Copy head branch name to clipboard

Conversation

@git-eclipse

Copy link
Copy Markdown
Owner

概述

为全栈工程师「熠辉」创建了一份采用 Neobrutalism(新野蛮主义) 前端设计风格的个人简历页面。

Neobrutalism 设计特征

  • 粗黑边框 (3px solid):所有卡片、按钮、标签均使用粗黑边框
  • 硬阴影 (box-shadow: 6px 6px 0px):无模糊的实色偏移阴影,hover 时缩小产生"按下"效果
  • 直角设计 (border-radius: 0):摒弃圆角,保持锐利几何感
  • 高饱和色彩:黄色 #FFD803、粉色 #FF6B9D、青色 #4ECDC4、紫色 #A855F7、绿色 #22C55E
  • 粗体排版font-weight: 700-900,Mono 字体 + Sans 字体组合

页面结构

区块 说明
导航栏 固定顶部,带 logo 和锚点导航,移动端汉堡菜单
Hero 自我介绍、数字统计动画、头像区域配浮动技术标签
技能栈 4 张技能卡片(前端/后端/数据库/DevOps),含技术标签和进度条动画
工作经历 时间线布局,3 段工作经历,带彩色左边框
开源项目 3 张项目卡片,不同背景色,含技术栈和 GitHub 统计
教育背景 硕士 + 本科,双栏卡片布局
联系方式 邮箱、GitHub、微信、博客,4 栏网格
页脚 深色背景,版权信息

交互效果

  • 滚动触发淡入动画(IntersectionObserver)
  • 数字统计计数器动画
  • 技能进度条填充动画
  • 悬停卡片阴影缩减效果(neobrutalism 标志性交互)
  • 回到顶部按钮
  • 平滑锚点滚动

响应式

  • 桌面端(>1024px):多栏网格
  • 平板端(768-1024px):双栏/单栏自适应
  • 手机端(<768px):单栏 + 汉堡导航
Open in Web Open in Cursor 

- Complete HTML resume with hero, skills, experience, projects,
  education, and contact sections
- Neobrutalism design: bold borders, box shadows, bright accent colors,
  sharp edges, chunky typography
- Responsive layout with mobile navigation toggle
- Scroll-triggered animations for skill bars, counters, and fade-ins
- Interactive elements: hover effects, back-to-top button, floating tags

Co-authored-by: git-eclipse <git-eclipse@users.noreply.github.com>
@vercel

vercel Bot commented Apr 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
git-eclipse-github-io Ready Ready Preview, Comment Apr 11, 2026 7:58am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Morty Proxy This is a proxified and sanitized view of the page, visit original site.