diff --git a/css/style.css b/css/style.css index a7524af..0522fa5 100644 --- a/css/style.css +++ b/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: 16px; - margin-bottom: 8px; + 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,36 +142,99 @@ 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; } .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; } \ No newline at end of file diff --git a/icon/cloudflare.png b/icon/cloudflare.png new file mode 100644 index 0000000..98ef7dd Binary files /dev/null and b/icon/cloudflare.png differ diff --git a/icon/solidworks.png b/icon/solidworks.png new file mode 100644 index 0000000..238489f Binary files /dev/null and b/icon/solidworks.png differ diff --git a/icon/tencentcloud.png b/icon/tencentcloud.png new file mode 100644 index 0000000..68f87d6 Binary files /dev/null and b/icon/tencentcloud.png differ diff --git a/index.html b/index.html index 51836c8..44e6376 100644 --- a/index.html +++ b/index.html @@ -7,112 +7,245 @@
-浙江科技大学 · 自动化专业 · 本科生 · 男 · 23岁
-科技Geek · DIY爱好者 · NAS玩家
+浙江科技大学 · 自动化专业 · 本科生 · 男 · 23岁
+科技Geek · DIY爱好者 · NAS玩家
+浙江科技大学
+自动化专业 · 工学学士
+2022.09 – 2026.06
+主修课程:
+数字化技术支持 2025.10 – 2026.02
+项目利用 SL2.1A 主控芯片实现 USB 一分四拓展。个人完成电路原理图设计、PCB 设计、焊接、调试。
-项目利用杰理 AC6905A 芯片实现离线播放、蓝牙连接及 FM 收音功能于一体的并且支持 Hifi 音质的 MP3。
-基于Html + CSS + JavaScript 搭建 AI 分身的个人主页 HomePage 和支持关键词搜索功能的 ToolBox 工具箱。
-BMCU (拓竹A/P系列多色打印系统)、SnailCard (全志V3s Linux系统板)、USB to 2SATA (ASM1352R)……
-
+ 1487537121@qq.com
18526485303
dreamlife.top
+
- 1487537121@qq.com
18526485303
dreamlife.top