Timetable

使用說明

這個網站怎麼用,都寫在這裡

1切換兩個人的課表

  • 點頂端中間的 淳 / 魚魚 膠囊按鈕即可切換。
  • 用電腦看的話,直接按鍵盤 也能切。
  • 會記住你上次看的是誰,下次打開直接顯示同一個人。

2查看課程細節

  • 點課表上的任一格課程,會跳出教室、老師、學分、節次時間和備註。
  • 「今天」區塊的膠囊、下方「課程清單」的每一列,點下去也是同樣的視窗。
  • 關閉:點視窗外的暗色區域,或按 Esc。手機上是從畫面底部滑出來的。

3今天的課

  • 最上面的「今天」區塊會列出今日所有課程,按時間排序。
  • 課表裡今天那一整欄會用主色標起來,目前所在的節次也會加深標示。
  • 還有一條虛線標示「現在時間」的位置,一眼看出離下一堂課多久。
  • 週末或當天沒課時,會直接顯示「今天沒有課」。

4深色 / 淺色模式

  • 右上角的 太陽 / 月亮 按鈕可以手動切換。
  • 預設會跟著你裝置的系統設定走,手機切到深色模式,網站就是深色。
  • 一旦你手動按過,就會記住你的選擇,之後都用你選的那個,不再跟著系統跑。

5手機上使用

  • 五天的課表會完整塞進螢幕寬度,不需要左右滑
  • 格子太窄時會省略老師名字,點開課程就看得到完整資訊。
  • 用 Safari 或 Chrome 的「加入主畫面」,可以像 App 一樣從桌面直接開。

6列印課表

  • Ctrl + P(Mac 是 + P)。
  • 會自動只印出課表本體,頂端列、今日區塊、課程清單都不會印出來。

7要改課表資料的話

  • 所有課程資料都放在 repo 裡的 data.js,改那一個檔案就好。
  • 每門課要填課名、老師、教室、學分、星期幾、佔哪幾節,格式在檔案最上面有註解。
  • 改完 push 到 GitHub,Cloudflare 會自動重新部署,大約 30 秒後生效。
  • 不方便開電腦時,直接在 GitHub 網頁上編輯 data.js 也可以。

← 回到課表