WinterCamp2026

專案介紹

SCIST × SCAICT 2026 聯合寒訓官網是由 kaiyasi、Maxhu787 與我共同製作的活動網站，整理課程、日程、報名費用、工作人員與歷屆活動照片，讓參與者能從同一個入口認識寒訓。

活動資訊與導覽

首頁呈現活動主視覺、介紹、課程、日程、團隊與合作社團；課程、相簿、費用、完整團隊與錄取名單則有各自的詳細頁面。

團隊資料支援分組和職務排序，合作社團以連續輪播呈現，也處理滑鼠與觸控的暫停互動。頁面會配合手機尺寸調整內容和導覽方式。

資料與版面分開

工作人員、合作社團、時程、相簿與常見問題集中在 JSON 檔案，讓內容維護不必直接修改整份頁面。首頁只展示部分摘要，詳細資料再由對應頁面呈現。

技術與圖片處理

專案使用 Next.js 16、React 19、Tailwind CSS、Framer Motion 與 Lenis，分別負責頁面、樣式與動態互動。

相簿另有建置時的圖片處理流程，將來源照片產生為不同尺寸的 WebP／AVIF，讓前端可以依螢幕大小載入，也能配合靜態輸出的部署方式。