Skip to content

Commit

Permalink
Update code
Browse files Browse the repository at this point in the history
  • Loading branch information
@frankfang7
frankfang7 committed Aug 8, 2024
1 parent 34e6696 commit 2e4e75d
Show file tree
Hide file tree
Showing 2 changed files with 79 additions and 66 deletions.
113 changes: 61 additions & 52 deletions resume/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,211 +47,211 @@ a:hover {
}

.text-primary {
color: var(--primary-color);
color: var(--primary-color) !important;
}

.text-muted {
color: #666;
color: #666 !important;
}

.m-0 {
margin: 0;
margin: 0 !important;
}

.mt-0 {
margin-top: 0;
margin-top: 0 !important;
}

.mr-0 {
margin-right: 0;
margin-right: 0 !important;
}

.mb-0 {
margin-bottom: 0;
margin-bottom: 0 !important;
}

.ml-0 {
margin-left: 0;
margin-left: 0 !important;
}

.m-1 {
margin: 0.05rem;
margin: 0.05rem !important;
}

.mt-1 {
margin-top: 0.05rem;
margin-top: 0.05rem !important;
}

.mr-1 {
margin-right: 0.05rem;
margin-right: 0.05rem !important;
}

.mb-1 {
margin-bottom: 0.05rem;
margin-bottom: 0.05rem !important;
}

.ml-1 {
margin-left: 0.05rem;
margin-left: 0.05rem !important;
}

.m-2 {
margin: 0.1rem;
margin: 0.1rem !important;
}

.mt-2 {
margin-top: 0.1rem;
margin-top: 0.1rem !important;
}

.mr-2 {
margin-right: 0.1rem;
margin-right: 0.1rem !important;
}

.mb-2 {
margin-bottom: 0.1rem;
margin-bottom: 0.1rem !important;
}

.ml-2 {
margin-left: 0.1rem;
margin-left: 0.1rem !important;
}

.m-3 {
margin: 0.15rem;
margin: 0.15rem !important;
}

.mt-3 {
margin-top: 0.15rem;
margin-top: 0.15rem !important;
}

.mr-3 {
margin-right: 0.15rem;
margin-right: 0.15rem !important;
}

.mb-3 {
margin-bottom: 0.15rem;
margin-bottom: 0.15rem !important;
}

.ml-3 {
margin-left: 0.15rem;
margin-left: 0.15rem !important;
}

.m-4 {
margin: 0.2rem;
margin: 0.2rem !important;
}

.mt-4 {
margin-top: 0.2rem;
margin-top: 0.2rem !important;
}

.mr-4 {
margin-right: 0.2rem;
margin-right: 0.2rem !important;
}

.mb-4 {
margin-bottom: 0.2rem;
margin-bottom: 0.2rem !important;
}

.ml-4 {
margin-left: 0.2rem;
margin-left: 0.2rem !important;
}

.p-0 {
padding: 0;
padding: 0 !important;
}

.p-1 {
padding: 0.05rem;
padding: 0.05rem !important;
}

.pt-0 {
padding-top: 0;
padding-top: 0 !important;
}

.pr-0 {
padding-right: 0;
padding-right: 0 !important;
}

.pb-0 {
padding-bottom: 0;
padding-bottom: 0 !important;
}

.pl-0 {
padding-left: 0;
padding-left: 0 !important;
}

.pt-1 {
padding-top: 0.05rem;
padding-top: 0.05rem !important;
}

.pr-1 {
padding-right: 0.05rem;
padding-right: 0.05rem !important;
}

.pb-1 {
padding-bottom: 0.05rem;
padding-bottom: 0.05rem !important;
}

.pl-1 {
padding-left: 0.05rem;
padding-left: 0.05rem !important;
}

.p-2 {
padding: 0.1rem;
padding: 0.1rem !important;
}

.pt-2 {
padding-top: 0.1rem;
padding-top: 0.1rem !important;
}

.pr-2 {
padding-right: 0.1rem;
padding-right: 0.1rem !important;
}

.pb-2 {
padding-bottom: 0.1rem;
padding-bottom: 0.1rem !important;
}

.pl-2 {
padding-left: 0.1rem;
padding-left: 0.1rem !important;
}

.p-3 {
padding: 0.15rem;
padding: 0.15rem !important;
}

.pt-3 {
padding-top: 0.15rem;
padding-top: 0.15rem !important;
}

.pr-3 {
padding-right: 0.15rem;
padding-right: 0.15rem !important;
}

.pb-3 {
padding-bottom: 0.15rem;
padding-bottom: 0.15rem !important;
}

.pl-3 {
padding-left: 0.15rem;
padding-left: 0.15rem !important;
}

.p-4 {
padding: 0.2rem;
padding: 0.2rem !important;
}

.pt-4 {
padding-top: 0.2rem;
padding-top: 0.2rem !important;
}

.pr-4 {
padding-right: 0.2rem;
padding-right: 0.2rem !important;
}

.pb-4 {
padding-bottom: 0.2rem;
padding-bottom: 0.2rem !important;
}

.pl-4 {
padding-left: 0.2rem;
padding-left: 0.2rem !important;
}

.heading {
Expand Down Expand Up @@ -424,4 +424,13 @@ a:hover {
.main .left {
width: 33.33% !important;
}
}

/* element-ui */
.el-button--text {
color: var(--primary-color);
}

.el-button--text:focus, .el-button--text:hover {
color: rgba(var(--primary-rgb), 0.8)
}
32 changes: 18 additions & 14 deletions resume/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ <h4 class="m-0">微信号：<span class="text-primary">frankfang7</span></h4>
<img src="./images/weixin.gif" alt="" width="198px">
<div class="mt-2" style="color: #999;">扫一扫上面的二维码图案，加我为朋友。</div>
</div>
<span slot="reference" style="cursor: pointer;"><i class="fa fa-wechat fa-fw text-primary"></i>17621440130</span>
<span slot="reference" style="cursor: pointer;"><i class="fa fa-wechat fa-fw text-primary"></i> 17621440130</span>
</el-popover>
&nbsp; <a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope fa-fw text-primary"></i> [email protected]</a>
&nbsp; <a href="https://frankfang7.github.io/resume" target="_blank"><i class="fa fa-star fa-fw text-primary"></i> frankfang7.github.io/resume</a>
Expand Down Expand Up @@ -67,8 +67,9 @@ <h3 class="heading mb-3"><i class="fa fa-comments-o fa-fw"></i> 自我评价</h3
<el-timeline-item v-for="(item,index) in workList" :key="index" timestamp="" color="var(--primary-color)" class="pb-2">
<h5 class="text-primary mt-0 mb-1">{{ item.date }}</h5>
<h4 class="text-primary mt-0 mb-1"><span>{{ item.name }}</span> <small style="font-weight: normal;">| {{ item.subName }}</small></h4>
<div class="mb-1">{{ item.content }}</div>
<div><el-tag v-for="(tag,ind) in item.tags" :key="ind" type="info" size="mini" class="mr-1">{{ tag }}</el-tag></div>
<div v-if="item.content"><strong class="text-muted">工作内容：</strong> {{ item.content }}</div>
<div v-if="item.projects"><strong class="text-muted">参与项目：</strong><el-button v-for="(i, n) in item.projects" :key="n" type="text" size="small" class="m-0 p-1">{{ i }}</el-button></div>
<div><el-tag v-for="(tag,ind) in item.tags" :key="ind" type="info" size="mini" class="mr-1 mt-1">{{ tag }}</el-tag></div>
</el-timeline-item>
</el-timeline>
</div>
Expand All @@ -78,7 +79,7 @@ <h4 class="text-primary mt-0 mb-1"><span>{{ item.name }}</span> <small style="fo
<el-timeline-item v-for="(item,index) in educationList" :key="index" timestamp="" color="var(--primary-color)" class="pb-2">
<h5 class="text-primary mt-0 mb-1">{{ item.date }}</h5>
<h4 class="text-primary mt-0 mt-1 mb-1"><span class="text-primary">{{ item.name }}</span> <small style="font-weight: normal;">| {{ item.subName }}</small></h4>
<div>{{ item.content }}</div>
<div><strong class="text-muted">课程内容：</strong> {{ item.content }}</div>
</el-timeline-item>
</el-timeline>
</div>
Expand All @@ -96,8 +97,8 @@ <h4 class="text-primary mt-0 mt-1 mb-1"><span class="text-primary">{{ item.name
// selfDescription: '本人性格平和稳重、积极乐观，为人诚实守信，谦虚上进，品行正直。待人友善，服从上级，做事尽心尽责，有较强团队精神。早年主要从事UI/UX设计，近些年主要专注于Web前端开发工作。热爱设计，热爱开发，尤其对前端展现层兴趣浓厚，经验也比较丰富！',
selfDescription: [
'擅长根据业务需求，绘制各种UI原型图、UI高保真设计稿以及UX交互方案；',
'擅长使用Vue全家桶 / ElementUI / JavaScript / ECharts等进行Web前端开发，尤其擅长样式/布局/响应式/交互等界面表现层的开发；',
'熟练使用Vue-Cli / Git等常用开发工具',
'擅长使用Vue全家桶 / ElementUI / JavaScript / ECharts...进行Web前端开发，尤其擅长样式/布局/响应式/交互等界面表现层的开发；',
'熟练使用Vue-cli / Git等常用开发工具；',
'精通Photoshop / illustrator从事设计工作，包括UI设计、CSS切图、VI设计、平面设计等；'
],
skillList: [
Expand Down Expand Up @@ -139,35 +140,38 @@ <h4 class="text-primary mt-0 mt-1 mb-1"><span class="text-primary">{{ item.name
date: '2020年3月 ~ 2024年8月',
name: '普华永道商务服务(上海)有限公司',
subName: 'Web前端开发 & UI/UX设计',
content: '工作内容：负责UI/UX设计及Web前端开发；主要参与项目：某报告管理系统；某碳追踪管理系统；某油田碳资产管理系统；某几个地方政府小程序等等……',
content: '负责UI/UX设计及Web前端开发……',
projects: ['某报告管理系统', '某碳追踪管理系统', '某油田碳资产管理系统', '某几个地方政府小程序'],
tags: ['Vue', 'Element-UI', 'ECharts', 'Photoshop', 'Uni-App']
},
{
date: '2018年4月 ~ 2020年3月',
name: '美数信息科技(上海)有限公司',
subName: 'Web前端开发 & UI/UX设计',
content: '工作内容：负责UI/UX设计及Web前端开发；主要参与项目：某门禁机后台管理系统前端开发、App及小程序的UI设计等等……',
content: '负责UI/UX设计及Web前端开发；',
projects: ['某门禁机后台管理系统前端开发、App及小程序的UI设计等等……'],
tags: ['Vue', 'Element-UI', 'ECharts', 'JavaScript', 'Photoshop', 'illustrator']
},
{
date: '2015年9月 ~ 2018年4月',
name: '上海思芮科技发展有限公司(东软集团)',
subName: 'UI/UX设计 & Web前端开发',
content: '工作内容：UI/UX设计及Web前端开发；主要参与项目：某电气公司风电云管理系统；某交易中心门户和管理系统开发等等……',
content: 'UI/UX设计及Web前端开发；',
projects: ['某电气公司风电云管理系统；某交易中心门户和管理系统开发等等……'],
tags: ['Photoshop', 'Bootstrap', 'HTML+CSS', 'jQuery']
},
{
date: '2011年8月 ~ 2015年9月',
name: '上海川合文化传播有限公司',
subName: 'UI设计 & 网站美工',
content: '工作内容：各种Web页面、App页面的设计、Flash动画设计制作等等……',
content: '各种Web页面、App页面的设计、Flash动画设计制作等等……',
tags: ['Photoshop', 'illustrator', 'Flash', 'HTML+CSS', 'Bootstrap', 'jQuery']
},
{
date: '2009年9月 ~ 2011年8月',
name: '上海极越信息技术有限公司',
subName: 'UI设计 & 网站美工 & 平面设计',
content: '工作内容：网页设计、Flash动画设计制作，网站美工(CSS+DIV切图)等等……',
content: '网页设计、Flash动画设计制作，网站美工(CSS+DIV切图)等等……',
tags: ['Photoshop', 'illustrator', 'Flash', 'HTML+CSS', 'jQuery']
}
],
Expand All @@ -176,13 +180,13 @@ <h4 class="text-primary mt-0 mt-1 mb-1"><span class="text-primary">{{ item.name
date: '2024年6月 ~ 2024年11月',
name: '项目管理专业人士资格认证',
subName: 'Project Management Professional(PMP)',
content: '课程内容：人员—强调与有效领导项目团队相关的技能和活动；过程—增强管理项目的技术领域；业务环境⸺ 突出项目和组织战略之间的联系；敏捷项目管理知识……'
content: '人员—强调与有效领导项目团队相关的技能和活动；过程—增强管理项目的技术领域；业务环境⸺ 突出项目和组织战略之间的联系；敏捷项目管理知识……'
},
{
date: '2019年3月 ~ 2021年7月',
name: '上海海事大学',
subName: '计算机科学与技术(本科)',
content: '主要课程：电路与电子技术、数字逻辑、计算方法、计算机原理与汇编、微型计算机技术、计算机系统结构、计算机网络、高级语言、数据结构、操作系统、编译原理等……'
subName: '计算机科学与技术(专升本)',
content: '电路与电子技术、数字逻辑、计算方法、计算机原理与汇编、微型计算机技术、计算机系统结构、计算机网络、高级语言、数据结构、操作系统、编译原理等……'
}
]
}
Expand Down

0 comments on commit 2e4e75d

Please sign in to comment.