Skip to content

Commit b52ddce

Browse files
xAdb2xAdb2
committed
Add 章程.
1 parent ae7ae61 commit b52ddce

File tree

3 files changed

+215
-2
lines changed

3 files changed

+215
-2
lines changed

‎src/component/Navbar.tsx‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,13 @@ export function Navbar() {
1313
label: "成員 Members",
1414
onClick: () => navigate("/Member"),
1515
},
16+
{
17+
key: "Articles of Association",
18+
label: "組織章程 Articles of Association",
19+
onClick: () => navigate("/ArticlesofAssociation"),
20+
}
1621
],
1722
},
18-
1923
{
2024
key: "news",
2125
label: "消息 News",

‎src/main.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import "../src/index.css";
1212
import { Home } from "./page/Home.tsx";
1313
import { ConfigProvider } from "antd";
1414
import { Member } from "./page/Member.tsx";
15+
import { ArticlesofAssociation } from "./page/ArticlesofAssociation.tsx";
1516
import { Alumni } from "./page/Alumni.tsx";
1617
import { Partner } from "./page/Partner.tsx";
1718
import { Sponsors } from "./page/Sponsors.tsx";
@@ -100,7 +101,7 @@ const router = createHashRouter(
100101
<Route path="/Member/2025/Ting" element={<TingMemberPage />}></Route>
101102
<Route path="/Member/2025/Yunung" element={<YunungMemberPage />}></Route>
102103
<Route path="/Member/2025/Victor" element={<VictorMemberPage />}></Route>
103-
104+
<Route path="/ArticlesofAssociation" element={<ArticlesofAssociation></ArticlesofAssociation>}></Route>
104105
<Route path="/Alumni" element={<Alumni></Alumni>}></Route>
105106
<Route path="/Partner" element={<Partner></Partner>}></Route>
106107
<Route path="/Sponsors" element={<Sponsors></Sponsors>}></Route>

‎src/page/ArticlesofAssociation.tsx‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
import React from 'react';
2+
3+
export function ArticlesofAssociation() {
4+
// 定義樣式物件 (Styles)
5+
const styles = {
6+
container: {
7+
backgroundColor: '#121212', // 深色背景
8+
color: '#E0E0E0', // 淺灰文字，比純白不刺眼
9+
fontFamily: "'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
10+
lineHeight: '1.6',
11+
padding: '2rem',
12+
minHeight: '100vh',
13+
},
14+
paper: {
15+
maxWidth: '900px',
16+
margin: '0 auto',
17+
backgroundColor: '#1E1E1E', // 卡片背景略淺於底色
18+
padding: '3rem',
19+
borderRadius: '8px',
20+
boxShadow: '0 4px 20px rgba(0, 0, 0, 0.5)',
21+
borderTop: '4px solid #D32F2F', // 頂部紅色裝飾條
22+
},
23+
mainTitle: {
24+
textAlign: 'center',
25+
color: '#FF5252', // 鮮亮的資安紅
26+
borderBottom: '1px solid #333',
27+
paddingBottom: '1.5rem',
28+
marginBottom: '2rem',
29+
fontSize: '2rem',
30+
fontWeight: 'bold',
31+
},
32+
chapterTitle: {
33+
color: '#FF5252',
34+
fontSize: '1.5rem',
35+
marginTop: '2.5rem',
36+
marginBottom: '1rem',
37+
borderLeft: '4px solid #D32F2F',
38+
paddingLeft: '1rem',
39+
backgroundColor: 'rgba(211, 47, 47, 0.1)', // 標題背景淡紅
40+
padding: '0.5rem 1rem',
41+
},
42+
articleTitle: {
43+
color: '#FFFFFF',
44+
fontSize: '1.2rem',
45+
marginTop: '1.5rem',
46+
marginBottom: '0.8rem',
47+
fontWeight: '600',
48+
display: 'flex',
49+
alignItems: 'center',
50+
},
51+
paragraph: {
52+
marginBottom: '1rem',
53+
color: '#CCCCCC',
54+
textAlign: 'justify',
55+
},
56+
list: {
57+
paddingLeft: '1.5rem',
58+
marginBottom: '1rem',
59+
},
60+
listItem: {
61+
marginBottom: '0.8rem',
62+
},
63+
highlightTerm: {
64+
color: '#FF8A80', // 關鍵字亮色
65+
fontWeight: 'bold',
66+
display: 'block', // 讓標題獨佔一行
67+
marginBottom: '0.25rem',
68+
},
69+
footer: {
70+
marginTop: '4rem',
71+
paddingTop: '2rem',
72+
borderTop: '1px solid #333',
73+
fontSize: '0.9rem',
74+
color: '#888',
75+
textAlign: 'right',
76+
}
77+
};
78+
79+
return (
80+
<div style={styles.container}>
81+
<div style={styles.paper}>
82+
<h1 style={styles.mainTitle}>國立臺北科技大學 is1ab club 組織章程</h1>
83+
84+
{/* 第一章 */}
85+
<h2 style={styles.chapterTitle}>第一章 總則</h2>
86+
87+
<h3 style={styles.articleTitle}>第一條 本社群定名</h3>
88+
<p style={styles.paragraph}>
89+
本社群定名為 <strong>is1ab club</strong>，社團定名 <strong>is1ab club</strong>（以下簡稱本社）。
90+
</p>
91+
92+
<ul style={styles.list}>
93+
<li style={styles.listItem}>
94+
<span style={styles.highlightTerm}>is1ab club 是什麼</span>
95+
<p style={styles.paragraph}>為一般性學生學術服務性社團組織，希望把實驗室的資源帶給更多對資安有興趣的人，出發致力於幫助學校辦理資安週等相關活動，提升學生的資安意識。並協助本校同學建立資安能力，建立學習與交流的友善社群環境。</p>
96+
</li>
97+
<li style={styles.listItem}>
98+
<span style={styles.highlightTerm}>is1ab club 計畫理念</span>
99+
<p style={styles.paragraph}>本社主要以在校園內推廣資訊安全概念，授之以社員，並積極參加校內外資安議程志工、資安社群等活動比賽，目的為提升社員的資安能力。讓社員將在社團所學回饋於學校、社會。除了讓校園內能夠擁有良好的學習空間，也推廣並實踐資安教育，將教育資源落實到更多資源不足的群體。</p>
100+
</li>
101+
<li style={styles.listItem}>
102+
<span style={styles.highlightTerm}>is1ab club 計畫簡介</span>
103+
<p style={styles.paragraph}>每年協助 北科大/北聯大 舉辦資安 CTF 大型賽事，並承辦校內資安相關活動。暑假期間提供國內學校單位資安宣導與技術協助服務。每月定期舉辦讀書會，分享研究與技術成果。不定期與國內知名資安企業交流，提升實務經驗與人脈。</p>
104+
</li>
105+
</ul>
106+
107+
{/* 第二章 */}
108+
<h2 style={styles.chapterTitle}>第二章 社員資格</h2>
109+
<h3 style={styles.articleTitle}>第一條 社員資格</h3>
110+
<ul style={styles.list}>
111+
<li style={styles.listItem}>學校任何人皆可參加。</li>
112+
<li style={styles.listItem}>校外任何有興趣的人不分年級皆可加入。</li>
113+
</ul>
114+
115+
{/* 第三章 */}
116+
<h2 style={styles.chapterTitle}>第三章 社員之權利與義務</h2>
117+
<div style={{display: 'grid', gridTemplateColumns: '1fr', gap: '1rem'}}>
118+
<div>
119+
<h3 style={styles.articleTitle}>第一條 凡本社社員均享有下列權利</h3>
120+
<ul style={styles.list}>
121+
<li style={styles.listItem}>擔任本社幹部之權利。</li>
122+
<li style={styles.listItem}>投票權。</li>
123+
<li style={styles.listItem}>優先使用本社資源之權利。</li>
124+
<li style={styles.listItem}>優先參加本社舉辦活動之權利。</li>
125+
</ul>
126+
</div>
127+
<div>
128+
<h3 style={styles.articleTitle}>第二條 凡本社社員均應盡下列義務</h3>
129+
<ul style={styles.list}>
130+
<li style={styles.listItem}>懷抱熱誠參與社團任何活動。</li>
131+
<li style={styles.listItem}>與其他社員交流共進步。</li>
132+
<li style={styles.listItem}>珍惜一切資源、課程及活動。</li>
133+
<li style={styles.listItem}>不可破壞本社名譽。</li>
134+
<li style={styles.listItem}>遵守本社一切規則。</li>
135+
</ul>
136+
</div>
137+
</div>
138+
139+
{/* 第四章 */}
140+
<h2 style={styles.chapterTitle}>第四章 組織權限與任期</h2>
141+
142+
<h3 style={styles.articleTitle}>第一條</h3>
143+
<p style={styles.paragraph}>本社常置社長一人、副社長一人。</p>
144+
145+
<h3 style={styles.articleTitle}>第二條 社長及副社長之權限</h3>
146+
<ul style={styles.list}>
147+
<li style={styles.listItem}>社長對外代表本社，對內綜理社務並協調各組別工作。</li>
148+
<li style={styles.listItem}>副社長協助社長執行職務。</li>
149+
<li style={styles.listItem}>社長、副社長擁有調整本社幹部職位和工作之權利。</li>
150+
</ul>
151+
152+
<h3 style={styles.articleTitle}>第三條 本社設下重要幹部。其各職權如下</h3>
153+
<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))', gap: '1rem'}}>
154+
{[
155+
{role: "教學", desc: "計畫並執行定期的教學練習，策劃觀摩以及各種講座，安排學期課表。"},
156+
{role: "公關", desc: "負責本社對外相關宣傳、募款、交流等等事宜，定期發佈社群貼文限動。"},
157+
{role: "宣傳", desc: "製作海報、傳單等等以推廣本社。"},
158+
{role: "總務", desc: "保管社團之存摺，負責社團的經費控管支出與收入透明化。"},
159+
{role: "秘書", desc: "負責協助社長推動社團事務，且負責記錄會議之紙本及電子檔，製作社團於學期中之行事曆及活動。"},
160+
{role: "場地", desc: "負責租借上課教室等事宜。"},
161+
{role: "器材", desc: "保存社內資產，比賽其中負責保管錄影機，筆電，印表機，錄音筆等貴重物品之保管者。"},
162+
{role: "活動", desc: "負責本社資安競賽之建立與安排。"}
163+
].map((item, index) => (
164+
<div key={index} style={{backgroundColor: '#252525', padding: '1rem', borderRadius: '4px', borderLeft: '2px solid #555'}}>
165+
<span style={styles.highlightTerm}>{item.role}</span>
166+
<span style={{fontSize: '0.9rem', color: '#bbb'}}>{item.desc}</span>
167+
</div>
168+
))}
169+
</div>
170+
171+
<h3 style={styles.articleTitle}>第四條</h3>
172+
<p style={styles.paragraph}>社長、副社長與各重要幹部任期均為一年，一學年改選一次，連選得連任。</p>
173+
174+
<h3 style={styles.articleTitle}>第五條</h3>
175+
<p style={styles.paragraph}>幹部罷免須由社員進行投票，達三分之二同意票數，即通過。</p>
176+
177+
{/* 第五章 */}
178+
<h2 style={styles.chapterTitle}>第五章 本社經費來源</h2>
179+
<h3 style={styles.articleTitle}>第一條</h3>
180+
<p style={styles.paragraph}>本社為志工向，不收取社費。</p>
181+
<h3 style={styles.articleTitle}>第二條</h3>
182+
<p style={styles.paragraph}>根據服務性質、活動性質校友不定期贊助。</p>
183+
184+
{/* 第六章 */}
185+
<h2 style={styles.chapterTitle}>第六章 社員大會</h2>
186+
<h3 style={styles.articleTitle}>第一條</h3>
187+
<p style={styles.paragraph}>社員大會由全體社員組成，為本社最高權力機構。但日常事務由幹部會議議決執行之。</p>
188+
189+
<h3 style={styles.articleTitle}>第二條 社員大會之職權如下</h3>
190+
<ul style={styles.list}>
191+
<li style={styles.listItem}>選舉社長（副社長）及各重要幹部。</li>
192+
<li style={styles.listItem}>修改本社組織章程。</li>
193+
<li style={styles.listItem}>議決重要事項。</li>
194+
</ul>
195+
196+
<h3 style={styles.articleTitle}>第三條</h3>
197+
<p style={styles.paragraph}>每學期舉辦兩次時間於期中後一週與期末後一週。</p>
198+
199+
{/* Footer */}
200+
<div style={styles.footer}>
201+
<p>章程訂立日期為中華民國114年10月12日（幹部會議）</p>
202+
<p>章程修訂日期為中華民國114年11月28日（期中社員大會）</p>
203+
<p>章程最後修改日期為中華民國114年11月28日</p>
204+
</div>
205+
</div>
206+
</div>
207+
);
208+
}

0 commit comments

Comments
 (0)