Стилизация страницы уроков на GetCourse
Задача: кастомизировать оформление страницы уроков по собственному дизайну. В фирменных цветах онлайн-школы.
Визуально выделить уроки с принятыми домашними заданиями и заданиями, находящимися на проверке у преподавателя.
Вид страницы до начала работы:
Как можно заметить, стандартная страница по списком уроков выглядит весьма разношерстно.
- разной цветовой гаммой иконок,
- наличием или отсутствием домашних заданий в уроках,
- доступностью или недоступностью уроков,
- наличием или отсутствием загруженного изображения урока.
Работа над кастомизацией была призвана избавиться от этой пестроты и привести уроки к единому виду, продолжающему визуальный стиль онлайн-школы.
Результат: единый опрятный вид уроков любого вида. Даже если отсутствует изображение урока.
Анимированная подсветка урока, на котором находится курсор мыши.
Стилизованные надписи системных уведомлений о недоступных и стоп-уроках.
Неброская подсветка статусов уроков:
Такое отображение позволяет ученикам не путаться в уроках. Всегда видеть, где задание уже принято, а где проверку нужно еще немного подождать.
Хочешь так же или есть вопрос? Пиши.