2025-06-16 13:03:15 +08:00

217 lines
6.3 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>张梦南 - 简历</title>
<style>
@font-face {
font-family: 'Pacifico';
src: url('Pacifico.ttf') format('truetype');
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
display: flex;
width: 210mm;
height: 297mm;
margin: auto;
background-color: #ffffff;
color: #333;
}
li {
line-height: 1.4;
}
p {
line-height: 1.4;
}
.left {
padding: 55px 34px;
}
.right {
padding: 55px 45px;
}
.left {
width: 61.8%;
background-color: #ffffff;
}
.right {
width: 38.2%;
background-color: #f1f3f5;
display: flex;
flex-direction: column;
align-items: center;
}
h1 {
font-size: 32px;
margin-bottom: 10px;
}
h2 {
font-size: 20px;
margin-top: 30px;
margin-bottom: 10px;
color: #1f3a93;
}
ul {
margin-left: 20px;
list-style-type: disc;
}
.section {
margin-bottom: 20px;
}
.contact-info {
margin-top: 25px;
text-align: center;
}
.contact-info h2 {
color: #000000;
}
.contact-info p {
margin-bottom: 6px;
}
.skills {
margin-top: 25px;
width: 100%;
text-align: center;
}
.skills h3 {
font-size: 18px;
margin-bottom: 10px;
}
.skill-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.skill-tags span {
background-color: #d0d8e0;
color: #1f3a93;
padding: 4px 10px;
border-radius: 12px;
font-size: 14px;
}
.skill-tags + h3 {
margin-top: 25px;
}
.skill-tags.software span {
background-color: #e3f2fd;
color: #0d47a1;
border: 1px solid #90caf9;
}
.qr {
text-align: center;
padding-top: 25px;
}
.qr img {
width: 150px;
height: 150px;
object-fit: contain;
}
.avatar {
width: 180px;
height: 180px;
margin-bottom: 20px;
object-fit: cover;
border-radius: 10px;
}
.logo {
margin-top: 25px;
text-align: center;
font-family: 'Pacifico', cursive;
font-size: 36px;
color: #010101;
}
</style>
</head>
<body>
<div class="left">
<h1>张梦南</h1>
<p>浙江科技大学 · 自动化专业 · 本科生 · 男 · 22岁</p>
<p>科技Geek · DIY爱好者 · NAS玩家</p>
<div class="section" style="text-align: justify;">
<h2>专业能力</h2>
<ul>
<li>能够利用立创 EDA 进行原理图及 PCB 设计,具备电子元器件焊接能力,熟练使用热风枪和电烙铁。</li>
<li>可以使用 Proteus 进行电路仿真,使用 Keil / Arduino 进行单片机程序烧录。</li>
<li>熟悉自动控制原理,掌握基本 PID 控制,能用 MATLAB Simulink 进行建模分析设计。</li>
<li>掌握 C / C++ 及 Python 语言进行程序设计。熟悉 Git 基本操作,具有团队开发经验。</li>
<li>掌握西门子 PLC 控制系统梯形图程序编写及仿真软件的应用。</li>
<li>了解网络传输协议,能够将本地局域网服务映射至公网;利用 VPN 技术实现两个异地局域网的连接;利用 P2P 技术实现两台设备点对点的数据加密传输。</li>
<li>可使用 DesignSpark 工具进行简单模型的 3D 建模;利用 3D 打印机进行模型打样,配合电路设计、程序烧录实现产品研发。</li>
</ul>
</div>
<div class="section" style="text-align: justify;">
<h2>个人项目</h2>
<ul>
<li>
<h4>USB-HUB</h4>
<p>该项目是利用 SL2.1A 主控芯片实现 USB 一分四拓展。项目主要练习电路原理图设计、PCB 设计及元器件焊接。</p>
</li>
<li>
<h4>Hifi-MP3</h4>
<p>该项目是利用杰理 AC6905A 芯片实现离线播放、蓝牙连接及 FM 收音功能于一体的并且支持 Hifi 音质的 MP3。</p>
</li>
<li>
<h4>网站搭建</h4>
<p>基于Html + CSS + JavaScript 搭建内置满血版 DeepSeek 的个人主页 HomePage 和支持关键词搜索功能的 ToolBox 工具箱。</p>
</li>
</ul>
</div>
<div class="section" style="text-align: justify;">
<h2>志愿经历</h2>
<ul>
<li>热爱志愿服务,累计志愿服务时长 380+ 小时。</li>
<li>杭州亚运会、亚残运会“小青荷”志愿者一枚。获亚运会、亚残运会优秀志愿者及突出贡献志愿者称号。</li>
<li>任2023黄龙体育中心女排世俱杯市场开发领域负责人。协同老师完成人员调动、任务分配等工作。</li>
</ul>
</div>
</div>
<div class="right">
<img src="zmn.jpg" alt="头像" class="avatar">
<div class="contact-info">
<h2>联系方式</h2>
<p><img src="email.svg" alt="邮箱" style="width:16px; vertical-align:middle; margin-right:8px;">1487537121@qq.com</p>
<p><img src="phone.svg" alt="电话" style="width:16px; vertical-align:middle; margin-right:8px;">18526485303</p>
<p><img src="web.svg" alt="网站" style="width:16px; vertical-align:middle; margin-right:8px;">dreamlife.top</p>
</div>
<div class="skills">
<h3>技能分类</h3>
<div class="skill-tags">
<span>控制</span>
<span>嵌入式</span>
<span>编程</span>
<span>运维</span>
<span>网络</span>
</div>
<h3>软件技能</h3>
<div class="skill-tags">
<span>💻 VS Code</span>
<span>🛠️ 立创EDA</span>
<span>📊 MATLAB</span>
<span>🐧 Ubuntu</span>
<span>📝 Office</span>
</div>
<div class="qr">
<h3>个人网站</h3>
<img src="m.png" alt="网站二维码">
<h5>个人网站主页、工具箱、博客、Gitea代码仓库均可通过扫码或访问上方网站查看</h5>
</div>
<div class="logo">DreamLife</div>
</div>
</div>
</body>
</html>