タイムライン

一覧に日付を書いておけば、今日がどのあたりかが見える年表になります

案内のページには、申し込み開始日、締め切り、結果発表の日のように日付が並ぶ場所がたくさんあります。文章で並べただけでは、訪問者は日付をひとつずつ今日と見比べないと、いまがどのあたりかわかりません。マウント先にいつもどおり ol の一覧を書き、項目ごとに data-date を付けると、ウィジェットがその一覧を点と線でつないだ縦の年表にします。過ぎた項目は淡く、これからの項目ははっきり見え、そのあいだに今日の日付を書いた線が入ります。今日の日付は訪問者の端末の日付でその場で決めるので、キャッシュされたページでも古くなりません。日付だけの項目はカレンダーの日付のまま扱うので、海外で開いても1日ずれません。時刻まで書いた項目だけを data-tz の時間帯で読みます。一覧はページにそのまま残り、ウィジェットは見た目だけを整えるので、検索エンジンとスクリーンリーダーも画面と同じ内容を読みます。縦の形ひとつだけで描くので、狭い画面でも横にはみ出しません。JSON ファイル（data-src）で一覧を渡すこともできますが、そのときは一覧をブラウザーで作るため、スクリプトを実行しない検索エンジンには見えません。 BootSignal サブスクリプション（月 $20 または年 $200、すべてのウィジェット・ドメイン1つ、ドメインはダッシュボードから追加）に含まれます。購読中は タイムライン の投稿数に制限はありません。