-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (232 loc) · 16.2 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
<!DOCTYPE HTML>
<html>
<head>
<title>CKCSC成功電研社</title>
<meta charset="utf-8" />
<link rel="stylesheet" id="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" href="assets/css/fontawsome.css">
<link rel="icon" href="favicon.ico" />
<script src="assets/jquery-3.5.0.min.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
function setlight(){
document.getElementById("stylesheet").href='light.css';
document.getElementById("ckcsc").src='images/CKCSC33rd(black).png';
document.getElementById("setdark").style.display='inherit';
document.getElementById("setlight").style.display='none';
}
function setdark(){
document.getElementById("stylesheet").href='main.css';
document.getElementById("ckcsc").src='images/CKCSC33rd.png';
document.getElementById("setdark").style.display='none';
document.getElementById("setlight").style.display='inherit';
}
</script>
</head>
<body>
<div id="header">
<h1 class="header">CKCSC成功電研社</h1>
<a href="https://url.ckcsc.net/" target="_blank"><li class="header btnm" style="display: inherit">短網址</li></a>
<a href="https://oj.ckcsc.net/" target="_blank"><li class="header btnb">線上解題系統</li></a>
<a href="#aactivities"><li class="header btn">活動</li></a>
<a href="#aclass"><li class="header btn">社課</li></a>
<a href="#lessons"><li class="header btn">課程</li></a>
<a href="#aabout"><li class="header btn">關於</li></a>
</div>
<div id="banner">
<img class="banner" src="images/banner.png">
</div>
<div id="side">
<h1 class="side chat">↓成電聊天室↓</h1>
<iframe src="https://www6.cbox.ws/box/?boxid=839045&boxtag=oNFbaG" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
<br>
<ul class="side">
<li class="side"><a href="#" style="text-align: center;font-size: 30px;background-color: rgba(0,0,0,0);">成電幹部</a>
<ul>
<li><a>社長:</a><h5 class="side"> 吳昀祐</h5></li>
<li><a>副社長兼網管:</a><h5 class="side"> 馬子翔</h5></li>
<li><a>網管:</a><h5 class="side"> 孫以衡</h5></li>
<li><a>網管兼教學:</a><h5 class="side"> 賴佳勒<a href="https://github.com/ItisCaleb" target="_blank"><i class="fa fa-github sideicon"></i></a></h5></li>
<li><a>教學:</a><h5 class="side"> 王兆偉</h5></li>
<li><a>教學:</a><h5 class="side"> 林哲宇</h5></li>
<li><a>教學:</a><h5 class="side"> 林敬珣</h5></li>
<li><a>教學:</a><h5 class="side"> 陳炫佑<a href="https://www.facebook.com/profile.php?id=100021534870655" target="_blank"><i class="fa fa-facebook-official sideicon"></i></a><a href="https://www.instagram.com/ckcsc33rd.danal/" target="_blank"><i class="fa fa-instagram sideicon"></i></a></h5></li>
<li><a>公關:</a><h5 class="side"> 楊邦恆</h5></li>
<li><a>公關:</a><h5 class="side"> 蘇冠宇</h5></li>
<li><a>公關:</a><h5 class="side"> 李偉萌</h5></li>
<li><a>公關兼美宣:</a><h5 class="side"> 張睿澤</h5></li>
<li><a>美宣:</a><h5 class="side"> 林郁翔</h5></li>
<li><a>美宣:</a><h5 class="side"> 林德倫</h5></li>
<li><a>文書:</a><h5 class="side"> 莊博安</h5></li>
<li><a>總務:</a><h5 class="side"> 鄭群倫</h5></li>
</ul>
</li>
</ul>
<ul class="oj">
<li class="side"><a href="#" style="text-align: center;font-size: 30px;background-color: rgba(0,0,0,0);text-decoration: none;">線上解題網站</a>
<ul>
<li><a href="https://oj.ckcsc.net/" target="_blank" class="oj">成功高中線上解題系統</a></li>
<li><a href="https://zerojudge.tw/" target="_blank" class="oj">高中生程式解題系統</a></li>
<li><a href="http://www.tcgs.tc.edu.tw:1218/" target="_blank" class="oj">台中女中程式解題系統</a></li>
<li><a href="https://tioj.ck.tp.edu.tw/" target="_blank" class="oj">建國高中資訊解題系統</a></li>
<li><a href="http://acm.csie.org/ntujudge/index.php" target="_blank" class="oj">台大ICPC線上解題系統</a></li>
<li><a href="https://onlinejudge.org/" target="_blank" class="oj">UVa線上解題系統</a></li>
<li style="color: rgba(255,255,255,0)"><a href="https://neoj.sprout.tw/" target="_blank" class="oj" style="color: rgba(255,255,255,0)">資訊之芽線上解題系統</a></li>
</ul>
</ul>
<ul class="game">
<li class="side"><a href="#" style="text-align: center;font-size: 30px;background-color: rgba(0,0,0,0);text-decoration: none;">檢定/比賽官網</a>
<ul>
<li><a href="https://apcs.csie.ntnu.edu.tw/" target="_blank" class="game">大學程式設計先修檢測</a></li>
<li><a href="http://toi.csie.ntnu.edu.tw/" target="_blank" class="game">臺灣國際資訊奧林匹亞</a></li>
<li><a href="https://www.tw-ytp.com/" target="_blank" class="game">少年圖靈計畫</a></li>
<li><a href="http://bebras.csie.ntnu.edu.tw/" target="_blank" class="game">國際運算思維挑戰賽</a></li>
<li><a href="https://toi-reg.csie.ntnu.edu.tw/" target="_blank" class="game">TOI推廣計畫</a></li>
<li><a href="http://www.csroc.org.tw/ISSC/newsd.php" target="_blank" class="game">國際青年程式競賽</a></li>
<li><a href="https://contest.cc.ntu.edu.tw" target="_blank" class="game">網路程式設計全國大賽</a></li>
</ul>
</ul>
<ul class="rclubs">
<li class="side"><a href="#" style="text-align: center;font-size: 30px;background-color: rgba(0,0,0,0);text-decoration: none;">友社</a>
<ul>
<li><a href="#" target="_blank" class="rclubs">建中資訊</a></li>
<li><a href="#" target="_blank" class="rclubs">中山資研</a></li>
<li><a href="#" target="_blank" class="rclubs">景美電資</a></li>
</ul>
</ul>
</div>
<div id="main">
<div id="about">
<h1 class="about" id="aabout">社團宣傳片</h1>
<iframe width="70%" height="480" src="https://www.youtube.com/embed/esgaMxrP7U8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="margin: 0 15% 0 15%"></iframe>
<h1 class="about" id="aabout">關於</h1>
<h2 class="about">成功電研是一群熱愛程式的高中生組成的，一起學習、成長，<br>我們也舉辦各種活動，致力於聯繫友社情誼、推廣程式教育。<br> <br> <br>在這裡你可以盡情的揮灑青春，和朋友一起研究專題，<br>發展屬於自己的能力。這裡永遠有一群最好的夥伴等著你。</h2>
</div>
<div id="lessons">
<h1 class="lessons" id="alessnos">課程</h1>
<div id="apcs">
<a href="https://apcs.csie.ntnu.edu.tw/"><img class="apcs" src="images/APCS-logo.png"></a>
<h2 class="lessons">APCS</h2>
<h3 class="lessons">APCS為大學程式設計先修檢測，藉由舉辦具公信力之「程式設計檢測」，讓具備程式設計能力之高中職學生，能夠檢驗學習成果，並供作大學選才的參考依據。</h3>
</div>
<div id="cpp">
<img class="cpp" src="images/c++.png">
<h2 class="lessons">C++語法班</h2>
<h3 class="lessons">C++語法班適合完全0基礎的人或是只有基本概念的人，會從最基本語法，如輸出輸入開始教起。預計於這學期末教完基本語法與基本資料結構、少量演算法。</h3>
</div>
<div id="py">
<img class="py" src="images/c++.png">
<h2 class="lessons">C++算法班</h2>
<h3 class="lessons">在這學期的C++算法班社課，我們會介紹各種神奇(?)競賽常見的演算法，如果你想在高中的資訊競賽贏得佳績，這學期的社課會給你最好的入門!</h3>
</div>
<div id="js">
<img class="js" src="images/java.png">
<h2 class="lessons">Java基礎班</h2>
<h3 class="lessons">Java跨平台的特性使得各種地方都能見到它的影子，從APP、網頁到遊戲等
而在這門課中，我們將從Java的基礎開始教學，不斷進階，從基本的輸出輸入到物件導向，讓你好好了解Java作為物件導向語言的特色</h3>
</div>
<h6>7122</h6>
</div>
<div id="class">
<h1 class="class" id="aclass">社課</h1>
<div id="normal">
<h2 class="class">一般社課</h2>
<img class="normal" src="images/class.png">
<h3 class="class">時間：每週五下午社團聯課活動時間<br>地點：成功高中求是樓電腦教室<br>講師團隊：成功電研高二教學群<br>內容：APCS題目、C/C++、python<br>備註：一定要參加，否則會記曠課</h3>
</div>
<div id="afterschool">
<h2 class="class">放學社課</h2>
<img class="afterschool" src="images/no-image.png">
<h3 class="class">時間：每週一到五放學後<br>地點：建國中學電腦教室<br>講師團隊：建成楓景四校教學群<br>內容：APCS題目、C/C++、python<br>備註：四校聯合社課，不強迫參加</h3>
</div>
<h6>7122</h6>
</div>
<div id="activities">
<h1 class="activities" id="aactivities" style="line-height: 200px;">活動</h1>
<h3 class="activities">相信各位在社團只有打程式一定也很無聊，<br>所以我們會定期舉辦跨校的社團活動，讓你不只學會程式語言，<br>也結交外校的好朋友，豐富你的社團生活。</h3>
<h6>7122</h6>
<div id="summer">
<h2 class="activities">暑訓</h2>
<h3 class="activities">主辦學校:建中資訊社、成功電研社、中山資研社、景美電資社<br>
活動時間:約七月底，為期7天(不過夜)<br>
活動內容:大地遊戲、主題式課程、企業參訪、RPG、桌遊、成果發表、神秘活動<br>
參加對象:國三升高一學生為主，限40名</h3>
</div>
<h6>7122</h6>
<div id="imgr">
<img class="acr" src="images/summer.JPG">
</div>
<h6>7122</h6>
<div id="fresh">
<h2 class="activities">迎新</h2>
<h3 class="activities">主辦學校:每年依抽籤結果決定，總共七校<br>活動時間:約十月中，為期1天<br>活動內容:破冰遊戲、演講、RPG<br>參加對象:七校高一社員，人數不限</h3>
</div>
<h6>7122</h6>
<div id="imgl">
<img class="acl" src="images/no-image.png">
</div>
<h6>7122</h6>
<div id="course">
<h2 class="activities">聯課</h2>
<h3 class="activities">主辦學校:建中資訊社、成功電研社、中山資研社、景美電資社<br>活動時間:約十月底、十一月初的六日，為期4天<br>活動內容:大地遊戲、主題式課程<br>參加對象:四校高一社員，限40人</h3>
</div>
<h6>7122</h6>
<div id="imgr">
<img class="acr" src="images/no-image.png">
</div>
<h6>7122</h6>
<div id="fall">
<h2 class="activities">秋遊</h2>
<h3 class="activities">主辦學校:成功電研社、景美電資社<br>活動時間:約十一月底，為期1天<br>活動內容:每年不定<br>參加對象:兩校高一社員，人數不限</h3>
</div>
<h6>7122</h6>
<div id="imgl">
<img class="acl" src="images/no-image.png">
</div>
<h6>7122</h6>
<div id="santa">
<h2 class="activities">耶晚</h2>
<h3 class="activities">主辦學校:建中資訊社、成功電研社、中山資研社、景美電資社<br>活動時間:約十二月底，為期半日<br>活動內容:交換禮物、團康<br>參加對象:四校高一社員，人數不限</h3>
</div>
<h6>7122</h6>
<div id="imgr">
<img class="acr" src="images/no-image.png">
</div>
<h6>7122</h6>
<div id="winter">
<h2 class="activities">寒訓</h2>
<h3 class="activities">主辦學校:建中資訊社、成功電研社、中山資研社、景美電資社<br>活動時間:約一月底，為期7天(不過夜)<br>活動內容:大地遊戲、主題式課程、企業參訪、RPG、桌遊、成果發表、神秘活動<br>參加對象:四校高一社員，限40人</h3>
</div>
<h6>7122</h6>
<div id="imgl">
<img class="acl" src="images/no-image.png">
</div>
<h6>7122</h6>
<div id="spring">
<h2 class="activities">春遊</h2>
<h3 class="activities">主辦學校:成功電研社、中山資研社<br>活動時間:約三月初，為期1天<br>活動內容：每年不定<br>參加對象:兩校高一社員，人數不限</h3>
</div>
<h6>7122</h6>
<div id="imgr">
<img class="acr" src="images/no-image.png">
</div>
<h6>7122</h6>
</div>
</div>
<div id="footer">
<img id="ckcsc" src="images/CKCSC33rd.png" class="footer">
<div id="c">
<a href="https://www.facebook.com/club.ckcsc.info/" target="_blank"><i class="c fa fa-facebook-official"></i></a>
<a href="https://www.instagram.com/ckcsc33rd_diary/" target="_blank"><i class="c fa fa-instagram"></i></a>
<h5 class="c">CKCSC © 2020<br>designed by TGoC_Charlie<br>All rights reserved</h5>
<a id="setdark" onclick="setdark() " href="#" style="display: none">dark mode</a>
<a id="setlight" onclick="setlight()" href="#">light mode</a>
</div>
<!--<div id="notice">
<marquee direction="up" ; height="50px" ; scrollamount="5" ; behavior="slide" class="noticet">公告</marquee>
<marquee direction="left" ; height="50px" ; scrollamount="5"S ; class="notice">歡迎來到成功高中電子計算機研習社第33屆社團網站!學弟加成電!成電歡迎你!</marquee>
</div>-->
</div>
</body>
</html>