# Intro
:::info
共筆入口：https://hackmd.io/@NCUGC/5th
手機版請點選上方 <i class="fa fa-angle-double-right"></i> 按鈕展開共筆列表。
:::
:::danger
:warning: **社課資源僅供創遊社內成員使用，請勿擅自外傳。**
:::

<div class="jump"><div/>

---

<style>
.jump{
/* position: fixed; */
margin: 20px auto;
width: 11px;
height: 11px;
animation: shimmy 3s infinite;
animation-direction: alternate;
box-shadow: 0 10px 0 black,
10px 10px 0 black,
10px 20px 0 #FF9700,
0 20px 0 #FF9700,
30px 20px 0 #FF9700,
40px 20px 0 #FE5722,
50px 30px 0 #FE5722,
60px 50px 0 #FE5722,
60px 60px 0 #FE5722,
60px 70px 0 #FE5722,
30px 40px 0 #FF9700,
30px 30px 0 #FF9700,
30px 50px 0 #FF9700,
40px 30px 0 #FF9700,
40px 50px 0 #FF9700,
40px 60px 0 #FF9700,
40px 70px 0 #FF9700,
40px 80px 0 #FF9700,
40px 100px 0 #FE5722,
30px 110px 0 #FE5722,
40px 110px 0 #FE5722,
40px 120px 0 black,
50px 130px 0 black,
60px 120px 0 #FF9700,
20px 120px 0 #EEFF41,
30px 120px 0 #EEFF41,
30px 130px 0 #EEFF41,
30px 140px 0 #EEFF41,
20px 130px 0 #EEFF41,
40px 130px 0 #EEFF41,
40px 140px 0 #EEFF41,
40px 150px 0 #8BC24A,
50px 150px 0 #8BC24A,
50px 140px 0 #EEFF41,
50px 130px 0 #FE5722,
50px 120px 0 #FF9700,
40px 120px 0 #FF9700,
50px 110px 0 black,
50px 100px 0 #FE5722,
50px 90px 0 #FE5722,
50px 80px 0 #FE5722,
10px 60px 0 #fff,
10px 70px 0 black,
10px 80px 0 black,
20px 60px 0 black,
20px 70px 0 black,
20px 80px 0 black,
20px 90px 0 #FF9700,
20px 100px 0 #FE5722,
30px 100px 0 #FE5722,
10px 100px 0 #FE5722,
0px 60px 0 #FF9700,
0px 50px 0 #FF9700,
0px 70px 0 #FF9700,
0px 80px 0 #FF9700,
30px 80px 0 #FF9700,
30px 70px 0 #FF9700,
30px 60px 0 #FF9700,
0px 100px 0 #FE5722,
60px 80px 0 #FE5722,
60px 90px 0 #FE5722,
60px 100px 0 #FE5722,
60px 110px 0 #FE5722,
60px 120px 0 #FE5722,
60px 130px 0 #FE5722,
60px 140px 0 #FE5722,
60px 150px 0 #FE5722,
70px 150px 0 #FE5722,
70px 140px 0 #FE5722,
70px 130px 0 #FE5722,
70px 120px 0 #FE5722,
70px 110px 0 #FE5722,
70px 100px 0 #FE5722,
70px 90px 0 #FE5722,
70px 80px 0 #FE5722,
70px 70px 0 #FE5722,
80px 90px 0 #FE5722,
80px 100px 0 #FE5722,
80px 110px 0 #FE5722,
80px 120px 0 #FE5722,
80px 130px 0 #FE5722,
80px 140px 0 #FE5722,
80px 145px 0 #FE5722,
90px 140px 0 #FE5722,
90px 145px 0 #FE5722,
90px 130px 0 #FE5722,
90px 120px 0 #FE5722,
90px 110px 0 #FE5722,
90px 100px 0 #FE5722,
100px 130px 0 #FE5722,
100px 120px 0 #FE5722,
120px 120px 0 #FE5722,
120px 110px 0 #FE5722,
120px 130px 0 #FE5722,
130px 120px 0 #FF9700,
130px 110px 0 #FF9700,
130px 100px 0 #FF9700,
140px 100px 0 #FF9700,
140px 90px 0 #FF9700,
140px 80px 0 #EEFF41,
140px 70px 0 #EEFF41,
150px 70px 0 #EEFF41,
150px 60px 0 #EEFF41,
160px 60px 0 #DC2C00,
160px 70px 0 #DC2C00,
160px 50px 0 #DC2C00,
150px 50px 0 #FF9700,
140px 50px 0 #DC2C00,
150px 40px 0 #DC2C00,
150px 30px 0 #DC2C00,
140px 30px 0 #DC2C00,
140px 20px 0 #DC2C00,
140px 40px 0 #DC2C00,
140px 60px 0 #FF9700,
130px 60px 0 #DC2C00,
130px 70px 0 #DC2C00,
40px 90px 0 #FF9700,
50px 40px 0 #FF9700,
40px 40px 0 #FF9700,
50px 70px 0 #FF9700,
50px 60px 0 #FF9700,
50px 50px 0 #FF9700,
20px 20px 0 #FF9700,
20px 30px 0 #FF9700,
20px 40px 0 #FF9700,
20px 50px 0 #FF9700,
10px 50px 0 #FF9700,
10px 40px 0 #FF9700,
10px 30px 0 #FF9700,
0 30px 0 #FF9700,
0 40px 0 #FF9700,
-10px 30px 0 #FF9700,
-10px 40px 0 #FF9700,
-20px 50px 0 #FF9700,
-10px 50px 0 #FF9700,
-10px 60px 0 #FF9700,
-10px 70px 0 #FF9700,
-10px 80px 0 #FF9700,
-10px 90px 0 #FF9700,
-20px 60px 0 #FF9700,
-20px 70px 0 #FF9700,
-20px 80px 0 #FF9700,
-20px 90px 0 #FE5722,
-10px 90px 0 #FE5722,
0px 90px 0 #FF9700,
10px 90px 0 #FF9700,
30px 90px 0 #FF9700,
-30px 80px 0 #FF9700,
-30px 60px 0 #FF9700,
-30px 70px 0 #FF9700,
20px 10px 0 black,
30px 10px 0 black,
40px 10px 0 black,
50px 20px 0 black,
-10px 20px 0 black,
-20px 30px 0 black,
-20px 40px 0 black,
-30px 50px 0 black,
-40px 60px 0 black,
-40px 70px 0 black,
-40px 80px 0 black,
-30px 90px 0 black,
-20px 100px 0 black,
-10px 100px 0 black,
0 110px 0 black,
10px 110px 0 black,
20px 110px 0 black,
10px 120px 0 black,
10px 130px 0 black,
0 140px 0 black,
10px 150px 0 black,
20px 150px 0 black,
30px 150px 0 black,
20px 140px 0 black,
40px 160px 0 black,
50px 160px 0 black,
50px 170px 0 black,
60px 180px 0 black,
70px 180px 0 black,
80px 180px 0 black,
90px 170px 0 black,
90px 160px 0 black,
80px 160px 0 black,
70px 160px 0 #FE5722,
70px 170px 0 #FE5722,
80px 150px 0 #FE5722,
90px 150px 0 black,
100px 140px 0 black,
100px 150px 0 black,
60px 160px 0 black,
60px 30px 0 black,
60px 40px 0 black,
70px 50px 0 black,
70px 60px 0 black,
80px 70px 0 black,
80px 80px 0 black,
90px 90px 0 black,
100px 100px 0 black,
100px 110px 0 black,
110px 110px 0 black,
110px 120px 0 black,
110px 130px 0 black,
110px 140px 0 black,
120px 140px 0 black,
130px 130px 0 black,
140px 120px 0 black,
140px 110px 0 black,
150px 100px 0 black,
150px 90px 0 black,
150px 80px 0 grey,
160px 80px 0 black,
170px 70px 0 black,
170px 60px 0 black,
170px 50px 0 black,
160px 40px 0 black,
160px 30px 0 black,
150px 20px 0 black,
140px 10px 0 black,
130px 20px 0 black,
130px 30px 0 black,
130px 40px 0 black,
130px 50px 0 black,
120px 60px 0 black,
120px 70px 0 black,
130px 80px 0 black,
130px 90px 0 black,
120px 100px 0 black;

}

@keyframes shimmy {

0% {
transform: translate(-10vw, 10vh);
}

50%{
transform: translate(-10vw, 0vh);
}

100% {
transform: translate(-10vw, 10vh);
}
}