wonder/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 央国企简历改单栏排版并调整栏目结构

Browse Source 
- 教育经历、荣誉奖项由两栏改为单栏
- 从教育经历拆出「校园经历」栏目，时间置于条目末尾
- 新增「学生工作」「自我评价」板块（学生工作内容待补充）

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
wonder
2026-09-23 21:50:56 +08:00
parent 578697ccbc
commit e53dcdf205
2 changed files with 67 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
soe/index.html
+52 -32
View File
@@ -44,11 +44,16 @@
</div> </div>
<div class="edu-date">2023-09 ~ 2027-06</div> <div class="edu-date">2023-09 ~ 2027-06</div>
</div> </div>
<ul class="edu-items"> </div>
<li>2026-03 ~ 2026-05 <img src="../img/kingsoft.svg" class="company-logo" alt="金山办公"> 金山办公 WPS 菁英工程师训练营</li>
<li>2024-05 ~ 2026-05 <img src="../img/linghang.svg" class="company-logo" alt="领航工作室"> 武汉科技大学领航工作室</li> <!-- 校园经历 -->
<li>2025-01 ~ 2025-03 <img src="../img/bytedance.svg" class="company-logo" alt="字节跳动"> 字节跳动 MarsCode 青训营</li> <div class="section">
<li>2026-06 ~ 2026-07 <img src="../img/neusoft.svg" class="company-logo small" alt="东软集团"> 东软集团生产实习</li> <div class="section-title">校园经历</div>
<ul class="campus-items">
<li><span class="campus-name"><img src="../img/kingsoft.svg" class="company-logo" alt="金山办公"> 金山办公 WPS 菁英工程师训练营</span><span class="campus-date">2026-03 ~ 2026-05</span></li>
<li><span class="campus-name"><img src="../img/linghang.svg" class="company-logo" alt="领航工作室"> 武汉科技大学领航工作室</span><span class="campus-date">2024-05 ~ 2026-05</span></li>
<li><span class="campus-name"><img src="../img/bytedance.svg" class="company-logo" alt="字节跳动"> 字节跳动 MarsCode 青训营</span><span class="campus-date">2025-01 ~ 2025-03</span></li>
<li><span class="campus-name"><img src="../img/neusoft.svg" class="company-logo small" alt="东软集团"> 东软集团生产实习</span><span class="campus-date">2026-06 ~ 2026-07</span></li>
</ul> </ul>
</div> </div>
@@ -70,36 +75,32 @@
<div class="section"> <div class="section">
<div class="section-title">荣誉奖项</div> <div class="section-title">荣誉奖项</div>
<div class="honor-section"> <div class="honor-section">
<div class="honor-left"> <div class="honor-item">
<div class="honor-item"> <div class="honor-content">
<div class="honor-content"> <img src="../img/kingsoft.svg" class="company-logo" alt="金山办公">
<img src="../img/kingsoft.svg" class="company-logo" alt="金山办公"> <span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span>
<span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span> <span class="honor-badge">三等奖</span>
<span class="honor-badge">三等奖</span>
</div>
</div>
<div class="honor-item">
<div class="honor-content">
<img src="../img/icpc.svg" class="company-logo icpc" alt="ICPC">
<span class="honor-name">国际大学生程序设计竞赛（ICPC）湖北省赛</span>
<span class="honor-badge">优秀奖</span>
</div>
</div> </div>
</div> </div>
<div class="honor-right"> <div class="honor-item">
<div class="honor-item"> <div class="honor-content">
<div class="honor-content"> <img src="../img/icpc.svg" class="company-logo icpc" alt="ICPC">
<img src="../img/qiniu.svg" class="company-logo qiniu" alt="七牛云"> <span class="honor-name">国际大学生程序设计竞赛（ICPC）湖北省赛</span>
<span class="honor-name">七牛云 XEngineer 开源实训项目</span> <span class="honor-badge">优秀奖</span>
<span class="honor-badge">三等奖</span>
</div>
</div> </div>
<div class="honor-item"> </div>
<div class="honor-content"> <div class="honor-item">
<img src="../img/lark.svg" class="company-logo" alt="飞书" style="height: 20px;"> <div class="honor-content">
<span class="honor-name">WaytoAGI 飞书全球黑客松（武汉站）</span> <img src="../img/qiniu.svg" class="company-logo qiniu" alt="七牛云">
<span class="honor-badge">创意奖</span> <span class="honor-name">七牛云 XEngineer 开源实训项目</span>
</div> <span class="honor-badge">三等奖</span>
</div>
</div>
<div class="honor-item">
<div class="honor-content">
<img src="../img/lark.svg" class="company-logo" alt="飞书" style="height: 20px;">
<span class="honor-name">WaytoAGI 飞书全球黑客松（武汉站）</span>
<span class="honor-badge">创意奖</span>
</div> </div>
</div> </div>
</div> </div>
@@ -199,6 +200,25 @@
<li>单机场景利用字符串常量池特性，以业务前缀+用户ID为锁对象；多机场景基于 Redis 实现分布式锁，保障多实例数据一致。</li> <li>单机场景利用字符串常量池特性，以业务前缀+用户ID为锁对象；多机场景基于 Redis 实现分布式锁，保障多实例数据一致。</li>
</ol> </ol>
</div> </div>
<!-- 学生工作 -->
<div class="section">
<div class="section-title">学生工作</div>
<ul class="exp-items">
<li>【待补充】20XX-XX ~ 20XX-XX 职务/组织名称：主要工作内容与成果</li>
</ul>
</div>
<!-- 自我评价 -->
<div class="section">
<div class="section-title">自我评价</div>
<ul class="skill-items">
<li><b>后端基础扎实</b>：熟悉 Go/Java 技术栈与主流中间件，掌握并发模型、垃圾回收与性能调优，具备高并发场景下的方案设计与落地能力</li>
<li><b>工程落地能力强</b>：有七牛云基础架构、国家网络安全 SaaS 平台两段实习，独立交付过认证网关、PostgreSQL HA 集群、数据库自动化运维等模块</li>
<li><b>学习与钻研</b>：ICPC 湖北省赛、金山杯程序设计竞赛等算法竞赛经历；持续探索 AI 工程方向并有开源项目实践</li>
<li><b>工作态度</b>：踏实认真，能快速学习新技术并解决实际问题</li>
</ul>
</div>
</div> </div>
</body> </body>
</html> </html>
soe/resume.css
+15 -29
View File
@@ -123,10 +123,8 @@ body {
white-space: nowrap; white-space: nowrap;
} }
.edu-items { /* Campus */
display: grid; .campus-items {
grid-template-columns: 1fr 1fr;
gap: 2px 20px;
margin-left: 12px; margin-left: 12px;
font-size: 15px; font-size: 15px;
color: #252525; color: #252525;
@@ -134,26 +132,23 @@ body {
list-style: none; list-style: none;
} }
.edu-items li { .campus-items li {
display: flex;
align-items: baseline;
margin-left: 0; margin-left: 0;
} }
.campus-name {
flex: 1;
}
.campus-date {
color: #888;
white-space: nowrap;
margin-left: 12px;
}
/* Honors */ /* Honors */
.honor-section {
display: flex;
}
.honor-left {
width: 55%;
border-right: 1px dashed #ccc;
padding-right: 12px;
}
.honor-right {
width: 45%;
padding-left: 12px;
}
.honor-item { .honor-item {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
@@ -169,15 +164,6 @@ body {
min-width: 0; min-width: 0;
} }
.honor-right .honor-content {
display: flex;
align-items: center;
}
.honor-right .honor-name {
flex: 1;
}
.honor-name { .honor-name {
color: #222; color: #222;
} }