타임라인

목록에 날짜만 적어 두면 오늘이 어디쯤인지 보이는 연표가 됩니다

안내 지면에는 신청 시작일, 마감일, 결과 발표일처럼 여러 날짜가 줄지어 나옵니다. 글로만 늘어놓으면 지금이 일정의 어디쯤인지 알려고 날짜를 하나씩 오늘과 견줘 봐야 합니다. 마운트 지점 안에 평소처럼 ol 목록을 쓰고 항목마다 data-date 를 붙이면, 위젯이 목록을 점과 선으로 이어 세로 연표로 꾸밉니다. 지난 항목은 옅게, 다가올 항목은 또렷하게 보이고, 그 사이에 오늘 날짜가 적힌 선이 들어갑니다. 오늘 날짜는 방문자 기기의 날짜를 기준으로 그 자리에서 정하므로 캐시된 지면에서도 낡지 않습니다. 날짜만 적은 항목은 달력 날짜 그대로 다루므로 해외에서 열어도 하루가 밀리지 않습니다. 시각까지 적은 항목만 data-tz 시간대로 읽습니다. 목록은 지면에 그대로 남고 위젯은 모양만 입히므로 검색엔진과 화면 낭독기도 화면에 보이는 것과 같은 내용을 읽습니다. 세로 모양 하나로만 그려 좁은 화면에서도 가로로 넘치지 않습니다. JSON 파일(data-src)로 목록을 줄 수도 있지만, 이때는 목록을 브라우저에서 만들기 때문에 스크립트를 실행하지 않는 검색엔진에는 보이지 않습니다. BootSignal 구독에 포함됩니다(월 $20 또는 연 $200, 모든 위젯, 도메인 1개, 도메인은 대시보드에서 추가). 구독 중에는 타임라인 작성량 제한이 없습니다.