-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (144 loc) · 7.08 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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>師大附中電算社 HSNU CRC</title>
<meta charset="utf-8" />
<meta name="description" content="師大附中電算社 HSNU CRC 46th 是一個以提升校內資訊教育水準為宗旨的學術社團，涵蓋 C++、Python 程式語言和 Discord 機器人開發，並定期舉辦各類活動，包括茶會、聯合迎新、秋烤、寒訓、靜態展和資訊營。">
<meta name="keywords" content="師大附中, 社團, 電算社, HSNU, CRC, C++, Python">
<meta name="google-site-verification" content="gMCGnyIdcwI3MDWuVJo62hlkq67vfQ7j_tD6zXTKL6s" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" href="images/crc.ico" type="image/x-icon" />
</head>
<body class="is-preload">
<!-- Background -->
<img
src="images/bg.jpg"
style="
position: fixed;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
"
/>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">師大附中電算社46TH</a></h1>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>師大附中電算社46TH</h2>
<p>歡迎加入電子計算機研究社！<br>讓你寫程式不再忐忑，也不再是你的軟肋！</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a class="image" target="_blank"><img src="images/pic01.jpg" alt="" /></a>
<div class="content">
<h2 class="major">PYTHON</h2>
<p>歡迎加入我們的 Python 班！這個課程專為完全沒有程式基礎的新手設計。上學期我們已經教了基本的輸入、迴圈、陣列與遞迴等基礎內容，而下學期將帶來更豐富的進階課程，等你一起挑戰與探索！</p>
<a href="https://hackmd.io/@ts-boring/B1E9Ji2hC" class="special" target="_blank">課程連結</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a class="image" target="_blank"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h2 class="major">C++</h2>
<p>歡迎加入我們的 C++ 班！如果你想挑戰 APCS 大學程式設計先修檢測或各類演算法競賽，那麼這個課程絕對是你的最佳選擇。心動不如行動，快來和我們一起踏上成為競程高手的旅程吧！</p>
<a href="https://hackmd.io/@Alvin70812/rkb-Zbw3A" class="special" target="_blank">課程連結</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a class="image" target="_blank"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h2 class="major">DISCORD 機器人小社課</h2>
<p>每週三晚上的小社課，帶領你用 Python 寫 Discord 機器人。課程中不僅能學到實用技能，還能與機研社的同學交流，提升程式開發能力。不要猶豫，快來一起學習吧！</p>
<a href="https://shark-speare.github.io/dcbot/" class="special" target="_blank">課程連結</a>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">活動</h2>
<p>附中電算不僅有充實的課程，我們還提供各式各樣的精彩活動，讓社員們能充分體驗社團的樂趣。例如：茶會、聯合迎新、秋烤、寒訓、靜態展、資訊營，讓你每個學期都能收穫滿滿！</p>
<section class="features">
<article>
<a class="image"><img src="images/pic04.jpg" alt="" /></a>
<h3 class="major">茶會</h3>
<p>暑假的幹部交接活動，透過經驗傳承與討論，培養新幹部領導與合作能力！</p>
</article>
<article>
<a class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">聯合迎新</h3>
<p>歡迎新成員的加入，讓大家彼此熟悉，打破陌生感，一同開啟程式語言的學習之旅！ </p>
</article>
<article>
<a class="image"><img src="images/pic06.jpg" alt="" /></a>
<h3 class="major">秋烤</h3>
<p>在天氣漸涼的秋天，我們會舉辦烤肉活動，讓你和社員們共度歡樂時光！ </p>
</article>
<article>
<a class="image"><img src="images/pic07.jpg" alt="" /></a>
<h3 class="major">寒訓</h3>
<p>把握寒假的時光，與社員們一起來個三天兩夜的旅行！ </p>
</article>
<article>
<a class="image"><img src="images/pic08.jpg" alt="" /></a>
<h3 class="major">靜態展</h3>
<p>學術性社團展現的機會，歡迎社員們加入籌備團隊，訓練辦活動的能力！ </p>
</article>
<article>
<a class="image"><img src="images/pic09.jpg" alt="" /></a>
<h3 class="major">資訊營</h3>
<p>社員們辦給未來學弟妹的營隊，也是電算社最大的活動！</p>
</article>
</section>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">聯絡我們</h2>
<!-- Contact -->
<ul class="contact">
<li class="icon solid fa-envelope"><a href="mailto:[email protected]" target="_blank">[email protected]</a></li>
<li class="icon brands fa-facebook-f"><a href="https://www.facebook.com/hsnu.computer.research.club/" target="_blank">師大附中電算社 HSNU CRC</a></li>
<li class="icon brands fa-instagram"><a href="https://www.instagram.com/hsnu_crc/" target="_blank">hsnu_crc</a></li>
</ul>
<!-- Copyright -->
<ul class="copyright">
<li>© 2025 HSNUCRC 師大附中電算社 46th</li><li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>