時間軸

在清單裡寫上日期，就能看出今天走到了哪一步

說明頁面上常有一串日期：開始報名、截止日、公布結果的那天。只用文字排列，訪客得把每個日期跟今天比一次，才知道現在走到哪一步。在掛載點裡照常寫一個 ol 清單，替每一項加上 data-date，小工具就會把它畫成用圓點和直線連起來的時間軸：已過去的項目顯示得淡一些，即將到來的項目清楚顯示，兩者之間有一條寫著今天日期的線。今天的日期在頁面執行時依訪客裝置的日期決定，所以即使頁面被快取也不會過時。只寫了日期的項目依日曆日期處理，在海外打開也不會差一天；只有寫了時刻的項目才依 data-tz 的時區讀取。清單原樣留在頁面裡，小工具只改變外觀，所以搜尋引擎和螢幕閱讀器讀到的內容和畫面一致。只畫直式一種樣子，窄螢幕上也不會橫向溢出。也可以用 JSON 檔案（data-src）提供清單，不過這時清單是在瀏覽器裡產生的，不執行腳本的搜尋引擎看不到。 包含在 BootSignal 訂閱中（每月 $20 或每年 $200，全部小工具·1 個網域，可在控制台新增網域）。訂閱期間 時間軸 的發佈數量不受限制。