-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
274 lines (268 loc) · 9.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
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
http-equiv="Content-Security-Policy"
content="upgrade-insecure-requests"
/>
<meta
name="description"
content="我們的目標是建立一個致力於平衡推廣資訊領域學習資源,同時提供優質共學環境的組織。"
/>
<meta property="og:title" content="SCINT 北臺灣資訊社群" />
<meta property="og:site_name" content="SCINT 北臺灣資訊社群" />
<meta property="og:url" content=https://scint.org>
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:image" content=https://scint.org/assets/og-image.png>
<link type="text/css" rel="stylesheet" href="css/global/style.css" />
<link type="text/css" rel="stylesheet" href="css/home/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<script defer src="js/hehe.js"></script>
<script defer src="js/home.js"></script>
<script defer src="js/helpme.js"></script>
<script defer src="js/global.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>SCINT 北臺灣學生資訊社群</title>
</head>
<body>
<template id="navbar"></template>
<div class="banner">
<div class="banner-content">
<div class="banner-image-fake">
<img
class="banner-image-left"
src="assets/logo-left.png"
alt="logo-left"
/>
<img
class="banner-image-middle"
src="assets/logo-middle.png"
alt="logo-middle"
/>
<img
class="banner-image-right"
src="assets/logo-right.png"
alt="logo-right"
/>
</div>
<h1 class="banner-title">北臺灣學生資訊社群</h1>
</div>
<i class="fa-solid fa-chevron-down down-arrow"></i>
</div>
<div class="container">
<h1 class="title" id="about-us">關於我們</h1>
<div class="fade-up about-us">
<section>
<h2>社群理念</h2>
<p>Loading...</p>
</section>
<section>
<h2>社群目標</h2>
<p>Loading...</p>
</section>
<section>
<h2>成員組成</h2>
<p>Loading...</p>
</section>
</div>
<h1 class="title" id="services">目前服務</h1>
<div class="fade-up about-us">
<section>
<h2>活動協辦</h2>
<p>
我們樂意協助貴社群或社團舉辦各式活動,可以協助人力、策劃、贊助協調等多方面事務,透過合作,共同打造更具規模與影響力的活動,促進資訊領域的發展。
</p>
</section>
<section>
<h2>雲端服務</h2>
<p>
若貴社團、社群有雲端運算需求,可以與我們申請免費的
VM,可以用於日常課程或是活動、專案等,詳細內容歡迎與我們聯繫瞭解更多。
</p>
</section>
<section>
<h2>社群推廣</h2>
<p>
SCINT
是一個學生群聚的資訊社群,若貴社團、社群需要活動宣傳,我們可以協助於社群媒體、平台上公告或是貼文。
</p>
</section>
</div>
<h1 class="title" id="activity">近期活動</h1>
<div class="fade-up events-container"></div>
<h1 class="title" id="plans">近期計畫</h1>
<div class="fade-up plans-contaniner">
<div class="plan-item">
<p class="plan-status-active">
<i class="fa-solid fa-circle-check icon"></i>
進行中
</p>
<p>
APCS 模擬測驗 — 每月舉辦一場,讓即將參加 APCS
的考生可以透過模擬測驗更清楚自己練習方向。
</p>
</div>
<div class="plan-item">
<p class="plan-status-active">
<i class="fa-solid fa-circle-check icon"></i>
進行中
</p>
<p>
Stage 論壇 -
透過邀請不同的講者上台,討論不同的主題,讓聽眾可以瞭解到不同的領域。
</p>
</div>
<div class="plan-item">
<p class="plan-status-expired">
<i class="fa-solid fa-star icon"></i>
已完結
</p>
<p>
一日資訊體驗營 - 透過簡單的課程與實作,帶領大家一同探索資訊領域的奧秘。
</p>
</div>
<div class="plan-item">
<p class="plan-status-expired">
<i class="fa-solid fa-star icon"></i>
已完結
</p>
<p>
聯合程式競賽 -
透過程式競賽的方式,提升學生學習程式的動力以及提供一個給大家切磋能力的平台。
</p>
</div>
<div class="plan-item">
<p class="plan-status-expired">
<i class="fa-solid fa-star icon"></i>
已完結
</p>
<p>
THJCC 聯合CTF競賽,刺激又精彩的資安體驗活動。
</p>
</div>
<div class="plan-item">
<p class="plan-status-expired">
<i class="fa-solid fa-star icon"></i>
已完結
</p>
<p>2024 北四校資訊系列聯合課程</p>
</div>
</div>
<h1 class="title" id="clubs">合作社團</h1>
<div class="clubs">
<div class="fade-up clubs-row">
<div class="club-card">
<img
class="club-image"
src="assets/clubs/club_1.jpg"
alt="club-image"
/>
<div class="club-info">
<p class="club-school">Loading...</p>
<hr />
<p class="club-name">Loading...</p>
<div class="club-socials">
<a target="_blank" href="/" class="hidden"
><i class="fa-solid fa-globe"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-discord"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-instagram"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-facebook"></i
></a>
</div>
</div>
</div>
<div class="club-card">
<img
class="club-image"
src="assets/clubs/club_1.jpg"
alt="club-image"
/>
<div class="club-info">
<p class="club-school">Loading...</p>
<hr />
<p class="club-name">Loading...</p>
<div class="club-socials">
<a target="_blank" href="/" class="hidden"
><i class="fa-solid fa-globe"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-discord"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-instagram"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-facebook"></i
></a>
</div>
</div>
</div>
<div class="club-card">
<img
class="club-image"
src="assets/clubs/club_1.jpg"
alt="club-image"
/>
<div class="club-info">
<p class="club-school">Loading...</p>
<hr />
<p class="club-name">Loading...</p>
<div class="club-socials">
<a target="_blank" href="/" class="hidden"
><i class="fa-solid fa-globe"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-discord"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-instagram"></i
></a>
<a target="_blank" href="/" class="hidden"
><i class="fa-brands fa-facebook"></i
></a>
</div>
</div>
</div>
</div>
<div class="fade-up club-avatars"></div>
</div>
<h1 class="title" id="activity">合作申請</h1>
<div class="fade-up about-us">
<section>
<h2>誰可以申請</h2>
<p>
我們歡迎全臺的社團、社群與 SCINT
合作,不論你是北、中、南,或是非資訊類社團,我們都樂見於與各類組織共同促進資訊領域的交流與合作。
</p>
</section>
<section>
<h2>如何申請</h2>
<p>只需花五分鐘填寫下方表單即可完成合作申請:</p>
<div class="button-section">
<a href="https://join.scint.org" target="_blank">
<button class="btn">點我填寫申請表單</button>
</a>
</div>
</section>
</div>
<h1 class="title" id="sponsors">合作單位</h1>
<div class="fade-up sponsors"></div>
</div>
<template id="footer"></template>
</body>
</html>