Folder:resized_images/ 放網頁會用到的圖檔 favicon_io/是網頁tab icon圖檔 icon/則是網頁內的icon圖檔
html:index.html
Css:index.css
js:index.js canvas.js emailJS套件 和下面1-4點程式碼套件
參考其他網頁設計後開始自己的設計
HTML是自己手動刻
CSS也是自己寫為主，以下有列出來的1-4點有參考css程式碼，或是不會的語法會用參考其他教學網站 codepen範例進行修改
js的部分也是以下1-4點參考，但都有因為自己的用途修改程式碼
原本有已經做好第一版了，一開始設計稿也是以第一版為主，以球體動畫為主軸，
github網址：https://github.com/yichiehliu/ycliu.github.io
但後來覺得太醜，於是全部砍掉重寫
後來寫的第二版才是現在連結到的版本
第一版設計：
https://excalidraw.com/#json=5660845757431808,QTwDapHgQiGk1C4G_wdBag
第二版設計：
https://www.figma.com/file/VglTf4p6DWG1zpmgGFoUMl/Untitled?node-id=0%3A1
內容分為六個部分
0.Header:Logo在滑鼠滑過會跳起，旁邊a標籤會跳轉至下面對應的部分
1.About: 主頁，利用scrollma做淡入特效
2.Projects:Show出我做過相關project的主題，上面有對應主題的icon，點view more可以連結到專案的github網址
3.Internships: 利用scrollma Show出我的實習經歷和照片
4.Activity: Show出我曾經參加的活動和簡述，圖片會放大縮小，點圖片可以連結到相應的活動網址或粉專
5.Contact:可以利用表單聯繫我，會由EmailJS的服務進行email傳送，另有相關社群媒體icon可以聯繫
加入響應式設計，分為兩個版型
1.980px以下，for 手機平板等
2.980px以上 for 電腦
1.Internship主頁Particles程式碼參考
https://vincentgarreau.com/particles.js/#default
2.Scroll事件程式碼參考
https://russellgoldenberg.github.io/scrollama/sticky-side/
https://github.com/russellgoldenberg/scrollama/blob/master/docs/sticky-side/index.html
3.Email js 套件程式碼參考
https://www.emailjs.com/docs/rest-api/send/
4.header scroll改變位置
https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp
色彩設計
https://cssgradient.io/
https://colorhunt.co/palettes/
設計版型參考
https://muffingroup.com/#homePage
https://leo9studio.com/
https://oceanstart.dev/
https://skookum.com/
http://praticca.com.br/
https://dwl.media/