Личный проектJavaScript, HTML, CSS

Одностраничное расписание для ожидания на трансляциях

Табло с текущей и следующими лекциями для показа во время ожидания на трансляциях СКР.

Одностраничное расписание для ожидания на трансляциях

Задача

Перед стримами Клубов нужно было чем-то занимать экран ожидания — желательно живым расписанием, а не статичной картинкой. Задача маленькая и локальная: одна страница, без бэкенда, без сборки.

Реализация

Ванильный JS без зависимостей: расписание хранится в памяти как массив лекций, а getCurrentLecture/getUpcomingLectures на каждый рендер выбирают текущую лекцию по времени и список следующих. Если в конкретный момент лекций нет — на табло показывается «Перерыв…» или «Завершение…».

Рядом — форма добавления лекции (название, лектор, клуб, организация, время начала и конца), чтобы расписание можно было донабрать прямо перед эфиром, не трогая код.

Табло расписания

Запуск

Страница полностью статична — открывается index.html напрямую или через любой статический сервер:

git clone https://github.com/tolstovrob/dsc-schedule
cd dsc-schedule
python3 -m http.server