-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
282 lines (250 loc) · 10.9 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>105年度第一次迎新茶會</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<meta name="og:title" content="105年度第一次迎新茶會">
<meta name="og:url" content="http://ntnucic.github.io/105-1_welcome_party/">
<meta name="og:description" content="國立臺灣師範大學資訊研究社105年度第一次迎新茶會">
<meta name="og:image" content="images/cic.jpg">
<meta name="og:site_name" content="NTNUCIC">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<style>
td{
text-align:center !important;
border:0 !important;
}
h2 {
font-size: 1.8em !important;
}
#intro div{
display: inline-block;
margin: 0 2em;
}
#intro img{
height:15rem;
border-radius: 5%;
}
#review img{
height: 30rem;
}
#join img{
width:10rem;
margin:0;
}
</style>
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>臺師大資訊研究社</h1>
<h3>105學年度上學期 迎新茶會</h3>
</section>
<section>
<h2 style="position:relative;top:3rem">社團宗旨</h2>
<section>
<h3 >官方版</h3>
資訊領域的發展日新月異，閉門造車是無法跟上發展的腳步，因此資訊研究社的宗旨就是提供一個讓所有對資訊有興趣的人可以互相交流學習，並找到志同道合朋友的地方，也讓那些對資訊領域有興趣，卻不得其門而入者可以有一個加入我們的方法
</section>
<section>
<h3 >現實版</h3>
歡迎來到資研社泡茶聊天寫程式
</section>
</section>
<section id="intro">
<h2 style="position:relative;top:3rem">幹部介紹</h2>
<section>
<h3>社長組</h3>
<div>
黃熙傑(Jesse)<br/>
<img src="images/57576343_p0.jpg" alt="黃熙傑">
</div>
<div>
袁至誠()<br/>
<img src="images/57576343_p0.jpg" alt="袁至誠">
</div>
</section>
<section>
<h3>總務組</h3>
<div>
吳映廷<br/>
<img src="images/57576343_p0.jpg" alt="吳映廷">
</div>
</section>
<section>
<h3>教學組</h3>
<div>
林品儒<del>(師大貓耳控)</del><br/>
<img src="images/Lin.jpg" alt="林品儒">
</div>
</section>
<section>
<h3>文書組</h3>
<div>
速芷萱()<br/>
<img src="images/57576343_p0.jpg" alt="速芷萱">
</div>
</section>
<section>
<h3>活動組</h3>
<div>
許如萲()<br/>
<img src="images/57576343_p0.jpg" alt="許如萲">
</div>
</section>
<section>
<h3>攝影組</h3>
<div>
楊諭文()<br/>
<img src="images/57576343_p0.jpg" alt="楊諭文">
</div>
</section>
<section>
<h3>公關組</h3>
<div>
張嘉幃(蘿莉控)<br/>
<img src="images/57576343_p0.jpg" alt="張嘉幃">
</div>
</section>
</section>
<section id="review">
<section>
<h1>上屆回顧</h1>
</section>
<section>
<h2>迎新擺攤</h2>
<img src="images/review1.jpg">
</section>
<section>
<h2>第一次迎新茶會</h2>
<img src="images/review2.jpg">
</section>
<section>
<h2>社課-Javascript</h2>
<img src="images/js.png">
</section>
<section>
<h2>社課-HTML</h2>
<img src="images/html.png">
</section>
<section>
<h2>主題式社課</h2>
<img src="images/other_class.png">
</section>
<section>
<h2>校慶擺攤</h2>
<img src="images/review3.jpg">
</section>
<section>
<h2>第二次迎新茶會</h2>
<img src="images/review4.jpg">
</section>
<section>
<h2>講座 x 服務學習</h2>
<img src="images/webgl.jpg">
<img src="images/service_learning.png">
</section>
<section>
<h2>SITCON 2016</h2>
<img src="images/SITCON2016.png"><br>
擷取自:http://sitcon.org/2016
</section>
</section>
<section>
<h2>本學期活動</h2>
<h3 class="fragment">迎新</h3>
<h3 class="fragment">社課</h3>
<h3 class="fragment">講座</h3>
<h3 class="fragment">社員大會</h3>
</section>
<section>
<section>
<h1>課程介紹</h1>
</section>
</section>
<section>
<h1>求斗內</h1>
<h3 class="fragment fade-in">
社費:200元
</h3>
<span class="fragment fade-in">
繳過的就就算斗內吧
</span>
</section>
<section id="join">
<h1>歡迎各位加入我們！</h1>
<table>
<tr>
<td>FB粉絲頁</td>
<td>FB社團</td>
<td>課程網頁</td>
</tr>
<tr>
<td>
<img src="images/fanpage.png" alt="https://www.facebook.com/NTNUCIC/">
</td>
<td>
<img src="images/public.png" alt="https://www.facebook.com/groups/ntnucic/">
</td>
<td>
<img src="images/class.png" alt="http://www.ntnucic.club/104/">
</td>
</tr>
</table>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>
Selector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>