-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathsemantic-ui.html
More file actions
469 lines (403 loc) · 19.1 KB
/
semantic-ui.html
File metadata and controls
469 lines (403 loc) · 19.1 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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--
<script src="/js/semantic.min.js"></script>
-->
<!--
<style type="text/css">
@import url(http://ocf.tw/css/semantic.min.css);
.wrapper {
width: 960px;
margin: 0 auto;
padding: 20px 0;
}
</style>
<<<<<<< Updated upstream
-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.3/semantic.min.css"/>
<style >
.wrapper {
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 20px 0;
}
</style>
</head>
<body>
<!--
<div class="wrapper">
<div class="shell">
<div class="main">
<div id="title" class="horizontal wrap">
<div class="horizontal vertical padding">
<div id="text">
<h1 class="ui center aligned header">U．MAKER</h1>
<div class="ui teal huge message">
<i class="quote left icon">quote left</i>
<div>
=======
-->
<div class="wrapper">
<div class="ui aligned segment">
<div class="ui hidden divider"></div>
<h1 class="ui center aligned header">U．MAKER 》自玩自印：不求人！</h1>
<div class="ui hidden divider"></div>
<div class="ui horizontal divider">
<i class="heart icon"></i>
</div>
<!---<h4 class="ui horizontal divider header">
<i class="announcement icon"></i></h4>
<p>Maker雜誌：“Ultimaker 為最精確最快速的3D印表機”</p>
<p>開放文化基金會大力支持：“使用開放硬體架構的 U．MAKER，能與全球玩家共享擴充模組資源！”</p>
<h4 class="ui horizontal divider header">
<i class="announcement icon"></i></h4>
</div>
</div>
</div> -->
<h2 class="ui teal header">
<i class="protect icon"></i>
<div class="content">
開放硬體，自由擴充
</div>
</h2>
<div class="content" >
智新資通 U．MAKER 以 Ultimaker 為基礎開發，軟體及韌體皆以開源方式釋出，並廣泛獲得眾多高中與大學的採用，絕對是體驗3D列印最佳選擇。 U．MAKER 成品細緻，精度可達0.02mm，是教學及個人家用愛用機種，更可作為微型創業最佳兵器，減少開模成本，不用再跪求開模工廠老闆給予佛心價、朋友價，現在立即購買，就可以馬上將你的創意想法「實」現出來，真的不用再求人了！
</div>
<!---<div class="ui info message"> -->
<h2 class="ui teal header">
<i class="announcement icon"></i>
<div class="content">
智新資通長期支持開放文化社群
</div>
</h2>
<div class="content">智新資通與開放文化基金會合作，推出3個「自玩自印：不求人」專案，每台機器將捐贈10%給開放文化基金會行政基金專戶，持續支持開放文化的推廣。</div>
<!---</div> -->
<div class="ui hidden divider"></div>
<div class="ui cards">
<div class="ui card" >
<div class="content">
<div class="header">建模。不求人</div>
<div class="meta">
<span class="category">U．MAKER + 新手建模入門課程</span>
</div>
<div class="ui divider"></div>
<div class="content">
<ul class="ui list">
<li>U．MAKER x 1</li>
<li>3D 列印建模入門新手課程 (12hr)</li>
<li>PLA 料 x 1</li>
<li>維護工具組 x1</li>
<li>贈「3D設計 for 3D列印超入門Blender快速建模全書 」</li>
<li>贈 離線控制面板</li>
</ul>
</div>
</div>
<div class="ui animated fade botton attached button">
<div class="visible content">KKTIX 線上預購 - NT$59,999</div>
<div class="hidden content">
<a href="https://kktix.com/events/umaker/registrations/new">立即預購，專人與您聯絡！</a>
</div>
</div>
</div>
<div class="ui card" >
<div class="content" >
<div class="header">自造。不求人</div>
<div class="meta">
<span class="category">U．MAKER + 自造 3D Printer 課程</span>
</div>
<div class="ui divider"></div>
<div class="content">
<ul class="ui list">
<li>U．MAKER x 1</li>
<li>3D Printer DIY課程（12hr）</li>
<li>PLA 料 x 1</li>
<li>維護工具組 x1</li>
<li>贈「3D印表表機自造全書 」</li>
<li>贈 離線控制面板</li>
</ul>
</div>
</div>
<div class="ui animated fade botton attached button">
<div class="visible content">KKTIX 線上預購 - NT$59,999</div>
<div class="hidden content">
<a href="https://kktix.com/events/umaker/registrations/new">立即預購，專人與您聯絡！</a>
</div>
</div>
</div>
<div class="ui card" >
<div class="content">
<div class="header">列印。不求人</div>
<div class="meta">
<span class="category">U．MAKER + 新手建模入門課程</span>
</div>
<div class="ui divider"></div>
<div class="content">
<ul class="ui list">
<li>U．MAKER x 1</li>
<li>PLA 料 x1</li>
<li>維護工具組 x1</li>
<li>贈工具書一本（擇一）
<ol class="ui list">
<li>3D設計 for 3D列印超入門Blender快速建模全書</li>
<li>3D印表表機自造全書</li>
</ol>
<li>加贈離線控制面板</li>
</ul>
</div>
</div>
<div class="ui animated fade botton attached button">
<div class="visible content">KKTIX 線上預購 - NT$35,500</div>
<div class="hidden content">
<a href="https://kktix.com/events/umaker/registrations/new">立即預購，專人與您聯絡！</a></div>
</div>
</div>
</div>
<div class="ui horizontal divider">
<i class="heart icon"></i>
</div>
<img class="ui centered massive image" src="https://t.kfs.io/upload_images/41557/IMG_6865-1_large.jpg">
</div>
<div class="three item tabular ui menu">
<a class="item" data-tab="product">詳細規格</a>
<a class="item" data-tab="video">縮時攝影</a>
<a class="item" data-tab="school">校園愛用</a>
::after
</div>
<div class="main container">
<div class="ui tab" data-tab="video">
<div class="ui segment">
<a class="ui ribbon label">
<i class="diamond icon"></i>
</a>
<div style="text-align:center;">
<iframe width="880" height="495" src="https://www.youtube.com/embed/3Pj4EePLMd0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="ui tab" data-tab="product">
<div class="ui segment">
<a class="ui ribbon label">
<i class="diamond icon"></i>
</a>
<div class="ui grid">
<div class="six wide column">
<img class="ui centered medium bordered image" src="https://t.kfs.io/organization_resource_files/5640/3516/IMG_6857.jpg">
</div>
<div class="ten wide column">
<h4>機器規格</h4>
<ul class="ui list">
<li>列印尺寸：200mm X 200mm X 200mm</li>
<li>機械設計精度：0.02mm</li>
<li>建議列印層高：0.1 mm</li>
<li>噴嘴直徑：0.4 mm</li>
<li>可使用耗材：PLA (環保玉米塑膠）、ABS 塑膠</li>
<li>材料直徑：3.0 mm</li>
<li>支援格式：.stl 或 .gcode</li>
<li>作業系統：Windows、Mac OS X 、Linux</li>
</ul>
<h4>建模軟體</h4>
<ul class="ui list">
<li>適用 Cura、Repetier-Host、Slic3r...等 Open Source Software</li>
</ul>
<h4>硬體規格</h4>
<ul class="ui list">
<li>機器硬體：優化的 Open Source Marlin Firmware</li>
<li>電路板：Open Hardware 電路</li>
<li>主板：Arduino Mega 2560 相容板</li>
<li>印表機控制板：Ultimaker PCB 相容版</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ui tab" data-tab="school">
<div class="ui red icon message">
<i class="bookmark icon"></i>
<div class="content">
<div class="header">
<p>Maker雜誌：“Ultimaker 為最精確最快速的3D印表機”</p>
<p>開放文化基金會大力支持：“使用開放硬體架構的 U．MAKER，能與全球玩家共享擴充模組資源！”</p>
</div>
</div>
</div>
<table class="ui blue three column table">
<thead>
<tr><th colspan="3">
大專院校 \ 補教
</th></tr></thead>
<tbody>
<tr>
<td >吳鳳科大資工系</td>
<td>愛迪盟短期補習班</td>
<td>逢甲資工</td>
</tr>
<tr>
<td>台北科技大學機械系</td>
<td>逢甲資工</td>
<td>東南科大電機系</td>
</tr>
<tr>
<td>巨匠電腦</td>
<td>虎尾科技大學 電機資訊學院</td>
<td>佛光大學 產品與媒體設計學系</td>
</tr>
<tr>
<td>華夏技術學院</td>
<td>長庚大學</td>
<td>宜蘭大學機械系</td>
</tr>
<tr>
<td>長榮大學</td>
<td>義守大學</td>
<td>長庚大學工程館</td>
</tr>
<tr>
<td>成功大學醫學院</td>
<td>明志科大電子系</td>
<td>長庚大學電機系</td>
</tr>
<tr>
<td>康寧大學</td>
<td>中華大學機械系</td>
<td>龍華科大</td>
</tr>
<tr>
<td>遠東科技大學</td>
<td>崑山科大</td>
<td>虎尾科技大學 資工系</td>
</tr>
<tr>
<td>台南大學</td>
<td colspan="2"></td>
</tr>
</tbody>
</table>
<table class="ui teal four column table">
<thead>
<tr><th colspan="4">
國中\高中\高職
</th></tr></thead>
<tbody>
<tr>
<td >竹林高中</td>
<td>東吳工家</td>
<td>光仁高中</td>
<td>台東高商</td>
</tr>
<tr>
<td>光仁高中</td>
<td>屏東高工</td>
<td>徐匯中學</td>
<td>馬公高中</td>
</tr>
<tr>
<td>格致中學</td>
<td>頭城家商</td>
<td>清水高中</td>
<td>永春高中</td>
</tr>
<tr>
<td>公東高工</td>
<td>新北光復高中</td>
<td>嘉義高中</td>
<td>恆毅高中</td>
</tr>
<tr>
<td>恆春工商</td>
<td>玉里高中</td>
<td>苗栗農工</td>
<td>穀保家商</td>
</tr>
<tr>
<td>羅東高商</td>
<td>成功工商</td>
<td>中壢工商</td>
<td>北港高中</td>
</tr>
<tr>
<td>磐石高中</td>
<td>忠明高中</td>
<td>崑山中學</td>
<td>大誠高中</td>
</tr>
<tr>
<td>宜寧中學</td>
<td>南科實中</td>
<td>正義高中</td>
<td>竹圍高中</td>
</tr>
<tr>
<td>秀峰中學</td>
<td>日新工商</td>
<td>同濟中學</td>
<td>新竹高工</td>
</tr>
<tr>
<td>成功大學附設高工進修學校</td>
<td>玉井工商</td>
<td>新北辭修中學</td>
<td>嘉義高工</td>
</tr>
<tr>
<td>新北明德高中</td>
<td>文興高中</td>
<td>台東專科學校</td>
<td>桃園高中</td>
</tr>
<tr>
<td>苗栗農工</td>
<td>南英商工</td>
<td>大成高中</td>
<td>苗栗高商</td>
</tr>
<tr>
<td>十信高中</td>
<td>東石高中</td>
<td>方濟中學</td>
<td>斗六家商</td>
</tr>
<tr>
<td>鹿港高中</td>
<td>景文高中</td>
<td>南山高中</td>
<td>海星高中</td>
</tr>
<tr>
<td>靜修女中</td>
<td>林口高中</td>
<td>花蓮高中</td>
<td>稻江商職</td>
</tr>
<tr>
<td>三民高中</td>
<td>關山工商</td>
<td>政大附中</td>
<td>金門農工</td>
</tr>
<tr>
<td>花蓮萬榮國中</td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- end of wrapper -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.3/semantic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.min.js"></script>
<script>
$(document).ready(function(){
$('.tabular.menu .item').tab({
history: true,
historyType: 'hash',
});
});
$('.special.cards .description').dimmer({
on: 'hover'
});
</script>
</body>
</html>