-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
303 lines (294 loc) · 14.3 KB
/
Copy pathindex.html
File metadata and controls
303 lines (294 loc) · 14.3 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="开源硬件协会是一群在明远湖畔动手实践的创客，欢迎对软件、硬件、设计和项目实践感兴趣的同学加入。" />
<title>开源硬件协会 · 明远湖畔的创客社区</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="site-header">
<div class="nav-inner">
<a href="#top" class="brand" aria-label="开源硬件协会首页">
<img src="assets/scumaker-logo.jpg" class="brand-mark" alt="开源硬件协会标志" />
<span class="brand-name">开源硬件协会</span>
</a>
<nav class="primary-nav" aria-label="主导航">
<a href="#about">关于我们</a>
<a href="#departments">部门介绍</a>
<a href="#activities">活动与成长</a>
<a href="#join">加入我们</a>
<a href="#resources">资源入口</a>
</nav>
<a href="#join" class="nav-cta">加入我们</a>
</div>
</header>
<main id="top">
<section class="particle-hero" aria-labelledby="typedHeading">
<div class="download-card hero-card">
<canvas id="particles" class="particles-canvas"></canvas>
<div class="cursor-overlay" id="cursorOverlay" aria-hidden="true"></div>
<div class="hero-content">
<p class="eyebrow">明远湖畔 · Maker Community</p>
<h1 class="typed-heading" id="typedHeading" aria-label="开源硬件协会"></h1>
<p class="hero-copy">
我们是一群创客，自主创新，动手实践。软件编程、硬件电路、设计表达和项目落地，都可以在这里一起玩起来。
</p>
<div class="hero-actions">
<a href="#join" class="btn btn-primary">加入协会</a>
<a href="#departments" class="btn btn-secondary">看看部门</a>
</div>
</div>
<div class="resource-strip" id="resources" aria-label="协会资源入口">
<span>协会资源入口</span>
<a href="https://bbs.scumaker.org">BBS</a>
<a href="https://cloud.scumaker.org">Cloud</a>
<a href="https://gitlab.scumaker.org">GitLab</a>
</div>
</div>
</section>
<section id="about" class="section intro-section">
<div class="container intro-grid">
<div>
<p class="section-kicker">About</p>
<h2>什么是开源硬件协会？</h2>
</div>
<div class="intro-copy">
<p>
开源硬件协会成立于 2015 年，是一个面向软硬件爱好者的学术科技社团。我们希望在明远湖畔搭建一个开放的交流平台，让同学们把想法、代码、电路和结构设计变成真实作品。
</p>
<p>
开源硬件和创客文化同属于开放共享的技术文化。创客不以盈利为目标，而是持续实践、乐于分享，把创意转化为可见、可用、可改进的现实。
</p>
</div>
</div>
</section>
<section class="section value-section" aria-labelledby="value-title">
<div class="container">
<div class="section-heading">
<p class="section-kicker">Why Join</p>
<h2 id="value-title">在这里，你可以真正动手</h2>
<p>协会不只是一个通知群，也不只是比赛队。这里有项目、有设备、有经验分享，也有一起试错的人。</p>
</div>
<div class="value-grid">
<article class="value-card">
<div class="value-card-copy">
<span class="card-index">01</span>
<h3>动手实践</h3>
<p>从一个点子开始，经历设计、搭建、调试和展示，把脑中的创意变成可以触摸到的作品。</p>
</div>
<div class="value-card-media" aria-hidden="true">
<img src="assets/activities/workshop-hardware-demo.webp" alt="" loading="lazy" decoding="async" />
</div>
</article>
<article class="value-card">
<div class="value-card-copy">
<span class="card-index">02</span>
<h3>软硬结合</h3>
<p>软件编程、硬件电路、3D 建模、PCB 绘制和系统运维都能接触到，按兴趣逐步深入。</p>
</div>
<div class="value-card-media" aria-hidden="true">
<img src="assets/activities/pcb-soldering-closeup.webp" alt="" loading="lazy" decoding="async" />
</div>
</article>
<article class="value-card">
<div class="value-card-copy">
<span class="card-index">03</span>
<h3>一起成长</h3>
<p>不定期开展讲座、培训、茶话会和比赛项目交流，让新人更快找到方向。</p>
</div>
<div class="value-card-media" aria-hidden="true">
<img src="assets/activities/workshop-session.webp" alt="" loading="lazy" decoding="async" />
</div>
</article>
<article class="value-card">
<div class="value-card-copy">
<span class="card-index">04</span>
<h3>资源支持</h3>
<p>工坊、仪器、服务器和项目资源持续开放，资深会员可参与项目申请和设备体验。</p>
</div>
<div class="value-card-media" aria-hidden="true">
<img src="assets/activities/maker-booth-recruitment.webp" alt="" loading="lazy" decoding="async" />
</div>
</article>
</div>
</div>
</section>
<section id="departments" class="section department-section">
<div class="container">
<div class="section-heading">
<p class="section-kicker">Departments</p>
<h2>四个方向，找到你的入口</h2>
<p>不限年级，不限专业。只要你愿意认真学习、参与实践，都能在这里找到适合自己的位置。</p>
</div>
<div class="department-grid">
<article class="department-card ops">
<div class="department-label">Ops</div>
<h3>运维部</h3>
<p class="department-duty">负责协会服务器、网络和基础设施维护，保障内部服务稳定运行。</p>
<p class="department-gain">收获：Linux、网络、服务部署和自动化运维经验。</p>
</article>
<article class="department-card project">
<div class="department-label">Project</div>
<h3>项目部</h3>
<p class="department-duty">参与、跟进协会项目，组织竞赛资讯和项目协作。</p>
<p class="department-gain">收获：熟悉竞赛流程，与不同学院同学协作，打开项目思路。</p>
</article>
<article class="department-card workshop">
<div class="department-label">Workshop</div>
<h3>基管部</h3>
<p class="department-duty">管理协会工坊与仪器设备，带领成员学习工具使用。</p>
<p class="department-gain">收获：SolidWorks、Altium Designer、3D 模型和 PCB 绘制入门。</p>
</article>
<article class="department-card media">
<div class="department-label">Media</div>
<h3>宣传部</h3>
<p class="department-duty">负责文案撰写、视频剪辑、海报设计和微信推送制作。</p>
<p class="department-gain">收获：PS、PR、新媒体运营、排版设计和文案表达能力。</p>
</article>
</div>
</div>
</section>
<section id="activities" class="section activity-section">
<div class="container activity-grid">
<div class="activity-overview">
<div class="section-heading sticky-heading">
<p class="section-kicker">Activity</p>
<h2>用“玩”的方式学习</h2>
<p>
“玩”是一种放松、自由的状态，也是一种实践和分享。我们希望大家在动手、交流和协作中建立真实的技术兴趣。
</p>
</div>
<div class="activity-list">
<article>
<span>Workshop</span>
<h3>技术讲座与培训</h3>
<p>由有经验的同学分享开发、硬件、建模、运维和竞赛实践，让新人少走弯路。</p>
</article>
<article>
<span>Project</span>
<h3>项目实践与比赛资讯</h3>
<p>围绕智能寝室、无人超市、校园无人车、电子纸显示等方向，持续孵化软硬件项目。</p>
</article>
<article>
<span>Community</span>
<h3>茶话会与素拓活动</h3>
<p>学习之余一起交流想法、认识伙伴，在社团内部形成更自然的协作关系。</p>
</article>
<article>
<span>Space</span>
<h3>工坊与设备体验</h3>
<p>协会持续维护 3D 打印机、电子屏、服务器等硬件资源，并根据成员建议补充设备。</p>
</article>
</div>
</div>
<div class="activity-gallery" aria-label="协会活动照片">
<figure class="gallery-feature">
<img src="assets/activities/workshop-hardware-demo.webp" alt="开源硬件协会成员讲解硬件项目" loading="lazy" decoding="async" />
<figcaption>工坊现场：从板卡到系统，把项目拆开讲清楚。</figcaption>
</figure>
<figure>
<img src="assets/activities/workshop-session.webp" alt="开源硬件协会技术培训现场" loading="lazy" decoding="async" />
<figcaption>技术培训</figcaption>
</figure>
<figure>
<img src="assets/activities/workshop-linear-model-demo.webp" alt="开源硬件协会工坊线性模型培训现场" loading="lazy" decoding="async" />
<figcaption>模型培训</figcaption>
</figure>
<figure>
<img src="assets/activities/pcb-soldering-closeup.webp" alt="开源硬件协会成员观察 PCB 制作细节" loading="lazy" decoding="async" />
<figcaption>PCB 制作</figcaption>
</figure>
<figure>
<img src="assets/activities/maker-booth-recruitment.webp" alt="开源硬件协会百团招新摊位合影" loading="lazy" decoding="async" />
<figcaption>百团招新</figcaption>
</figure>
<figure>
<img src="assets/activities/iot-competition-2019-team.webp" alt="2019 全国大学生 5G 物联网创新竞赛团队合影" loading="lazy" decoding="async" />
<figcaption>物联网竞赛</figcaption>
</figure>
<figure>
<img src="assets/activities/electronics-expo-2019-team.webp" alt="2019 中国成都电子信息博览会团队合影" loading="lazy" decoding="async" />
<figcaption>电子展会</figcaption>
</figure>
<figure>
<img src="assets/activities/onenet-2019-marathon-award.webp" alt="OneNET 之星 2.0 物联网创客马拉松大赛合影" loading="lazy" decoding="async" />
<figcaption>创客马拉松</figcaption>
</figure>
<figure>
<img src="assets/activities/hdc-2025-hsd-team.webp" alt="HDC 2025 HSD 团队合影" loading="lazy" decoding="async" />
<figcaption>HDC 2025</figcaption>
</figure>
<figure>
<img src="assets/activities/hdc-2025-campus-group.webp" alt="HDC 2025 校园开发者合影" loading="lazy" decoding="async" />
<figcaption>开发者大会</figcaption>
</figure>
</div>
<div class="activity-window" aria-label="开源硬件协会活动现场">
<div class="activity-window-content">
<p class="section-kicker">Maker Scenes</p>
<h3>从摊位到工坊，创意在现场发生</h3>
<p>
招新、培训、比赛和项目制作串在一起，让不同专业的同学坐到同一张桌子前，把一个想法拆成电路、代码、结构和可运行的作品。
</p>
<a href="#join" class="window-link">加入我们</a>
</div>
</div>
</div>
</section>
<section id="join" class="section join-section">
<div class="container join-grid">
<div class="join-copy">
<p class="section-kicker">Join Us</p>
<h2>怎么加入我们？</h2>
<p>
进入会员群，你就是协会的一员。优秀的学长学姐会在线交流，线下也会不定期推出讲座、培训、茶话会和比赛项目资讯。
</p>
<div class="join-actions">
<a href="http://baituandazhan.mikecrm.com/zFYSfSi" class="btn btn-primary" target="_blank" rel="noopener">填写社团联问卷</a>
<a href="#departments" class="btn btn-outline">了解部门方向</a>
</div>
<p class="join-note">
社团联问卷请选择：学术科技类 X114 开源硬件协会。会员和干事均不限年级、不限专业。
</p>
</div>
<aside class="qr-panel" aria-label="会员群二维码">
<img src="assets/qq-group-qr.png" alt="开源硬件协会 QQ 群二维码" class="qr-img" />
<h3>会员群</h3>
<p>群号 <strong>514983416</strong></p>
<p>如果暂时不想加入部门，也可以参与考核成为资深会员，享受物资场地借用、项目申请和设备体验。</p>
</aside>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-inner">
<div>
<p class="footer-brand">开源硬件协会</p>
<p>明远湖畔的一群创客，自主创新，动手实践。</p>
<p>官方域名：<a href="https://scumaker.org">scumaker.org</a></p>
<p>GitHub：<a href="https://github.com/scu-maker-org">scu-maker-org</a></p>
</div>
<div>
<h4>关注我们</h4>
<ul class="footer-list">
<li>Bilibili：<a href="https://space.bilibili.com/1374974823" target="_blank" rel="noopener">@开源硬件协会</a></li>
<li>微信公众号：明远湖畔</li>
<li>微信公众号：智能基座</li>
</ul>
</div>
<div>
<h4>资源入口</h4>
<ul class="footer-list">
<li><a href="https://bbs.scumaker.org">BBS 论坛</a></li>
<li><a href="https://cloud.scumaker.org">Cloud 云盘</a></li>
<li><a href="https://gitlab.scumaker.org">GitLab</a></li>
</ul>
</div>
</div>
<p class="copyright">© 2026 开源硬件协会 · 未经允许禁止转载与商用</p>
</footer>
<script src="particles.js"></script>
</body>
</html>