<style>

/*------------------ 背景顏色 -----------------*/
html, body, .ui-content {
background-color: #333;
color: #ddd;
}
/*------------------ ˇ背景顏色 -----------------*/

/*------------------ 清單樣式 -----------------*/
div.list {
font-style: italic;
counter-reset: list-number;

margin: auto;
margin-top: 40px;
margin-bottom: 40px;
width: 200px;
}

div.list br {
margin-right: 20px;
}
div.list div:before {
counter-increment: list-number;
content: counter(list-number) ;
margin-right: 10px;
margin-bottom:10px;
margin-top:10px;
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content: center;
font-size:12px;
background-color: white;
border-radius:50%;
color:black;
}

/*------------------ 清單樣式 -----------------*/

/*------------------ 標題樣式 -----------------*/
h1, h2,h3 {
text-align: center;
}
/*------------------ 標題樣式 -----------------*/

/*------------------ 其他 -----------------*/
div.center_div {
text-align: left;
width: 70%;
margin:auto;
margin-top: 20px;
margin-bottom: 20px;
}
/*------------------ 其他 -----------------*/

</style>

# 招生宣傳

## 社團介紹

<h3>資訊研討社</h3>

$\qquad$資研社是一個學習型的社團，我們將嘗試透過簡單的方式來讓大家能夠扎實且有效率的學習一門程式語言 <i>python</i>，並且在對其有一定程度的了解之下，能夠自己動手實作出簡單的 <i>python</i> 應用。

## 課程規劃

::: success
<div style="text-align:center;">
<strong>上學期</strong>
</div>
:::

<div class="list">
<div> 基本資料型態&變數 </div>
<div> 字串 <strong>string</strong> </div>
<div> 函式 <strong>function</strong> </div>
<div> 條件判斷句 <strong>if</strong> </div>
<div> 迴圈(1) <strong>while</strong> </div>
<div> 迴圈(2) <strong>for</strong> </div>
<div> 資料結構 </div>
</div>

::: success
<div style="text-align:center;">
<strong>下學期</strong>
</div>
:::

<!--
<div class="center_div">
下學期時，我們會讓同學們投票挑選主題來教，目前有以下幾種方案 <br>
<i>ps.</i> 想要學什麼都可以說，<s>學術長會cover一切的</s> <br>
</div>
-->
<!--

<font size=5 color=red>公告：由於下學期課程偏難，<s>且學術長很有空</s>，因此將全程交給學術長發揮</font>

-->
<div class="list">
<div>AI學習-手寫數字辨識</div>
<div>遊戲製作-pygame</div>
<div>AI學習-手寫數字辨識</div>
</div>

</div></div>

## 來自教學長的話
<!--
:::success
<font size=6 color=greem>$$\displaystyle教學長好電$$</font>
:::
:::warning
<font size=6 color=red>$$\displaystyle教學長好電$$</font>
:::
:::info
<font size=6 color=blue>$$\displaystyle教學長好電$$</font>
:::
-->

$\qquad$歡迎大家選擇資訊研究社，在這一學年中，我會盡我所能教會你們我會的東西(可能很少)，也請大家多多包涵我不怎麼樣的教學。另外，在教學時遇到不會的問題時，請勇於提出，我們很電的**學術長**會很樂意地幫您解答<!--:POOP:-->

:::spoiler 關於學術長01
<div class="center_div">

如果你想學會如何實作貪吃蛇，前面左轉，找到學術長就對了
<i>ps:</i>他可是用了三種語言寫出貪吃蛇喔

</div>
<!-- 她第一句太近了，間距不泰隊-->
:::

:::spoiler 關於學術長02
<div class="center_div">
學術長可是程式設計班的進階教學，據說是APCS 5/5 的電神
</div>

:::

:::spoiler 關於學術長03
<div class="center_div">
不僅如此，他還曾實作過辨認手寫數字的AI
</div>
:::

:::spoiler 關於學術長04
<div class="center_div">
這位學術長100分鐘就學會傅立葉變換。
</div>
:::

:::spoiler 關於學術長--總結
<div class="center_div">
若是你有數學、物理、資訊方面的疑難雜症全都可以找學術長<br>
<i>ps.</i>若是想問國文相關問題，請三思。
</div>
:::

<!--
:::spoiler 關於學術長03
每次都被教學長打爛 :poop: 並沒有
:::-->
## 來自學術長的話
$\qquad$我非常喜歡思考，所以不需要在意題目的難度，只要你問出來，我就會努力給出一個好的解答(國文不行，我可能都在唬爛)，我也會盡我所能的<strong>輔助教學長</strong>，讓課程可以儘量的淺顯易懂，接下來就是讚嘆教學長的時間了。

:::spoiler 關於教學長(1)
<div class="center_div">
教學長可是常年霸佔班級第一名的位置，校排也是用手可以數的出來，他國中的校排加起來可能還比我考一次的少
</div>
:::

:::spoiler 關於教學長(2)
<div class="center_div">
教學長參加清大物陪 orz<br>
是"培"喔 (<i>by</i> 教學長)
</div>
:::

:::spoiler 關於教學長(3)
<div class="center_div">
學習速度超快，再過一陣子我就要被電爛了 :poop:
</div>
:::
:::spoiler 關於教學長總結
<div class="center_div">
無論有什麼問題， <br/>
問教學長就對了， <br/>
從國文到數學，<br/>
歷史到生物，<br/>
地心到宇宙，<br/>
只要你問的出來的，教學長都可以給你解答。
</div>
:::
<!--
我們很電的教學長O會很樂意地幫您解答

不要說謊

作弊
沒有啊，這是我的畫 :poop:-->

## 有關學術長做的事情

- 一周內寫出MINST手寫數字辨識
- APCS 觀念5 實作5
- 用C++、python、javascript寫出貪吃蛇
- 將自己的貪吃蛇實作過程當作音樂課的才藝表演
- 開設自己的[Youtube頻道](https://www.youtube.com/channel/UCUmniVt3CgQWAM3sA_CQbbg)
- 花了好久學Latex，然後做出了[神奇的東東](https://drive.google.com/file/d/1bffVLEyOO13G6bTZ6GdiAvPPvZjBXBuU/preview)$\qquad$<strong>警告：有毒</strong>

:::info
<center>
<strong>
<font size=6 color=blue>招 招 招 招 招 招 招 招 招</font> <br>
<font size=6 color=blue>生 生 生 生 生 生 生 生 生</font> <br>
<font size=6 color=blue>宣 宣 宣 宣 宣 宣 宣 宣 宣</font> <br>
<font size=6 color=blue>傳 傳 傳 傳 傳 傳 傳 傳 傳</font> <br>
<font size=6 color=blue>至 至 至 至 至 至 至 至 至</font> <br>
<font size=6 color=blue>此 此 此 此 此 此 此 此 此</font> <br>
<font size=6 color=blue>結 結 結 結 結 結 結 結 結</font> <br>
<font size=6 color=blue>束 束 束 束 束 束 束 束 束</font> <br>
<font size=6 color=blue>， ， ， ， ， ， ， ， ，</font> <br>
<font size=6 color=blue>謝 謝 謝 謝 謝 謝 謝 謝 謝</font> <br>
<font size=6 color=blue>謝 謝 謝 謝 謝 謝 謝 謝 謝</font> <br>
<font size=6 color=blue>觀 觀 觀 觀 觀 觀 觀 觀 觀</font> <br>
<font size=6 color=blue>看 看 看 看 看 看 看 看 看</font> <br>
</strong>
</center>

:::
<!-- 條一下顏色吧，紅色好像有點刺眼 :poop: -->

你以為這樣學術長就會罷休嗎?
想太簡單了，
當然是直接強迫觀看 :poop:

:::spoiler 怕被罵所以放這邊
<center>
<iframe src="https://drive.google.com/file/d/1bffVLEyOO13G6bTZ6GdiAvPPvZjBXBuU/preview" width=70% height=750px>

</iframe>
</center>
:::

:::spoiler 備註
<div class="center_div">
這份可能是學術長的多元表現
</div>
:::

### 如果時間夠讓我做完的話其實應該還有

<hr>

<div class="list">
<div>
python 動畫
</div>
<div>
javascript, html, css 探索(我好爛，不太熟悉)
</div>
<div>
AI
</div>
<div>
應用程式
</div>
</div>

</div>

以上都是可以在下學期選擇的(我會要求教學長學 :poop:，他很電，大概只要我的$\frac{1}{3}$的時間就可以學會了)
~~不要剝奪我僅剩的快樂時間:poop:~~ (<i>by 教學長</i>)

<font size=5 color=red>警告：請勿在資研社宣傳介紹中進行學習歷程成果發表等諸如此類的行為</font>
<s>這樣很賺ㄟ
既可以招生
又可以多一個學習歷程
</s>