完善专业技能内容

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: auto;
+      margin: 0 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 {
-      padding: 55px 34px;
+    .page {
+      width: 210mm;
+      height: 297mm;
+      padding: 45px 40px;
     }
-    .right {
-      padding: 55px 45px;
+    .page-left {
+      background-color: #ffffff;
+      border-bottom: 1px solid #eee;
     }
-    .left {
-      width: 61.8%;
+    .page-right {
       background-color: #ffffff;
     }
-    .right {
-      width: 38.2%;
+    .left-section {
+      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;
-      margin-top: 30px;
+      font-size: 18px;
+      margin-top: 18px;
       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,29 +142,30 @@
       color: #1f3a93;
       padding: 4px 10px;
       border-radius: 12px;
-      font-size: 14px;
+      font-size: 13px;
     }
     .skill-tags + h3 {
-      margin-top: 25px;
-    }
-    .skill-tags.software span {
-      background-color: #e3f2fd;
-      color: #0d47a1;
-      border: 1px solid #90caf9;
+      margin-top: 45px;
     }
     .qr {
       text-align: center;
-      padding-top: 25px;
+      margin-top: 45px;
     }
     .qr img {
-      width: 150px;
-      height: 150px;
+      width: 110px;
+      height: 110px;
       object-fit: contain;
     }
+    .qr h5 {
+      font-size: 11px;
+      margin-top: 10px;
+      color: #666;
+      line-height: 1.5;
+    }
     .avatar {
-      width: 180px;
-      height: 180px;
-      margin-bottom: 20px;
+      width: 145px;
+      height: 145px;
+      margin-bottom: 15px;
       object-fit: cover;
       border-radius: 10px;
     }
@@ -117,6 +173,68 @@
       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

@@ -3,106 +3,234 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>张梦南 - 简历</title>
+  <title>郭嘉琪 - 简历</title>
   <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
-  <div class="left">
-    <h1>张梦南</h1>
-    <p>浙江科技大学 · 自动化专业 · 本科生 · 男 · 22岁</p>
-    <p>科技Geek · DIY爱好者 · NAS玩家</p>
+  <div class="page page-left">
+    <div class="left-section">
+      <div class="basic-info">
+        <h1>郭嘉琪</h1>
+        <p>浙江科技大学 · 自动化专业 · 本科生 · 女 · 23岁</p>
+        <p class="tagline">权益部长 · 亚运志愿者 · 共青团员</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>掌握 C / C++ 及 Python 语言进行程序设计。熟悉 Git 基本操作，具有团队开发经验。(C语言程序设计成绩:83、C++高级语言程序设计成绩:85、机器视觉与数字图像处理Python成绩:84)</li>
-        <li>掌握西门子(SIEMENS) PLC 控制系统梯形图程序编写及仿真软件的应用。(可编程控制器原理及应用成绩:85)</li>
-        <li>熟悉网络传输协议，能够将本地局域网服务映射至公网；利用 VPN 技术实现两个异地局域网的连接；利用 P2P 技术实现两台设备点对点的数据加密传输。</li>
-        <li>可使用 DesignSpark 工具进行简单模型的 3D 建模；利用 3D 打印机进行模型打样，配合电路设计、程序烧录实现产品研发。</li>
+          <li>掌握西门子 PLC 控制原理，具备梯形图程序编写、程序调试及基础控制系统设计能力。</li>
+          <li>掌握电子电路基础知识，具备电子元器件焊接及调试能力。</li>
+          <li>熟悉使用 Python，具备基础程序开发及数据处理能力。</li>
+          <li>熟悉 MATLAB，能够完成基础数据分析与工程计算。</li>
+        </ul>
+        <h3>新媒体运营 - 兴趣爱好</h3>
+        <ul>
+          <li>熟练使用剪映，能够独立完成短视频剪辑、字幕制作、转场特效及视频输出。</li>
+          <li>熟练使用 Adobe Audition，能够完成音频剪辑、降噪、混音及后期优化。</li>
+          <li>熟练使用 Microsoft Office（Word、Excel、PPT），能够高效完成文档编辑、数据统计及演示汇报。</li>
+          <li>具备一定的新媒体内容创作意识，能够完成文案排版、视频制作及宣传素材整合。</li>
+          <li>具备良好的沟通表达能力、执行能力及团队协作能力。</li>
         </ul>
       </div>
 
-    <div class="section" style="text-align: justify;">
-      <h2>项目设计</h2>
+      <div class="section">
+        <h2>实习经历</h2>
+        <div class="experience-item">
+          <h4>苏州思源科安科技有限公司</h4>
+          <p class="date">新媒体运营 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2025.12 – 2026.03</p>
           <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>
-        <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>
-      <ul>
-        <li>热爱志愿服务，累计志愿服务时长 380+ 小时。</li>
-        <li>杭州亚运会、亚残运会“小青荷”志愿者一枚。获亚运会、亚残运会优秀志愿者及突出贡献志愿者称号。</li>
-        <li>任2023黄龙体育中心女排世俱杯市场开发领域负责人。协同老师完成人员调动、任务分配等工作。</li>
+            <li>负责公司新媒体矩阵运营，独立维护 1 个抖音账号及 2 个微信视频号的日常内容更新与发布。</li>
+            <li>参与口播视频、产品应用场景等内容的拍摄工作，协助完成拍摄策划及现场素材采集。</li>
+            <li>协助整理运营数据，分析账号内容表现，为后续内容优化及运营策略提供参考。</li>
           </ul>
         </div>
       </div>
 
-  <div class="right">
-    <img src="photo/zmn.jpg" alt="头像" class="avatar">
+      
+    </div>
+
+    <div class="right-section">
+      <img src="photo/gjq.png" alt="头像" class="avatar">
       <div class="contact-info">
         <h2>联系方式</h2>
-      <p><img src="svg/email.svg" alt="邮箱" style="width:16px; vertical-align:middle; margin-right:8px;">1487537121@qq.com</p>
-      <p><img src="svg/phone.svg" alt="电话" style="width:16px; vertical-align:middle; margin-right:8px;">18526485303</p>
-      <p><img src="svg/web.svg" alt="网站" style="width:16px; vertical-align:middle; margin-right:8px;">dreamlife.top</p>
+        <p><img src="svg/email.svg" alt="邮箱" style="width:16px; vertical-align:middle; margin-right:8px;">3395501665@qq.com</p>
+        <p><img src="svg/phone.svg" alt="电话" style="width:16px; vertical-align:middle; margin-right:8px;">18089191618</p>
+        <p><img src="svg/wechat.svg" alt="微信" style="width:16px; vertical-align:middle; margin-right:8px;">G3395501665</p>
       </div>
 
       <div class="skills">
         <h3>技能分类</h3>
         <div class="skill-tags">
+          <span>剪辑</span>
+          <span>新媒体</span>
+          <span>运营</span>
+          <span>自动化</span>
           <span>控制</span>
-        <span>嵌入式</span>
-        <span>编程</span>
-        <span>运维</span>
-        <span>网络</span>
         </div>
 
         <h3>软件技能</h3>
         <div class="skill-tags">
           <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
-            <img src="icon/vscode.png" alt="VS Code" class="icon"  style="width:18px; height:18px;"> VS Code
+              <img src="icon/jianying.png" alt="剪映" class="icon"  style="width:18px; height:18px;"> 剪映
           </span>
           <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
-            <img src="icon/jlceda.png" alt="立创EDA" class="icon"  style="width:18px; height:18px;"> 立创EDA 
+              <img src="icon/office.png" alt="Office" class="icon"  style="width:18px; height:18px;"> Office
+          </span>
+          <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
+              <img src="icon/adobe_audition.png" alt="Adobe Audition" class="icon"  style="width:18px; height:18px;"> Adobe Audition 
           </span>
           <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
               <img src="icon/matlab.png" alt="MATLAB" class="icon"  style="width:18px; height:18px;"> MATLAB
           </span>
           <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
-            <img src="icon/ubuntu.png" alt="Ubuntu" class="icon"  style="width:18px; height:18px;"> Ubuntu
-        </span>
-        <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
-            <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/office.png" alt="Office" class="icon"  style="width:18px; height:18px;"> Office
+              <img src="icon/python.png" alt="Python" class="icon"  style="width:18px; height:18px;"> Python
           </span>
         </div>
         
         <div class="qr">
-        <h3>个人站点</h3>
-        <img src="photo/m.png" alt="网站二维码">
-        <h5>个人网站主页、工具箱、博客、Gitea代码仓库均可通过扫码或访问上方网站查看</h5>
+          <h3>自我介绍</h3>
+          <img src="photo/mm.png" alt="网站二维码">
+          <h5>用一份独特方式展示我的大学经历</h5>
+          <h5>gjq.dreamlife.top</h5>
         </div>
         <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 开源项目所部署虚拟组网服务公共节点。</li>
+            <li>对外提供免费的多设备异地互联组网服务。</li>
+            <li>负责公益项目中的用户群管理及媒体运营。</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
+        <h2>校园工作</h2>
+        <div class="project-item">
+          <h3>自动化专业班级管理工作 · 2022年9月-2026年6月</h3>
+          <ul>
+            <li>统筹班级日常管理，负责师生沟通协调、班会组织、活动策划及班级信息管理等工作。</li>
+            <li>高效落实考试通知、班级评优等事务，完成 40+ 项工作。</li>
+            <li>班级事务保持零失误、零延误，保障班级高效、有序运行。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>学生会权益部 · 2022年9月-2025年6月</h3>
+          <ul>
+            <li>聚焦学生日常权益诉求，通过线下走访、线上问卷等方式收集意见，及时反馈并推动解决各方面问题。</li>
+            <li>沟通协调学校搭建安吉校区校内食堂外卖平台；推动食堂商户周均订单量提升约500+单。</li>
+            <li>协助约30名家庭经济困难学生对接校内兼职岗位。</li>
+          </ul>
+        </div>
+        <div class="project-item">
+          <h3>和山之声广播电台播音部 · 2022年9月-2023年6月</h3>
+          <ul>
+            <li>负责按照排班表稳定输出节目，活动主持与音频制作，传递校园资讯，圆满完成各类校级活动播报。</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
+        <h2>志愿经历</h2>
+        <div class="experience-item">
+          <ul>
+            <li>热爱志愿服务，累计志愿服务时长 120+ 小时。</li>
+            <li>2022 杭州亚(残)运会“小青荷”志愿者。负责训练场赛事保障、人员引导及现场协调等工作。场馆内运动员引导、观众服务及赛事辅助工作；协助20+名运动员完成赛前入场、赛后离场引导，精准配合赛事工作人员保障环节衔接顺畅。</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="section">
+        <h2>自我评价</h2>
+        <div class="experience-item">
+          <ul>
+            <li>工作态度：做事认真积极、细心负责，对待任务有较强的执行力，能高效推进工作落地。</li>
+            <li>综合能力：拥有丰富的沟通协调经验，能灵活与不同人群（同学、老师、客户、社区居民等）沟通。</li>
+            <li>学习能力：可快速适应新环境与新任务，面对挑战能保持积极心态，主动寻求突破。</li>
+            <li>团队协作：具备良好的团队合作精神与责任感，助力团队取得优异成果。</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;">
+              项目唯一访问者：600+
+          </span>
+          <span class="tag" style="display:inline-flex; align-items:center; gap:4px;">
+              请求总数：11k+
+          </span>
+        </div>
+      </div>
+
+      <div class="contact-info">
+        <h2>工作关键词</h2>
+        <div class="skill-tags">
+          <span>宣传播报</span>
+          <span>需求调研</span>
+          <span>资源对接</span>
+          <span>活动策划</span>
+          <span>信息管理</span>
+        </div>
+      </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>亚(残)运会优秀志愿者</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>

svg/wechat.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.9974 21.7112C36.8434 13.0079 29.7401 6 21 6C12.1634 6 5 13.1634 5 22C5 26.1701 6.59531 29.9676 9.20892 32.8154L8.01043 40.0257L15.125 36.9699C18.2597 38.0122 21.218 38.2728 24 37.7516" fill="none"/><path d="M36.9974 21.7112C36.8434 13.0079 29.7401 6 21 6C12.1634 6 5 13.1634 5 22C5 26.1701 6.59531 29.9676 9.20892 32.8154L8.01043 40.0257L15.125 36.9699C18.2597 38.0122 21.218 38.2728 24 37.7516" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.125 20.4667C16.3676 20.4667 17.375 19.4519 17.375 18.2C17.375 16.9482 16.3676 15.9333 15.125 15.9333C13.8824 15.9333 12.875 16.9482 12.875 18.2C12.875 19.4519 13.8824 20.4667 15.125 20.4667Z" fill="#333"/><path d="M24.125 20.4667C25.3676 20.4667 26.375 19.4519 26.375 18.2C26.375 16.9482 25.3676 15.9333 24.125 15.9333C22.8824 15.9333 21.875 16.9482 21.875 18.2C21.875 19.4519 22.8824 20.4667 24.125 20.4667Z" fill="#333"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.7618 39.9293C37.0135 41.2302 34.8467 42 32.5 42C26.701 42 22 37.299 22 31.5C22 25.701 26.701 21 32.5 21C38.299 21 43 25.701 43 31.5C43 33.0997 42.6423 34.6159 42.0024 35.9728" fill="none"/><path d="M38.7618 39.9293C37.0135 41.2302 34.8467 42 32.5 42C26.701 42 22 37.299 22 31.5C22 25.701 26.701 21 32.5 21C38.299 21 43 25.701 43 31.5C43 33.0997 42.6423 34.6159 42.0024 35.9728" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M42.0024 35.9728L43 42L38.7618 39.9293" fill="none"/><path d="M42.0024 35.9728L43 42L38.7618 39.9293" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M35.6875 30.7999C34.7555 30.7999 34 30.0388 34 29.0999C34 28.161 34.7555 27.3999 35.6875 27.3999C36.6195 27.3999 37.375 28.161 37.375 29.0999C37.375 30.0388 36.6195 30.7999 35.6875 30.7999Z" fill="#333"/><path d="M28.9375 30.7999C28.0055 30.7999 27.25 30.0388 27.25 29.0999C27.25 28.161 28.0055 27.3999 28.9375 27.3999C29.8695 27.3999 30.625 28.161 30.625 29.0999C30.625 30.0388 29.8695 30.7999 28.9375 30.7999Z" fill="#333"/></svg>