Compare commits
5 Commits
main
...
For_GJQ_We
| Author | SHA1 | Date | |
|---|---|---|---|
| 34e08918bc | |||
| 4533167b5f | |||
| 17066c498e | |||
| 9bc339a7e4 | |||
| 2ce635a77e |
1420
css/style.css
1420
css/style.css
File diff suppressed because it is too large
Load Diff
BIN
font/Pacifico.ttf
Normal file
BIN
font/Pacifico.ttf
Normal file
Binary file not shown.
BIN
icon/adobe_audition.png
Normal file
BIN
icon/adobe_audition.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
icon/easytier.png
Normal file
BIN
icon/easytier.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 395 KiB |
BIN
icon/jianying.png
Normal file
BIN
icon/jianying.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
icon/python.png
Normal file
BIN
icon/python.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
icon/sykean.png
Normal file
BIN
icon/sykean.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
BIN
icon/volunteer.png
Normal file
BIN
icon/volunteer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 300 KiB |
BIN
icon/zust.png
Normal file
BIN
icon/zust.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
566
index.html
566
index.html
@ -3,249 +3,399 @@
|
||||
<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">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="page page-left">
|
||||
<div class="left-section">
|
||||
<div class="basic-info">
|
||||
<h1>张梦南</h1>
|
||||
<p>浙江科技大学 · 自动化专业 · 本科生 · 男 · 23岁</p>
|
||||
<p class="tagline">科技Geek · DIY爱好者 · NAS玩家</p>
|
||||
<nav class="navbar">
|
||||
<div class="nav-container">
|
||||
<div class="nav-logo">
|
||||
<span>GJQ</span>
|
||||
<span class="nav-logo-separator">×</span>
|
||||
<span class="nav-logo-dreamlife">DreamLife</span>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="#about">关于我</a></li>
|
||||
<li><a href="#education">教育背景</a></li>
|
||||
<li><a href="#experience">实习经历</a></li>
|
||||
<li><a href="#campus">校园工作</a></li>
|
||||
<li><a href="#volunteer">志愿经历</a></li>
|
||||
<li><a href="#skills">专业技能</a></li>
|
||||
</ul>
|
||||
<button class="nav-toggle">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="section">
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<div class="hero-text">
|
||||
<p class="hero-subtitle">权益部长 · 亚运志愿者 · 共青团员</p>
|
||||
<h1>郭嘉琪</h1>
|
||||
<p class="hero-description">浙江科技大学自动化专业本科生，具备丰富的团队管理、新媒体运营及公益项目经验。热爱志愿服务，积极投身社会实践，追求卓越与创新。</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="#contact" class="btn btn-primary">联系我</a>
|
||||
<a href="#skills" class="btn btn-secondary">查看技能</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-image">
|
||||
<img src="photo/gjq.png" alt="郭嘉琪">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-decoration"></div>
|
||||
</section>
|
||||
|
||||
<section class="about" id="about">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>关于我</h2>
|
||||
<p>了解更多关于我的故事</p>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-card">
|
||||
<div class="about-icon">🎓</div>
|
||||
<h3>专业方向</h3>
|
||||
<p>自动化控制与智能系统方向，擅长PLC编程、控制系统设计及数据分析，具备跨学科的知识整合能力。</p>
|
||||
</div>
|
||||
<div class="about-card">
|
||||
<div class="about-icon">💼</div>
|
||||
<h3>工作理念</h3>
|
||||
<p>做事认真积极、细心负责，对待任务有较强的执行力，注重团队协作与沟通协调。</p>
|
||||
</div>
|
||||
<div class="about-card">
|
||||
<div class="about-icon">❤️</div>
|
||||
<h3>志愿服务</h3>
|
||||
<p>热爱志愿服务，累计服务时长120+小时，2022杭州亚(残)运会优秀志愿者。</p>
|
||||
</div>
|
||||
<div class="about-card">
|
||||
<div class="about-icon">🚀</div>
|
||||
<h3>追求目标</h3>
|
||||
<p>不断学习，追求卓越，希望在工作中发挥专业特长，实现个人价值与社会价值的统一。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="education" id="education">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<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>
|
||||
<p>学术经历与专业素养</p>
|
||||
</div>
|
||||
<div class="education-card">
|
||||
<div class="education-header">
|
||||
<div class="education-logo"><img src="icon/zust.png" alt="浙江科技大学"></div>
|
||||
<div class="education-info">
|
||||
<h3>浙江科技大学</h3>
|
||||
<p>自动化专业 · 工学学士</p>
|
||||
</div>
|
||||
<div class="education-time">2022.09 – 2026.06</div>
|
||||
</div>
|
||||
<div class="education-course">
|
||||
<h4>主修课程</h4>
|
||||
<div class="course-tags">
|
||||
<span>数字/模拟电子技术</span>
|
||||
<span>信号与系统</span>
|
||||
<span>自动控制原理</span>
|
||||
<span>过程控制系统</span>
|
||||
<span>电路与电子技术</span>
|
||||
<span>人工智能与模式识别</span>
|
||||
<span>单片机与嵌入式系统</span>
|
||||
<span>检测技术与自动化仪表</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="section">
|
||||
<h2>专业能力</h2>
|
||||
<h3>硬件设计 · 电路/模型</h3>
|
||||
<ul>
|
||||
<li>立创 EDA 原理图设计、PCB 布线；电子元器件焊接与硬件调试；0201 封装器件风枪贴片焊接；设计故障排查。</li>
|
||||
<li>SolidWorks 三维零件建模、装配体设计及工程图绘制。</li>
|
||||
<li>掌握 3D 模型切片处理及打印机设备操作。</li>
|
||||
</ul>
|
||||
<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">
|
||||
<section class="experience" id="experience">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>实习经历</h2>
|
||||
<div class="experience-item">
|
||||
<h4>杭州美仪自动化技术股份有限公司</h4>
|
||||
<p class="date">数字化技术支持 2025.10 – 2026.02</p>
|
||||
<p>实践经验与职业成长</p>
|
||||
</div>
|
||||
<div class="experience-card">
|
||||
<div class="experience-header">
|
||||
<div class="experience-icon"><img src="icon/sykean.png" alt="苏州思源科安"></div>
|
||||
<div class="experience-info">
|
||||
<h3>苏州思源科安科技有限公司</h3>
|
||||
<p>新媒体运营</p>
|
||||
</div>
|
||||
<div class="experience-time">2025.12 – 2026.03</div>
|
||||
</div>
|
||||
<ul class="experience-list">
|
||||
<li>负责公司新媒体矩阵下一个抖音账号两个微信视频号的日常更新维护工作</li>
|
||||
<li>配合口播视频素材拍摄及产品实地应用效果拍摄，完成后期剪辑成片</li>
|
||||
<li>进行数据分析，优化内容策略，提升账号影响力</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="campus" id="campus">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>校园工作</h2>
|
||||
<p>学生工作与领导能力</p>
|
||||
</div>
|
||||
<div class="campus-grid">
|
||||
<div class="campus-card">
|
||||
<div class="campus-icon">📚</div>
|
||||
<h3>班级管理工作</h3>
|
||||
<p class="campus-time">2022.09 - 2026.06</p>
|
||||
<ul>
|
||||
<li>负责云平台的日常维护，运行监控、异常排查与故障处理。</li>
|
||||
<li>根据现场工况提供设备选型方案，辅助销售与客户决策。</li>
|
||||
<li>为客户提供云平台技术咨询、故障诊断及使用指导。</li>
|
||||
<li>统筹班级日常管理，负责师生沟通协调</li>
|
||||
<li>组织班会、活动策划及班级信息管理</li>
|
||||
<li>高效落实考试通知、班级评优等40+项工作</li>
|
||||
<li>保持班级事务零失误、零延误</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="campus-card">
|
||||
<div class="campus-icon">🏛️</div>
|
||||
<h3>学生会权益部</h3>
|
||||
<p class="campus-time">2022.09 - 2025.06</p>
|
||||
<ul>
|
||||
<li>聚焦学生日常权益诉求，收集意见并推动解决</li>
|
||||
<li>沟通协调搭建安吉校区校内食堂外卖平台</li>
|
||||
<li>推动食堂商户周均订单量提升约500+单</li>
|
||||
<li>协助约30名困难学生对接校内兼职岗位</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="campus-card">
|
||||
<div class="campus-icon">🎙️</div>
|
||||
<h3>广播电台播音部</h3>
|
||||
<p class="campus-time">2022.09 - 2023.06</p>
|
||||
<ul>
|
||||
<li>负责按照排班表稳定输出节目</li>
|
||||
<li>活动主持与音频制作</li>
|
||||
<li>传递校园资讯，完成各类校级活动播报</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="right-section">
|
||||
<img src="photo/zmn.jpg" 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>
|
||||
<section class="volunteer" id="volunteer">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>志愿经历</h2>
|
||||
<p>公益服务与社会责任</p>
|
||||
</div>
|
||||
<div class="volunteer-content">
|
||||
<div class="volunteer-card">
|
||||
<div class="volunteer-badge"><img src="icon/volunteer.png" alt="志愿者"></div>
|
||||
<h3>杭州亚(残)运会志愿者</h3>
|
||||
<p class="volunteer-time">2022年</p>
|
||||
<p class="volunteer-title">小青荷</p>
|
||||
<ul>
|
||||
<li>负责训练场赛事保障、人员引导及现场协调</li>
|
||||
<li>场馆内运动员引导、观众服务及赛事辅助工作</li>
|
||||
<li>协助20+名运动员完成赛前入场、赛后离场引导</li>
|
||||
<li>精准配合赛事工作人员保障环节衔接顺畅</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="volunteer-stats">
|
||||
<div class="stat-item">
|
||||
<span class="stat-number">120+</span>
|
||||
<span class="stat-label">志愿服务时长(小时)</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-number">20+</span>
|
||||
<span class="stat-label">服务运动员人数</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-number">1</span>
|
||||
<span class="stat-label">大型赛事服务</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="skills">
|
||||
<section class="skills" id="skills">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>专业技能</h2>
|
||||
<p>能力标签与技术专长</p>
|
||||
</div>
|
||||
<div class="skills-grid">
|
||||
<div class="skills-category">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
<div class="skills-category">
|
||||
<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
|
||||
</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
|
||||
</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/solidworks.png" alt="SolidWorks" class="icon" style="width:18px; height:18px;"> SolidWorks
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="qr">
|
||||
<h3>个人网站</h3>
|
||||
<img src="photo/m.png" alt="网站二维码">
|
||||
<h5>个人网站主页、工具箱、博客、Gitea代码仓库均可通过扫码或访问上方网站查看</h5>
|
||||
</div>
|
||||
<div class="logo">DreamLife</div>
|
||||
<span><img src="icon/jianying.png" alt="剪映"> 剪映</span>
|
||||
<span><img src="icon/office.png" alt="Office"> Office</span>
|
||||
<span><img src="icon/adobe_audition.png" alt="Adobe Audition"> Adobe Audition</span>
|
||||
<span><img src="icon/matlab.png" alt="MATLAB"> MATLAB</span>
|
||||
<span><img src="icon/python.png" alt="Python"> Python</span>
|
||||
</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="skills-category">
|
||||
<h3>项目能力</h3>
|
||||
<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>
|
||||
<span>用户管理</span>
|
||||
<span>公益运营</span>
|
||||
<span>社群运营</span>
|
||||
<span>用户服务</span>
|
||||
<span>新媒体运营</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>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>能力标签</h3>
|
||||
<div class="skill-tags">
|
||||
<span>硬件设计</span>
|
||||
<span>软件开发</span>
|
||||
<span>网络部署</span>
|
||||
<span>项目管理</span>
|
||||
<span>执行力</span>
|
||||
<span>沟通协调</span>
|
||||
<span>学习能力</span>
|
||||
<span>环境适应</span>
|
||||
<span>团队协作</span>
|
||||
<span>技术支持</span>
|
||||
<span>责任意识</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="projects">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>公益项目</h2>
|
||||
<p>共同参与，共创价值</p>
|
||||
</div>
|
||||
<div class="project-card">
|
||||
<div class="project-header">
|
||||
<div class="project-icon"><img src="icon/easytier.png" alt="EasyTier"></div>
|
||||
<div class="project-info">
|
||||
<h3>EasyTier 公共服务节点</h3>
|
||||
<p>开源公益项目</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="project-list">
|
||||
<li>根据EasyTier开源项目部署虚拟组网服务公共节点</li>
|
||||
<li>对外提供免费的多设备异地互联组网服务</li>
|
||||
<li>负责公益项目中的用户群管理及媒体运营</li>
|
||||
</ul>
|
||||
<div class="project-stats">
|
||||
<span>项目主页</span>
|
||||
<span>easytier.dreamlife.indevs.in</span>
|
||||
<div class="project-metrics">
|
||||
<span>访问者：600+</span>
|
||||
<span>请求总数：11k+</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="awards">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>荣誉奖项</h2>
|
||||
<p>认可与成就</p>
|
||||
</div>
|
||||
<div class="awards-list">
|
||||
<div class="award-item">
|
||||
<div class="award-badge">🏆</div>
|
||||
<span>亚(残)运会优秀志愿者</span>
|
||||
</div>
|
||||
<div class="award-item">
|
||||
<div class="award-badge">🌟</div>
|
||||
<span>社会实践先进个人</span>
|
||||
</div>
|
||||
<div class="award-item">
|
||||
<div class="award-badge">⭐</div>
|
||||
<span>社会实践十佳团队</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact" id="contact">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>联系方式</h2>
|
||||
<p>期待与您交流</p>
|
||||
</div>
|
||||
<div class="contact-content">
|
||||
<div class="contact-card">
|
||||
<div class="contact-item">
|
||||
<img src="svg/email.svg" alt="邮箱">
|
||||
<div>
|
||||
<span class="contact-label">邮箱</span>
|
||||
<span class="contact-value">3395501665@qq.com</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<img src="svg/phone.svg" alt="电话">
|
||||
<div>
|
||||
<span class="contact-label">电话</span>
|
||||
<span class="contact-value">18089191618</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<img src="svg/wechat.svg" alt="微信">
|
||||
<div>
|
||||
<span class="contact-label">微信</span>
|
||||
<span class="contact-value">G3395501665</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-qr">
|
||||
<img src="photo/mm.png" alt="网站二维码">
|
||||
<p>扫码访问个人网站</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">DreamLife</div>
|
||||
<p>© 2026 郭嘉琪. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
const target = document.querySelector(this.getAttribute('href'));
|
||||
if (target) {
|
||||
target.scrollIntoView({ behavior: 'smooth' });
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener('scroll', () => {
|
||||
const navbar = document.querySelector('.navbar');
|
||||
if (window.scrollY > 50) {
|
||||
navbar.classList.add('scrolled');
|
||||
} else {
|
||||
navbar.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
photo/gjq.png
Normal file
BIN
photo/gjq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
BIN
photo/gjq_white.png
Normal file
BIN
photo/gjq_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
photo/mm.png
Normal file
BIN
photo/mm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
1
svg/wechat.svg
Normal file
1
svg/wechat.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Loading…
x
Reference in New Issue
Block a user