diff --git a/components/About.tsx b/components/About.tsx index 0310fbb..12d9a01 100644 --- a/components/About.tsx +++ b/components/About.tsx @@ -18,11 +18,14 @@ function AboutContent({ children }: { children: React.ReactNode }) { } export default function About() { return ( -
+
關於 SITCON - SITCON 學生計算機年會是由學生自發舉辦，投身學生資訊教育與推廣開源精神的社群， 也是一個由學生主辦、學生擔任講者、以學生為主軸的資訊研討會，給學生們一個發表交流技術的舞台。 除了技術研討之外，還有許多從學生角度出發的經驗分享、專題研究成果或探討學生相關議題等等議程。我們也曾舉辦黑客松、工作坊，和各地學校社團舉辦聯合講座等等。 + SITCON + 學生計算機年會是由學生自發舉辦，投身學生資訊教育與推廣開源精神的社群， + 也是一個由學生主辦、學生擔任講者、以學生為主軸的資訊研討會，給學生們一個發表交流技術的舞台。 + 除了技術研討之外，還有許多從學生角度出發的經驗分享、專題研究成果或探討學生相關議題等等議程。我們也曾舉辦黑客松、工作坊，和各地學校社團舉辦聯合講座等等。
{" "} @@ -37,8 +40,10 @@ export default function About() { Code of Conduct - SITCON 歡迎不同身分、來自不同背景的與會者，也非常鼓勵女性、性少數與多元背景的參與者。為了讓大家都能愉快的參加 SITCON，我們要求所有參與者閱讀社群的的行為準則（Code of Conduct），共同創造一個友善的環境。 - {" "} + SITCON + 歡迎不同身分、來自不同背景的與會者，也非常鼓勵女性、性少數與多元背景的參與者。為了讓大家都能愉快的參加 + SITCON，我們要求所有參與者閱讀社群的的行為準則（Code of + Conduct），共同創造一個友善的環境。{" "} 行為準則（Code of Conduct） diff --git a/components/Events.tsx b/components/Events.tsx index b90153d..a5d5191 100644 --- a/components/Events.tsx +++ b/components/Events.tsx @@ -3,9 +3,7 @@ import TimeTable from "./TimeTable"; export function EventTitle({ children }: { children: React.ReactNode }) { return (

-
- {children} -
+
{children}

); } @@ -19,7 +17,9 @@ export function EventBox({ children }: { children: React.ReactNode }) { whileInView={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: 20 }} transition={{ ease: "easeOut", duration: 0.3 }} - className={"pb-6 px-6 rounded-[5rem] bg-white relative mb-[2rem] shadow-2xl h-full z-50"} + className={ + "pb-6 px-6 rounded-[5rem] bg-white relative mb-[2rem] shadow-2xl h-full z-50" + } > {children} @@ -27,102 +27,155 @@ export function EventBox({ children }: { children: React.ReactNode }) { } export function EventImg({ src }: { src: string }) { return ( - {"Event + {"Event ); } export default function Events() { return ( -
-
-
- sitcon1 -

課程活動

- sitcon2 +
+
+
+
+ + sitcon1 + +

課程活動

+ + sitcon2 + +
+ +
+ +
+
+
+ + + 主線課程 + 主線課程 + + 講師們會帶著大家從零開始認識 Python，從基礎語法、各種資料結構，到 + function、套件管理，最終目標是做出屬於自己的 Telegram 聊天機器人！ +
+
+ 在課程中，透過講師的精心準備的課程，穿插多個動手實作練習，並即時搭配多位助教及講師的協助，確保每位學員都能夠得到充分的關注和指導，讓每一位學員都可以跟上課程進度，並且在課程中不斷進步。 + + + + +
+
+
+ + + Ｈackathon + Hackathon + + 黑客松（Hackathon）是「黑客」（Hack；原指早期為電腦系統找尋不完美的地方，或是探索不同的解法，來改善電腦系統）與「馬拉松」（Marathon）的組合字，顧名思義，也就像是程式設計、工程界的馬拉松：由有興趣的一群人在有限的時間內，發揮自己的專長做出一個有特色的專案。 + + + + +
+
+
+ + + 廣度課程 + 廣度課程 + + 為避免單一的教學方式限制了學員對資訊領域的視野，夏令營在設計時，特別安排了廣度課程。讓學員在學習基礎課程之餘，也能學到資訊領域的其他層面，增加自身資訊技能的廣度。其中，我們邀請到了許多在資訊圈打滾多年的權威人士分享自身經驗，期許能為迷茫中的學員，點亮未來的一盞明燈，找到屬於自己的資訊路。 + + + + +
+
+
+ + + 視界咖啡館 + 視界咖啡館 + + 視界咖啡館參考自世界咖啡館（The World + Café），在本次夏令營中，我們邀請到各領域及社群知名前輩，將傳統座談會形式改以聊天的樣貌呈現。學員可以與資訊界的名人們近距離互動，期望透過縮短講者與學員之間的距離，講者可以更針對學員給出建議，也鼓勵學員踴躍提問、參與，進而產生良好的雙向交流。 + + + + +
+
+
+ + + 開源精神與社群 + 開源精神與社群 + + 開源精神短講將邀請在開源社群中活躍多年的前輩，期許能夠透過前輩的經驗分享來讓學員更加認識開源（Open + Source），並鼓勵學員參與往後的社群活動。同時，我們也會邀請許多和資訊相關的社群前來擺攤，藉由互動遊戲、影片欣賞、專人介紹、闖關集點...等方式，讓學員認識所謂的「社群」，並對開源活動有初步了解。 + + + + +
+
+
+ + + 闖關活動 + 闖關活動 + + 在遊戲中融入程式，讓夏令營的學員們可以在團隊合作中，一起享受解謎的樂趣和刺激，同時學習更多元的知識內容。有趣的故事和豐富的解謎，歡迎挑戰！ + + +
- -
- -
-
-
- - - 主線課程 - 主線課程 - - 講師們會帶著大家從零開始認識 Python，從基礎語法、各種資料結構，到 function、套件管理，最終目標是做出屬於自己的 Telegram 聊天機器人！ -
-
- 在課程中，透過講師的精心準備的課程，穿插多個動手實作練習，並即時搭配多位助教及講師的協助，確保每位學員都能夠得到充分的關注和指導，讓每一位學員都可以跟上課程進度，並且在課程中不斷進步。 - - - - -
-
-
- - - Ｈackathon - Hackathon - - 黑客松（Hackathon）是「黑客」（Hack；原指早期為電腦系統找尋不完美的地方，或是探索不同的解法，來改善電腦系統）與「馬拉松」（Marathon）的組合字，顧名思義，也就像是程式設計、工程界的馬拉松：由有興趣的一群人在有限的時間內，發揮自己的專長做出一個有特色的專案。 - - - - -
-
-
- - - 廣度課程 - 廣度課程 - - 為避免單一的教學方式限制了學員對資訊領域的視野，夏令營在設計時，特別安排了廣度課程。讓學員在學習基礎課程之餘，也能學到資訊領域的其他層面，增加自身資訊技能的廣度。其中，我們邀請到了許多在資訊圈打滾多年的權威人士分享自身經驗，期許能為迷茫中的學員，點亮未來的一盞明燈，找到屬於自己的資訊路。 - - - - -
-
-
- - - 視界咖啡館 - 視界咖啡館 - - 視界咖啡館參考自世界咖啡館（The World Café），在本次夏令營中，我們邀請到各領域及社群知名前輩，將傳統座談會形式改以聊天的樣貌呈現。學員可以與資訊界的名人們近距離互動，期望透過縮短講者與學員之間的距離，講者可以更針對學員給出建議，也鼓勵學員踴躍提問、參與，進而產生良好的雙向交流。 - - - - -
-
-
- - - 開源精神與社群 - 開源精神與社群 - - 開源精神短講將邀請在開源社群中活躍多年的前輩，期許能夠透過前輩的經驗分享來讓學員更加認識開源（Open Source），並鼓勵學員參與往後的社群活動。同時，我們也會邀請許多和資訊相關的社群前來擺攤，藉由互動遊戲、影片欣賞、專人介紹、闖關集點...等方式，讓學員認識所謂的「社群」，並對開源活動有初步了解。 - - - - -
-
-
- - - 闖關活動 - 闖關活動 - - 在遊戲中融入程式，讓夏令營的學員們可以在團隊合作中，一起享受解謎的樂趣和刺激，同時學習更多元的知識內容。有趣的故事和豐富的解謎，歡迎挑戰！ - - - -
+
); } diff --git a/components/Intro.tsx b/components/Intro.tsx index 119e1bf..1d3e531 100644 --- a/components/Intro.tsx +++ b/components/Intro.tsx @@ -4,60 +4,62 @@ import { motion } from "framer-motion"; export default function Intro() { return ( <> -
- - 樂趣之餘，不忘學習 - - - 由資訊社群所打造，超高知識含量的夏令營 - -
- +
+ - 有鑑於資訊領域逐漸成為科技時代的重要學門，社群與開源精神亦持續抬頭，SITCON - 團隊認為將資訊教育向下扎根，為在資訊科學領域有興趣的學生提供一個親切而良好的機會入門，並播灑開源種子，是一件相當重要且值得去做的事情。 -
-
- 2014 年至今，SITCON - 夏令營已將邁入第八屆，在此之前營隊的課程內容涵蓋開放原始碼、資訊安全、Maker、Python、後端的 - Node.js、前端的資料爬蟲、視覺化、Telegram bot - 等。另外更有社群闖關、視界咖啡館、黑客松等活動，讓學員充分吸收新知、動手實作、尋找自己的愛好及興趣，進而加入我們一起推動 - Open Source。 -
-
- 今年 SITCON 夏令營將於陽明交通大學光復校區舉辦，以「拉麵加點 - source，麵向開源界」為主軸。正如同拉麵的麵條和配料可以隨個人喜好自由搭配組合，在程式設計中也可以讓每個人根據自己的想法和需求，選用不同的程式模組和元件，打造獨一無二的作品。透過兩者結合，傳達開源及資訊的無限可能性，在動手實作的過程中，激發創意靈感，發掘個人興趣所在，進而體會開源的樂趣與價值。 - - SITCON Camp Image -
-
- - + 樂趣之餘，不忘學習 + + + 由資訊社群所打造，超高知識含量的夏令營 + +
+ + 有鑑於資訊領域逐漸成為科技時代的重要學門，社群與開源精神亦持續抬頭，SITCON + 團隊認為將資訊教育向下扎根，為在資訊科學領域有興趣的學生提供一個親切而良好的機會入門，並播灑開源種子，是一件相當重要且值得去做的事情。 +
+
+ 2014 年至今，SITCON + 夏令營已將邁入第八屆，在此之前營隊的課程內容涵蓋開放原始碼、資訊安全、Maker、Python、後端的 + Node.js、前端的資料爬蟲、視覺化、Telegram bot + 等。另外更有社群闖關、視界咖啡館、黑客松等活動，讓學員充分吸收新知、動手實作、尋找自己的愛好及興趣，進而加入我們一起推動 + Open Source。 +
+
+ 今年 SITCON 夏令營將於陽明交通大學光復校區舉辦，以「拉麵加點 + source，麵向開源界」為主軸。正如同拉麵的麵條和配料可以隨個人喜好自由搭配組合，在程式設計中也可以讓每個人根據自己的想法和需求，選用不同的程式模組和元件，打造獨一無二的作品。透過兩者結合，傳達開源及資訊的無限可能性，在動手實作的過程中，激發創意靈感，發掘個人興趣所在，進而體會開源的樂趣與價值。 + + SITCON Camp Image +
+
+ + +