-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
669 lines (632 loc) · 39.7 KB
/
index.html
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
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<title>Chen Yu-Chieh's page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 新增字體 -->
<link href="https://fonts.googleapis.com/css?family=Cabin|Cabin+Sketch|Noto+Sans+TC&display=swap" rel="stylesheet">
<!-- 預設字體 -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
<!-- 新增css -->
<link rel="stylesheet" href="css/yuchieh.css">
<script src="https://kit.fontawesome.com/f101fbf4b8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300" style="font-family: 'Noto Sans TC', sans-serif;">
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
<div class="container" style="font-family: 'Cabin Sketch', cursive;">
<a class="navbar-brand" href="index.html"><span>C</span>hen Yu-Chieh</a>
<button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav nav ml-auto" style="font-family: 'Noto Sans TC', sans-serif;">
<li class="nav-item"><a href="#home-section" class="nav-link"><span>首頁</span></a></li>
<li class="nav-item"><a href="#about-section" class="nav-link"><span>關於</span></a></li>
<li class="nav-item"><a href="#resume-section" class="nav-link"><span>經歷</span></a></li>
<li class="nav-item"><a href="#page-publication" class="nav-link"><span>學術發表</span></a></li>
<!-- <li class="nav-item"><a href="#hobbies" class="nav-link"><span>興趣</span></a></li> -->
<li class="nav-item"><a href="#activities" class="nav-link"><span>活動參與</span></a></li>
<!-- <li class="nav-item"><a href="#contact-section" class="nav-link"><span>了解更多</span></a></li> -->
</ul>
</div>
</div>
</nav>
<section class="hero-wrap js-fullheight">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
<div class="col-lg-8 col-md-6 ftco-animate d-flex align-items-center">
<div class="text text-center" style="font-family: 'Cabin Sketch', cursive;">
<span class="subheading">Hey! I am</span>
<h1>Chen Yu-Chieh</h1>
<h2>I'm a
<span class="txt-rotate" data-period="2000" data-rotate='[ "Student.", "Learner.", "Creater.", "Storyteller"]'></span>
</h2>
</div>
</div>
</div>
</div>
</div>
<div class="mouse">
<a href="#" class="mouse-icon">
<div class="mouse-wheel"><i class="fa fa-angle-double-down"></i></div>
</a>
</div>
</section>
<section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section">
<div class="container">
<div class="row d-flex no-gutters">
<div class="col-md-6 col-lg-6 d-flex">
<div class="img-about img d-flex align-items-stretch">
<div class="overlay"></div>
<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/about.jpg);">
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 pl-md-5 py-5">
<div class="row justify-content-start pb-3">
<div class="col-md-12 heading-section ftco-animate">
<h1 class="big">關於</h1>
<h2 class="mb-4">About me</h2>
<p>A Psychology graduate student at National Taiwan University. <br>Determine to investigate the human social behavior and group decision making.<br> With ability to experiment designing,
data collecting, analysis, and visualizing. <br>Demonstrates an open-minded and proactive approach to acquiring additional skills related to data analysis, human interface and user experience within a dynamic environment.</p>
<ul class="about-info mt-4 px-md-0 px-2">
<li class="d-flex"><span>姓名：</span> <span>Chen Yu-Chieh</span></li>
<li class="d-flex"><span>生日:</span> <span>March 3, 1999</span></li>
<li class="d-flex"><span>Email：</span> <span><a href="mailto:[email protected]">[email protected]</a></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pb goto-here" id="resume-section">
<div class="container">
<div class="row">
<div class="col-md-3">
<nav id="navi">
<ul>
<li><a href="#page-1">學歷</a></li>
<li><a href="#page-2">經歷</a></li>
<li><a href="#page-3">技能</a></li>
</ul>
</nav>
</div>
<div class="col-md-9" id="page-1">
<div class="page one">
<h2 class="heading">Education</h2>
<p><b>Overall GPA: 3.96</b></p>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2019-2022</span>
<h2>Double majored in Department of Psychology</h2>
<span class="position">National Taiwan University</span>
<p>就讀於國立臺灣大學心理學研究所人格與社會心理學組</p>
<p>以機器學習與虛擬實境技術探討人際互動時的臉部表情與行為變化</p>
</div>
<div class="text pl-3">
<span class="date">2019-2022</span>
<h2>Double majored in Department of Psychology</h2>
<span class="position">National Taiwan University</span>
<p>雙主修於國立臺灣大學心理學系</p>
<p>主動積極學習科學邏輯與實驗方法，嘗試以證據與推理回答問題。</p>
</div>
</div>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2017-2022</span>
<h2>Majored in Department of History</h2>
<span class="position">National Taiwan University</span>
<p>主修於國立臺灣大學歷史學系</p>
<p>具備人文素養訓練，期望自己除了看到表象外，更能深入思考脈絡與原因。</p>
</div>
</div>
<p>學習不設限，由文學院跨入理學院，對於跨領域知識仍能快速上手，掌握關鍵。</p>
<table class="table table-sm table-hover">
<thead>
<tr>
<th scope="col">課程名稱</th>
<th scope="col">成績</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">前端程式設計</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">計算機程式設計</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">人文學群的 Python 程式設計入門</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">計算社會心理學專題研究</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">普通心理學</th>
<td>A</td>
</tr>
<tr>
<th scope="row">發展心理學</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">性格心理學</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">人類學習與認知</th>
<td>A+</td>
</tr>
<tr>
<th scope="row">心理測驗</th>
<td>A</td>
</tr>
<tr>
<th scope="row">心理及教育統計學上/下</th>
<td>A / A-</td>
</tr>
</tbody>
</table>
</div>
<div class="page two">
<h2 class="heading">Experience</h2>
<div id="page-2" class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2020.03-present</span>
<h2>臺大心理系<b>計算文化社會神經科學實驗室(CHEN Lab)</b>兼任學生研究助理</h2>
<span class="position">Research assistant in NTU Computational Human-sociocultural Experimental Neuroscience (CHEN) Lab</span>
<p>參與研究計畫，並建置線上多人互動網頁實驗、維護實驗頁面運作，執行資料分析。</p>
</div>
</div>
<div id="page-2" class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2019.07-2021.01</span>
<h2>中鼎嵌入式系統公司工讀生</h2>
<span class="position">Digital promotion assistant in Centrum Embedded Systems Corporation(CES)</span>
<p>管理產品銷售運營，並積極於專案管理、網站設計以及問題解決方面發展技能。</p>
</div>
</div>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2019.05-2019.12</span>
<h2>Passion Worker編輯團隊成員</h2>
<span class="position">Career Center, NTU Office of Student Affairs</span>
<p>參與編輯2020《臺大人職場手冊》，與學長姐進行訪談並記錄其職場故事。</p>
</div>
</div>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2016.01-2016.07</span>
<h2>《女子》雙月刊編輯團隊成員</h2>
<span class="position">臺南市私立聖功女中</span>
<p>創立、編輯並發行《女子》雙月刊，負責撰稿、校稿。</p>
</div>
</div>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2014-2016</span>
<h2>動保志工</h2>
<span class="position">臺南市關懷流浪動物協會</span>
<p>利用空閒的週六於臺南市公立收容所擔任志工，觀察政策如何落實於地方。</p>
</div>
</div>
</div>
<div class="page three">
<h2 class="heading">Skills</h2>
<div id="page-3" class="row progress-circle mb-5">
<div class="col-lg mb-4">
<table class="table table-hover">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">技能</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">虛擬實境應用程式開發</th>
<td>Unity, HTC VIVE OpenXR SDK, Mirror Network</td>
<td>開發虛擬實境應用程式，提供使用者共同進行觀影的虛擬空間，並用以蒐集實驗數據。</td>
</tr>
<tr>
<th scope="row">前端設計</th>
<td>HTML, CSS, JavaScript</td>
<td>製作網頁，並應用於實驗招募、指導語說明。</td>
</tr>
<tr>
<th scope="row">資料庫<br>管理</th>
<td>MongoDB</td>
<td>用以建構線上多人互動實驗，並參與MongoDB University學習其運作方式。</td>
</tr>
<tr>
<th scope="row">全端應用框架</th>
<td>Meteor Software</td>
<td>用以建構線上多人互動實驗，deploy application。</td>
</tr>
<tr>
<th scope="row">資料<br>視覺化</th>
<td>Seaborn, Matplotlib</td>
<td>以圖表呈現資料，用有效率且清楚的方式說好故事。</td>
</tr>
<tr>
<th scope="row">統計分析</th>
<td>Python, R</td>
<td>以程式語言進行實驗數據處理、計算與分析。</td>
</tr>
<tr>
<th scope="row">實驗相關</th>
<td>數據蒐集、文獻閱讀、報告撰寫、Presentation</td>
<td>曾負責多人線上互動實驗、臉部表情資料蒐集、fMRI實驗執行等。</td>
</tr>
</tbody>
</table>
<div class="row align-items-start">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pb goto-here">
<div class="container">
<div class="row">
<div class="page three" id="page-publication">
<h2 class="heading">學術發表</h2>
<div class="col-lg mb-4">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">Publications</th>
</tr>
</thead>
<tbody>
<tr>
<td data-balloon-length="large" aria-label="利用線上多人互動網頁遊戲，探討權力在多人互動時對行為所造成之影響。" data-balloon-pos="up">Chen, Y.-C. C., Toward an understanding of power distribution and inter-participant behavior dynamic during real-time group interaction. Ministry of Science and Technology College Student Research Scholarship. July,
2021-Feb, 2022.</td>
<!-- <td>製作網頁，並應用於實驗招募、指導語說明。</td> -->
</tr>
<tr>
<td data-balloon-length="large" aria-label="蒐集臺灣疫情期間數據，將疫情所產生的集體焦慮視為一項重大壓力源，以檢視壓力將如何左右個體對中性刺激的解讀。" data-balloon-pos="up">Chen, Y.-C. C., Huang, Y.-W. Y., Kuo, Y.-S. A., Chou, F.-C. B., Hsiao, P.-Y. A., Lin, C. R., Wu, Y.-J. C., Pan, H.-J. S., & Chen, P.-H. A. (2022). Large-scale stress facilitates divergent interpretation toward ambiguous
naturalistic content. Society for Affective Science 2022, Virtual Conference.</td>
<!-- <td>用以建構線上多人互動實驗，並參與MongoDB University學習其運作方式。</td> -->
</tr>
<!-- <tr>
<td data-balloon-length="large" aria-label="Our findings suggest that individuals might become more accessible to negative perceiving mindsets under large-scale stressors." data-balloon-pos="up">Chen, Y.-C. C., Huang, Y.-W. Y., Kuo, Y.-S. A., Chou, F.-C. B., Hsiao, P.-Y. A., Lin, C. R., Wu, Y.-J. C., Pan, H.-J. S., & Chen, P.-H. A. (2022). Large-scale stress facilitates divergent interpretation toward ambiguous
naturalistic content. Social & Affective Neuroscience Society 2022, Virtual Conference.</td>
</tr> -->
<tr>
<td>Chen, P.-H. A., Lin, Y.-J., Jolly, E., Chen, Y.-C. C., & Chang, L.J. (2021). Toward an understanding of face rule during real-time social interaction. Social & Affective Neuroscience Society 2021, Virtual Conference.</td>
<!-- <td>以圖表呈現資料，用有效率且清楚的方式說好故事。</td> -->
</tr>
<tr>
<td data-balloon-length="large" aria-label="Findings from our study demonstrated that inhibitory control training could impact how individuals experience their transitions across different temptation-related states and actions during their daily life."
data-balloon-pos="down">Chen, Y.-C. C., Chou, F.-C. B., & Chen, P.-H. A. (2020). Inhibitory training impacts the transition probability across multiple temptation-related states. Taiwanese Psychological Association Annual Meeting, Virtual
Conference. </td>
<!-- <td>以程式語言進行實驗數據處理、計算與分析。</td> -->
</tr>
</tbody>
</table>
</div>
</section>
<!-- <section class=" ftco-section " id="hobbies">
<div class="container-fluid px-md-5 ">
<div class="row justify-content-center py-5 mt-5 ">
<div class="col-md-12 heading-section text-center ftco-animate ">
<h1 class="big big-2 ">興趣</h1>
<h2 class="mb-4 ">興趣</h2>
<p>善用校內外資源，主動積極學習新知，充實自我。</p>
</div>
</div>
<div class="row ">
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="https://drive.google.com/file/d/1qHASmNfcJ2lZhZJQboKZ6lj_v1qadUc_/view?usp=sharing " class="services-1 shadow " target="_new " title="點擊查看更多！ ">
<span class="icon ">
<i class="fas fa-code "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">程式設計</h3>
<p>嘗試以python編寫時間管理程式，</br>以「一次做好一件事」為概念，</br>計算出在階段中「被浪費掉」的時間，</br>讓使用者察覺時間的流逝。
</p>
</div>
</a>
</div>
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="https://www.facebook.com/ilovemayday5/posts/3396485520377385 " class="services-1 shadow " target="_new " title="點擊查看更多！ ">
<span class="icon ">
<i class="fas fa-utensils "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">手作料理</h3>
<p>透過料理，</br>沉澱自己的思緒，</br>並提升專注力與耐心。</p>
</div>
</a>
</div>
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="# " class="services-1 shadow " target="_new " title="點擊查看更多！ ">
<span class="icon ">
<i class="fas fa-book-open "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">閱讀寫作</h3>
<p>平時我喜歡逛書店，</br>在各式書籍中探索不同思維和價值觀。</p>
</div>
</a>
</div>
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="# " class="services-1 shadow " target="_new " title="點擊查看更多！ ">
<span class="icon ">
<i class="fas fa-dog "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">動保議題</h3>
<p>對於推動動物保護的觀念，</br>我認為應該要兼具理性與感性論點，</br>而這同時也是一個練習說服技巧的機會！</p>
</div>
</a>
</div>
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="# " class="services-1 shadow " target="_new " title="點擊查看更多！ ">
<span class="icon ">
<i class="fas fa-globe-asia "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">語言學習</h3>
<p>我喜歡以語言著手，</br>進而觀察、學習不同文化的特別之處，</br>例如滿文、手語、日文。
</p>
</div>
</a>
</div>
<div class="col-md-4 text-center d-flex ftco-animate ">
<a href="# " class="services-1 shadow ">
<span class="icon ">
<i class="far fa-comment-dots "></i>
</span>
<div class="desc ">
<h3 class="mb-5 ">人際互動</h3>
<p>在團體中，</br>我通常扮演傾聽者的角色，</br>為喧嘩的交談適時留白。</p>
</div>
</a>
</div>
</div>
</div>
</section> -->
<section class="ftco-section ftco-project " id="activities">
<div class="container-fluid px-md-0 ">
<div class="row no-gutters justify-content-center pb-5 ">
<div class="col-md-12 heading-section text-center ftco-animate ">
<h1 class="big big-2 ">活動參與</h1>
<h2 class="mb-4 ">活動參與</h2>
<p>不管是學期間或寒、暑假，我把握每次機會，藉由活動籌辦過程學習。</p>
</div>
</div>
<div class="row no-gutters ">
<div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-1.jpg); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3 style="color: aliceblue;">臺南地區校友會返鄉服務隊</h3>
<span>擔任課程組成員，負責教案設計與規劃。</span>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-2.jpg); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3 style="color: aliceblue;">流浪動物保護志工</h3>
<span>為犬隻洗澡、美容，並進行社會化訓練。</span>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-3.jpg); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3><a href="https://www.youtube.com/watch?v=tmm1A0tC5cM " target="_new ">2018南友之夜手語劇成員</a></h3>
<iframe src="https://www.youtube.com/embed/tmm1A0tC5cM?start=328 " frameborder="0 " allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture " allowfullscreen></iframe>
<span>與夥伴合作，學習手語，完成精彩演出！</span>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-4.png); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3><a href="https://www.facebook.com/PassionWorker/?epa=SEARCH_BOX " target="_new ">編輯2020《臺大人職場手冊》</a></h3>
<span>借鏡於學長姊，提供職涯相關建議。</span>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-5.jpg); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3><a href="https://www.facebook.com/%E5%A5%B3%E5%AD%90-1046383712091983/ " target="_new ">編輯《女子》雙月刊</a></h3>
<span>走出校園、碰觸社會議題。</span>
</div>
</div>
</div>
<!-- <div class="col-md-4 ">
<div class="project img ftco-animate d-flex justify-content-center align-items-center " style="background-image: url(images/work-6.jpg); ">
<div class="overlay "></div>
<div class="text text-center p-4 ">
<h3 style="color: aliceblue;">企業工讀生，協助官網製作</h3>
<span>從0開始學習，不怕挑戰與挫折！</span>
</div>
</div>
</div> -->
</div>
</div>
</section>
<!-- <section class="ftco-section ftco-no-pt ftco-no-pb ftco-counter img " id="section-counter ">
<div class="container-fluid px-md-5 ">
<div class="row d-md-flex align-items-center ">
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate ">
<div class="block-18 shadow ">
<div class="text ">
<h2 style="color:#0069b4 ;font-weight:bold; ">人文</h2>
<p>滿文、日文、英文及手語</p>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate ">
<div class="block-18 shadow ">
<div class="text ">
<h2 style="color:#0069b4 ;font-weight:bold; ">自然科學</h2>
<p>心理學、神經生物學</p>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate ">
<div class="block-18 shadow ">
<div class="text ">
<h2 style="color:#0069b4 ;font-weight:bold; ">社會科學</h2>
<p>政治學、社會學</p>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate ">
<div class="block-18 shadow ">
<div class="text ">
<h2 style="color:#0069b4 ;font-weight:bold; ">程式科技</h2>
<p>Python, R, Frontend</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<br>
<!-- <section class="ftco-section contact-section ftco-no-pb " id="contact-section ">
<div class="container ">
<div class="row justify-content-center mb-5 pb-3 ">
<div class="col-md-7 heading-section text-center ftco-animate ">
<h1 class="big big-2 ">了解更多</h1>
<h2 class="mb-4 ">了解更多</h2>
<p>Follow me here!</p>
</div>
</div>
<br>
<div class="card " style="width: 18rem; margin-bottom: 10px; ">
<img src="images/connect.jpg " class="card-img-top " alt="profilephoto ">
<div class="card-body ">
<h5 class="card-title ">Email</h5>
<p class="card-text ">My email address: [email protected]</p>
<a href="mailto:[email protected] " class="btn btn-primary ">Email me</a>
</div>
</div>
</div>
</section> -->
<footer class="ftco-footer ftco-section ">
<div class="container ">
<div class="row mb-5 ">
<div class="col-md ">
<div class="ftco-footer-widget mb-4 ">
<h2 class="ftco-heading-2 ">About</h2>
<p>Stay openminded and active to learn more skills in a dynamic environment. </p>
<!-- <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5 "> -->
<!-- <li class="ftco-animate "><a href="https://bechasedbydog.blogspot.com/ " target="_new "><span class="fab fa-blogger "></span></a></li> -->
<!-- <li class="ftco-animate "><a href="https://www.facebook.com/ilovemayday5 " target="_new "><span class="fab fa-facebook-square "></span></a></li> -->
<!-- <li class="ftco-animate "><a href="https://www.instagram.com/chixmayday/ " target="_new "><span class="fab fa-instagram "></span></a></li> -->
<!-- </ul> -->
</div>
</div>
<div class="col-md ">
<div class="ftco-footer-widget mb-4 ml-md-4 ">
<h2 class="ftco-heading-2 ">Links</h2>
<ul class="list-unstyled ">
<li><span class="fas fa-angle-right "></span><a href="index.html ">  首頁</a></li>
<li><span class="fas fa-angle-right "></span><a href="#about-section">  關於</a></li>
<li><span class="fas fa-angle-right "></span><a href="#resume-section ">  經歷</a></li>
<li><span class="fas fa-angle-right "></span><a href="#page-publication ">  學術發表</a></li>
<!-- <li><span class="fas fa-angle-right "></span><a href="#hobbies">  興趣</a></li> -->
<li><span class="fas fa-angle-right "></span><a href="#activities">  活動參與</a></li>
<!-- <li><span class="fas fa-angle-right "></span><a href="#contact-section ">  了解更多</a></li> -->
</ul>
</div>
</div>
<div class="col-md ">
<div class="ftco-footer-widget mb-4 ">
<h2 class="ftco-heading-2 ">Any Question?</h2>
<div class="block-23 mb-3 ">
<ul>
<!-- <li><span class="fas fa-map-marker-alt "></span><span class="text ">  臺北市大安區羅斯福路四段1號</span></li> -->
<!-- <li><a href="# "><span class="fas fa-phone "></span><span class="text ">  02 3366 3366</span></a></li> -->
<li><a href="# "><span class="far fa-envelope "></span><span class="text ">  [email protected]</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-12 text-center ">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©
<script>
document.write(new Date().getFullYear());
</script> All rights reserved | This template is made with Yu-Chieh Chen by <a href="https://colorlib.com " target="_blank ">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</footer>
<!-- loader -->
<!-- <div id="ftco-loader " class="show fullscreen "><svg class="circular " width="48px " height="48px "><circle class="path-bg " cx="24 " cy="24 " r="22 " fill="none " stroke-width="4 " stroke="#eeeeee "/><circle class="path " cx="24 " cy="24 " r="22
" fill="none " stroke-width="4 " stroke-miterlimit="10 " stroke="#F96D00 "/></svg></div> -->
<script src="js/jquery.min.js "></script>
<script src="js/jquery-migrate-3.0.1.min.js "></script>
<script src="js/popper.min.js "></script>
<script src="js/bootstrap.min.js "></script>
<script src="js/jquery.easing.1.3.js "></script>
<script src="js/jquery.waypoints.min.js "></script>
<script src="js/jquery.stellar.min.js "></script>
<script src="js/owl.carousel.min.js "></script>
<script src="js/jquery.magnific-popup.min.js "></script>
<script src="js/aos.js "></script>
<script src="js/jquery.animateNumber.min.js "></script>
<script src="js/scrollax.min.js "></script>
<script src="js/main.js "></script>
</body>
</html>