-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmechanical-projects.html
More file actions
147 lines (139 loc) · 8.91 KB
/
mechanical-projects.html
File metadata and controls
147 lines (139 loc) · 8.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>机械项目总览 | 袁诗鸿</title>
<meta name="description" content="袁诗鸿 的机械项目总览页。">
<link rel="icon" href="static/picture/avator.jpg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body
data-page="projects"
data-title-zh="机械项目总览 | 袁诗鸿"
data-title-en="Mechanical Projects | Shihong Yuan"
data-description-zh="袁诗鸿 的机械项目总览页。"
data-description-en="Mechanical project overview page for Shihong Yuan's portfolio."
>
<header class="site-header">
<nav class="nav-shell container">
<a class="brand" href="index.html" aria-label="Shihong Yuan home">
<span class="brand-mark"><img src="static/picture/avator.jpg" alt="Shihong Yuan avatar"></span>
<span class="brand-copy">
<span class="brand-title" data-i18n-en="Shihong Yuan">袁诗鸿</span>
<span class="brand-subtitle" data-i18n-en="Portfolio archive">作品集档案</span>
</span>
</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="nav-menu" data-nav-toggle>
<span></span><span></span><span></span>
</button>
<div class="nav-menu" id="nav-menu" data-nav-menu>
<div class="nav-links">
<a class="nav-link" href="index.html" data-page-link="home" data-i18n-en="Home">首页</a>
<a class="nav-link" href="index.html#about" data-i18n-en="About">关于</a>
<a class="nav-link" href="index.html#serv" data-page-link="projects" data-i18n-en="Projects">项目</a>
<a class="nav-link" href="index.html#testi" data-i18n-en="Research">研究</a>
<a class="nav-link" href="blog.html" data-page-link="writing" data-i18n-en="Writing">写作</a>
<a class="nav-link" href="index.html#education" data-i18n-en="Education">教育经历</a>
</div>
<div class="lang-toggle" aria-label="Language switcher">
<button class="lang-toggle-btn" type="button" data-lang-option="zh">中文</button>
<span>/</span>
<button class="lang-toggle-btn" type="button" data-lang-option="en">EN</button>
</div>
<a class="button button-secondary nav-cta" href="mailto:shihong.23@intl.zju.edu.cn" data-i18n-en="Contact">联系我</a>
</div>
</nav>
</header>
<main>
<section class="page-hero">
<div class="container page-heading">
<p class="eyebrow" data-i18n-en="Mechanical Projects">机械项目</p>
<h1 class="page-title" data-i18n-en="Selected work in design, manufacturing, and competition-minded iteration">设计、制造，以及偏竞赛式推进下留下的机械项目</h1>
<p class="page-summary" data-i18n-en="The original site framed this area as a small set of mechanical projects spanning design, manufacturing, and competition-style iteration. The rebuild now presents three real directions: the mechanical arm concept, the track-ball build, and the ME370 legged delivery robot.">
原始网站把这一部分概括成一组围绕设计、制造和竞赛式推进展开的机械项目。现在的重构版本把它整理成三条真实方向：机械臂概念、轨道球项目，以及 ME370 八足投递机器人。
</p>
</div>
</section>
<section class="page-shell">
<div class="container">
<div class="writing-grid">
<article class="project-card">
<div class="card-media"><img src="static/picture/mechanical-pic3.png" alt="Mechanical arm preview"></div>
<div class="card-body">
<div class="card-top">
<span class="card-tag" data-i18n-en="Mechanical Design">机械设计</span>
<span class="mini-label">2024.5</span>
</div>
<h2 class="card-title" data-i18n-en="Fusion-based Mechanical Arm Design">Fusion 设计机械臂</h2>
<p class="card-copy" data-i18n-en="Preserved from the original homepage and list page as the first mechanical direction in the portfolio. The long-form archive is limited, so this now acts as a documented summary chapter.">
它作为作品集中的第一条机械方向，从原始首页和列表页里被保留下来。由于长文档案有限，现在被整理为一个有信息依据的摘要章节。
</p>
<p style="margin-top: 16px;"><a class="text-link" href="machanicalproject1.html#mechanical-arm" data-i18n-en="Open chapter">打开章节</a></p>
</div>
</article>
<article class="project-card">
<div class="card-media"><img src="static/picture/mechanical-pic1.png" alt="Track-ball preview"></div>
<div class="card-body">
<div class="card-top">
<span class="card-tag" data-i18n-en="Manufacturing">制造</span>
<span class="mini-label">2024.12</span>
</div>
<h2 class="card-title" data-i18n-en="Track-ball Build">轨道球</h2>
<p class="card-copy" data-i18n-en="The fuller mechanical case study in the archive, covering modeling, cutting, printing, assembly, repeated failures, and final tuning.">
这是机械档案中信息最完整的案例，包含建模、切割、打印、组装、返工和最终调优。
</p>
<p style="margin-top: 16px;"><a class="text-link" href="machanicalproject1.html#track-ball" data-i18n-en="Open case study">打开项目页</a></p>
</div>
</article>
<article class="project-card">
<div class="card-media"><img src="static/projects/me370-spiderman/a4413e05b31b8785a223182253cc1189.jpg" alt="ME370 robot preview"></div>
<div class="card-body">
<div class="card-top">
<span class="card-tag" data-i18n-en="Course System Design">课程系统设计</span>
<span class="mini-label">2025</span>
</div>
<h2 class="card-title" data-i18n-en="ME370 Legged Delivery Robot System">ME370 八足投递机器人系统</h2>
<p class="card-copy" data-i18n-en="A full mechanical systems project integrating Klann-linkage walking, a crank-slider dispenser, and a shared gear train tuned toward a 2 m delivery interval.">
一个完整的机械系统设计项目，把 Klann linkage 行走、crank-slider 投放机构和共享齿轮传动链整合到同一台面向 2 米投放目标优化的机器人中。
</p>
<p style="margin-top: 16px;"><a class="text-link" href="machanicalproject3.html" data-i18n-en="Open case study">打开项目页</a></p>
</div>
</article>
<article class="compatibility-card">
<p class="mini-label" data-i18n-en="Archive note">档案说明</p>
<h2 class="card-title" data-i18n-en="What changed in the rebuild">重构后有什么变化</h2>
<p class="compatibility-copy" data-i18n-en="The old page still carried template-era tabs and repeated placeholder blocks. The rebuilt version removes those and keeps only the real project directions that belonged to this portfolio.">
旧页面里还残留着模板时代的选项卡和重复占位内容。新版本把这些全部拿掉，只保留真正属于这个作品集的机械项目方向。
</p>
<div class="compatibility-links">
<a href="machanicalproject1.html" data-i18n-en="Open the mechanical archive page">进入机械档案页</a>
</div>
</article>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-grid">
<div>
<p class="footer-brand" data-i18n-en="Shihong Yuan">袁诗鸿</p>
<p class="footer-copy" data-i18n-en="Mechanical project overview for the rebuilt portfolio.">重构后作品集中的机械项目总览。</p>
</div>
<div class="footer-links">
<a href="index.html" data-i18n-en="Home">首页</a>
<a href="machanicalproject1.html" data-i18n-en="Mechanical Archive">机械档案</a>
<a href="index.html#serv" data-i18n-en="Computer Projects">计算机项目</a>
</div>
<div class="footer-meta">
<span>Contact: shihong.23@intl.zju.edu.cn</span>
<span><span data-i18n-en="Year">年份</span>: <span data-year></span></span>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>