第三版简历

css/style.css

@@ -9,72 +9,127 @@
       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     }
     body {
-      display: flex;
+      display: block;
       width: 210mm;
-      height: 297mm;
+      margin: 0 auto;
-      margin: auto;
       background-color: #ffffff;
       color: #333;
     }
     li {
-      line-height: 1.4;
+      line-height: 1.5;
+      margin-bottom: 3px;
+      text-align: justify;
     }
     p {
-      line-height: 1.4;
+      line-height: 1.5;
+      text-align: justify;
     }
-    .left {
+    .page {
-      padding: 55px 34px;
+      width: 210mm;
+      height: 297mm;
+      padding: 45px 40px;
     }
-    .right {
+    .page-left {
-      padding: 55px 45px;
+      background-color: #ffffff;
+      border-bottom: 1px solid #eee;
     }
-    .left {
+    .page-right {
-      width: 61.8%;
       background-color: #ffffff;
     }
-    .right {
+    .left-section {
-      width: 38.2%;
+      width: 65%;
+      float: left;
+      padding-right: 20px;
+    }
+    .left-section h2 {
+      margin-top: 14px;
+      margin-bottom: 8px;
+    }
+    .left-section h3 {
+      margin-top: 10px;
+      margin-bottom: 6px;
+    }
+    .left-section .section {
+      margin-bottom: 14px;
+    }
+    .left-section .basic-info {
+      margin-bottom: 14px;
+    }
+    .left-section .project-item {
+      margin-bottom: 10px;
+    }
+    .left-section .experience-item {
+      margin-bottom: 10px;
+    }
+    .left-section .education-item {
+      margin-bottom: 10px;
+    }
+    .right-section {
+      width: 35%;
+      float: right;
       background-color: #f1f3f5;
+      padding: 35px 25px;
+      height: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
+      gap: 15px;
     }
     h1 {
       font-size: 32px;
       margin-bottom: 10px;
     }
     h2 {
-      font-size: 20px;
+      font-size: 18px;
-      margin-top: 16px;
+      margin-top: 18px;
-      margin-bottom: 8px;
+      margin-bottom: 10px;
       color: #1f3a93;
+      padding-bottom: 6px;
+      border-bottom: 2px solid #1f3a93;
+    }
+    h3 {
+      font-size: 15px;
+      margin-top: 12px;
+      margin-bottom: 8px;
+      color: #333;
+    }
+    h4 {
+      font-size: 14px;
+      margin-top: 10px;
+      margin-bottom: 5px;
+      color: #444;
     }
-    
     ul {
       margin-left: 20px;
       list-style-type: disc;
     }
     .section {
-      margin-bottom: 20px;
+      margin-bottom: 18px;
     }
     .contact-info {
-      margin-top: 25px;
+      margin-top: 18px;
       text-align: center;
     }
     .contact-info h2 {
       color: #000000;
+      border-bottom: none;
+      margin-top: 10px;
+      margin-bottom: 12px;
     }
     .contact-info p {
-      margin-bottom: 6px;
+      margin-bottom: 8px;
+      font-size: 14px;
     }
     .skills {
-      margin-top: 25px;
+      margin-top: 18px;
       width: 100%;
       text-align: center;
     }
-    .skills h3 {
+    .right-section h3 {
       font-size: 18px;
-      margin-bottom: 10px;
+      margin-bottom: 12px;
+      margin-top: 5px;
+      color: #000000;
     }
     .skill-tags {
       display: flex;
@@ -87,36 +142,99 @@
       color: #1f3a93;
       padding: 4px 10px;
       border-radius: 12px;
-      font-size: 14px;
+      font-size: 13px;
     }
     .skill-tags + h3 {
-      margin-top: 25px;
+      margin-top: 45px;
-    }
-    .skill-tags.software span {
-      background-color: #e3f2fd;
-      color: #0d47a1;
-      border: 1px solid #90caf9;
     }
     .qr {
       text-align: center;
-      padding-top: 25px;
+      margin-top: 45px;
     }
     .qr img {
-      width: 150px;
+      width: 110px;
-      height: 150px;
+      height: 110px;
       object-fit: contain;
     }
+    .qr h5 {
+      font-size: 11px;
+      margin-top: 10px;
+      color: #666;
+      line-height: 1.5;
+    }
     .avatar {
-      width: 180px;
+      width: 145px;
-      height: 180px;
+      height: 145px;
-      margin-bottom: 20px;
+      margin-bottom: 15px;
       object-fit: cover;
       border-radius: 10px;
     }
     .logo {
-      margin-top: 50px;
+      margin-top: 25px;
       text-align: center;
       font-family: 'Pacifico', cursive;
-      font-size: 36px;
+      font-size: 26px;
       color: #010101;
     }
+    .basic-info {
+      margin-bottom: 18px;
+    }
+    .basic-info p {
+      font-size: 14px;
+      color: #666;
+      margin-bottom: 5px;
+    }
+    .tagline {
+      color: #1f3a93;
+      font-weight: 500;
+    }
+    .date {
+      color: #888;
+      font-size: 13px;
+      margin-bottom: 5px !important;
+    }
+    .project-item {
+      margin-bottom: 14px;
+    }
+    .project-item h4 {
+      color: #1f3a93;
+    }
+    .project-item p {
+      font-size: 13px;
+      color: #555;
+    }
+    .experience-item {
+      margin-bottom: 14px;
+    }
+    .experience-item h4 {
+      color: #333;
+    }
+    .education-item {
+      margin-bottom: 12px;
+    }
+    .education-item .school {
+      font-weight: bold;
+      color: #333;
+    }
+    .education-item .major {
+      color: #666;
+      font-size: 13px;
+    }
+    .education-item .time {
+      color: #888;
+      font-size: 12px;
+    }
+    .award-item {
+      margin-bottom: 9px;
+      font-size: 13px;
+    }
+    .language-item {
+      margin-bottom: 8px;
+      font-size: 13px;
+    }
+    .icon {
+      vertical-align: middle;
+    }
+    .page-right .right-section {
+      padding-top: 60px;
+    }

index.html

@@ -7,65 +7,69 @@
   <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
-  <div class="left">
+  <div class="page page-left">
+    <div class="left-section">
+      <div class="basic-info">
         <h1>张梦南</h1>
         <p>浙江科技大学 · 自动化专业 · 本科生 · 男 · 23岁</p>
-    <p>科技Geek · DIY爱好者 · NAS玩家</p>
+        <p class="tagline">科技Geek · DIY爱好者 · NAS玩家</p>
+      </div>
 
-    <div class="section" style="text-align: justify;">
+      <div class="section">
+        <h2>教育背景</h2>
+        <div class="education-item">
+          <p class="school">浙江科技大学</p>
+          <p class="major">自动化专业 · 工学学士</p>
+          <p class="time">2022.09 – 2026.06</p>
+          <p>主修课程：</p>
+          <ul>
+            <li>电路与电子技术、数字/模拟电子技术、高级语言程序设计、自动控制原理、检测技术与自动化仪表、计算机控制系统、运动控制系统、机器人软件设计、人工智能与模式识别等。</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
         <h2>专业能力</h2>
+        <h3>硬件设计 · 电路/模型</h3>
         <ul>
-        <li>立创 EDA 原理图及 PCB 设计，电子元器件焊接能力（风枪贴片0201）。</li>
+          <li>立创 EDA 原理图设计、PCB 布线；电子元器件焊接与硬件调试；0201 封装器件风枪贴片焊接；设计故障排查。</li>
-        <li>C / C++ 及 Python 编程语言的程序设计。掌握 Git 基本操作。(C语言程序设计成绩:83、C++高级语言程序设计成绩:85、Python机器视觉与数字图像处理成绩:84)</li>
+          <li>SolidWorks 三维零件建模、装配体设计及工程图绘制。</li>
-        <li>网络传输协议，内网穿透服务搭建；虚拟 VPN 网络实现异地局域网搭建；P2P 设备间点对点的数据传输。</li>
+          <li>掌握 3D 模型切片处理及打印机设备操作。</li>
-        <li>SolidWorks 简单模型的 3D 建模；3D 打印设备的操作。</li>
+        </ul>
-        <li>西门子(SIEMENS) PLC 控制系统梯形图程序编写及仿真软件的应用。(可编程控制器原理及应用成绩:85)</li>
+        <h3>软件开发 · 编程/运维</h3>
+        <ul>
+          <li>熟悉 C、C++、Python 编程语言。后端程序开发与调试。</li>
+          <li>具备 HTML、CSS、JavaScript 前端开发能力。</li>
+          <li>熟悉 Git 版本控制系统，掌握分支管理、代码合并。</li>
+          <li>熟练使用 Linux，完成项目环境部署、 Shell 脚本编写。 </li>
+        </ul>
+        <h3>控制系统 · PLC/工控</h3>
+        <ul>
+          <li>熟悉西门子 PLC，能够编写梯形图程序并进行仿真调试。</li>
+          <li>具备工业控制系统流程设计与控制逻辑实现的能力。</li>
+        </ul>
+        <h3>网络技术 · 组网/通信</h3>
+        <ul>
+          <li>熟练搭建内网穿透服务及 VPN 网络，实现异地设备的局域网互联，具备远程访问问题解决的能力。</li>
+          <li>熟悉 TCP/IP 网络协议，独立完成网络服务部署与配置。</li>
         </ul>
       </div>
 
-    <div class="section" style="text-align: justify;">
+      <div class="section">
-      <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 搭建 AI 分身的个人主页 HomePage 和支持关键词搜索功能的 ToolBox 工具箱。</p>
-        </li>
-        <li>
-          <h4>开源项目复刻</h4>
-          <p>BMCU (拓竹A/P系列多色打印系统)、SnailCard (全志V3s Linux系统板)、USB to 2SATA (ASM1352R)……</p>
-        </li>
-      </ul>
-    </div>
-
-    <div class="section" style="text-align: justify;">
         <h2>实习经历</h2>
+        <div class="experience-item">
           <h4>杭州美仪自动化技术股份有限公司</h4>
+          <p class="date">数字化技术支持 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2025.10 – 2026.02</p>
           <ul>
-        <li class="date">数字化技术支持 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2025.10 – 2026.02</li>
+            <li>负责云平台的日常维护，运行监控、异常排查与故障处理。</li>
-        <li>负责云平台的日常维护；针对现场环境提供设备选型方案：对接售后服务为客户提供技术服务。</li>
+            <li>根据现场工况提供设备选型方案，辅助销售与客户决策。</li>
-        <li>自制 Agent 插件，添加 LLM 模型及 Skills 实现云平台自然语言交互及操作功能。</li>
+            <li>为客户提供云平台技术咨询、故障诊断及使用指导。</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>
 
-  <div class="right">
+    <div class="right-section">
       <img src="photo/zmn.jpg" alt="头像" class="avatar">
       <div class="contact-info">
         <h2>联系方式</h2>
@@ -102,7 +106,7 @@
               <img src="icon/git.png" alt="Git" class="icon"  style="width:18px; height:18px;"> Git
           </span>
           <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
-            <img src="icon/openclaw.png" alt="OpenClaw" class="icon"  style="width:18px; height:18px;"> OpenClaw
+              <img src="icon/solidworks.png" alt="SolidWorks" class="icon"  style="width:18px; height:18px;"> SolidWorks
           </span>
         </div>
         
@@ -114,5 +118,134 @@
         <div class="logo">DreamLife</div>
       </div>
     </div>
+  </div>
+
+  <div class="page page-right">
+    <div class="left-section">
+      <div class="section">
+        <h2>项目设计</h2>
+        <div class="project-item">
+          <h3>EasyTier 公共服务节点（公益）</h3>
+          <ul>
+            <li>根据 EasyTier 开源项目搭建虚拟组网服务公共节点，对外提供多设备异地互联组网。负责腾讯云 Linux 服务器部署、公共节点维护及网络稳定性优化。</li>
+            <li>项目唯一访问者 600+ ；请求总数 11k+ 。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>吆喝小喇叭</h3>
+          <ul>
+            <li>基于 Flask + edge-tts + mpg123 构建文本转语音广播系统，采用Linux开发板作为核心，Web端输入文字合成语音播放。</li>
+            <li>支持多音色选择、循环播放、语音文件管理。</li>
+            <li>正应用于爸妈的蔬菜店，作为广播喇叭使用。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>USB-HUB</h3>
+          <ul>
+            <li>项目利用 SL2.1A 主控芯片实现 USB 一分四扩展，完成从原理图设计、PCB 布线、焊接及硬件调试。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>Hifi-MP3</h3>
+          <ul>
+            <li>项目利用杰理 AC6905A 芯片设计 Hifi-MP3，实现离线播放、蓝牙连接及 FM 收音等功能。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>网站搭建</h3>
+          <ul>
+            <li>基于 HTML + CSS + JavaScript 搭建支持 AI 交互的个人主页 HomePage 与支持关键词搜索的 ToolBox 工具箱。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>开源项目复刻</h3>
+          <ul>
+            <li>BMCU (拓竹A/P系列多色打印系统)、SnailCard (全志V3s Linux系统板)、USB to 2SATA (ASM1352R)……</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
+        <h2>荣誉奖项</h2>
+        <div class="experience-item">
+          <ul>
+            <li>2025年 国家励志奖学金</li>
+            <li>2023年 杭州亚运会、亚残运会优秀志愿者</li>
+            <li>2023年 杭州亚运会、亚残运会突出贡献志愿者</li>
+            <li>2022年 校级电子商务三等奖</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
+        <h2>志愿经历</h2>
+        <div class="experience-item">
+          <ul>
+            <li>热爱志愿服务，累计志愿服务时长 380+ 小时。</li>
+            <li>第二届中国青少年足球联赛（U19）志愿者。</li>
+            <li>2022 杭州亚运会、亚残运会“小青荷”志愿者，主要负责训练场赛事保障、人员引导及现场协调等工作。</li>
+            <li>任 2023 黄龙体育中心女排世俱杯市场开发领域负责人，协助完成人员调动、任务分配及现场协调工作。</li>
+          </ul>
+        </div>
+      </div>
+
+    </div>
+    <div class="right-section">
+
+      <div class="contact-info">
+        <h2>EasyTier 公益服务</h2>
+        <div class="skill-tags">
+          <h5>项目主页</h5>
+          <h5>easytier.dreamlife.indevs.in</h5>
+          <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
+              前端：<img src="icon/cloudflare.png" alt="cloudflare pages" class="icon"  style="width:18px; height:18px;"> cloudflare pages
+          </span>
+          <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
+              后端：<img src="icon/tencentcloud.png" alt="tencentcloud" class="icon"  style="width:18px; height:18px;"> 腾讯云
+          </span>
+        </div>
+      </div>
+
+      <div class="contact-info">
+        <h2>项目关键词</h2>
+        <div class="skill-tags">
+          <span>虚拟组网</span>
+          <span>PCB设计</span>
+          <span>Web开发</span>
+          <span>环境部署</span>
+          <span>开源复刻</span>
+        </div>
+      </div>
+
+      <div class="skills">
+        <h3>技术栈</h3>
+        <div class="skill-tags">
+          <span>Linux</span>
+          <span>Python</span>
+          <span>HTML/CSS/JS</span>
+          <span>Git</span>
+          <span>嵌入式开发</span>
+        </div>
+
+        <h3>荣誉标签</h3>
+        <div class="skill-tags">
+          <span>国家励志奖学金</span>
+          <span>优秀志愿者</span>
+          <span>突出贡献奖</span>
+          <span>校三等奖</span>
+        </div>
+
+        <h3>能力标签</h3>
+        <div class="skill-tags">
+          <span>硬件设计</span>
+          <span>软件开发</span>
+          <span>网络部署</span>
+          <span>项目管理</span>
+          <span>团队协作</span>
+          <span>技术支持</span>
+        </div>
+      </div>
+    </div>
+  </div>
 </body>
 </html>