mW3NKBGX

1Шапка
2Логотип Яндекс Телепрограммы
3Ведет себя как логотип на Телепрограмме:
4Яндекс
5по ховеру раскрывается меню сервисов
6по клику на слово Яндекс происходит переход на yandex.ru
7по клику на иконку сервиса в ховер-меню происходит переход на этот сервис
8Телепрограмма
9происходит переход на tv.yandex.ru
10Метаданные, заголовок, текст, изображение, фон
11По макету.
12Кнопка «Трейлер»
13Кнопка яркая, если нет опубликованных серий и кнопки просмотра сериала; иначе кнопка тусклая.
14Ведет на якорь - плеер трейлера, и запускает его.
15Кнопка «Смотреть сериал»
16Выводится, только если опубликована хотя бы одна серия.
17Ведет на якорь - плеер серии, но не запускает его.
18Почтовая форма
19Блок выводится, пока нет ни одной опубликованной серии.
20Не дает отправить пустую форму.
21Принимает только валидные email-адреса.
22Принятый адрес сохраняется таким образом, чтобы после субботней премьеры первой серии можно было быстро - в течение нескольких минут - получить список собранных адресов и поместить в рассылку.
23Состояние отправленной формы сбрасывается перезагрузкой страницы.
24Шеринг
25Выводится в состоянии отправленной формы. Дублируется в подвале страницы.
26Стандартный элемент яндексовой верстки. 4 кнопки: ВК, ФБ, ОК, Твиттер.
27Разметка для SEO и шеринга будет описана отдельно.
28Серии
29Блок выводится с момента публикации первой серии.
30Плеер
31Показывает серию, выбранную в галерее.
32Состоит из:
33превью-картинки
34текста с номером и названием серии поверх превью
35кнопки play в обводке по центру превью
36embed-плеера Яндекса, запускающегося по клику в любую область превью-картинки
37После завершения серии запускает следующую серию.
38После завершения последней серии останавливается.
39Плитка серий
40Состоит из сниппетов серий, расположенных по возрастанию номера серии.
41По умолчанию выбрана вышедшая серия с наибольшим номером - это демонстрируется рамкой. При автоматическом переходе к следующей серии в плеере, переходит и рамка в плитке.
42Сниппет серии состоит из:
43превью-картинки
44номера серии под превью
45названия серии под номером (длинное название не переносится, а обрезается многоточием)
46У серии может быть состояние анонса: она еще не вышла, ее сниппет не кликабелен, поверх превью выводится текст с анонсом даты выхода серии.
47Сюжет
48По макету.
49Трейлер
50Состоит из:
51превью-картинки
52текста с названием трейлера под превью
53кнопки play в обводке по центру превью
54embed-плеера Яндекса, запускающегося по клику в любую область превью-картинки
55После завершения воспроизведения возвращает превью-картинку.
56Рекламный блок
57Горизонтальный блок из трех постеров в стиле Телепрограммы (черные заголовки, серый фон, отсутствие размытых картинок на фоне).
58Главные герои
59По макету.
60Репортажи со съёмок
61Поведение плеера - как у плеера трейлера.
62Поведение плитки - как у плитки серий.
63Кадры
64Мозаика из фотографий, залитых в специальном порядке.
65На последней фотке мозаики выводится текст «Еще N», где N - число фотографий, не попавших в мозаику.
66Клик по фотографии открывает спозиционированную на ней галерею.
67Порядок фотографий в галерее - как в мозаике слева-направо сверху-вниз.
68Галерея
69Открывается как полноэкранный оверлей. Выводит выбранную фотографию, вписанную в размер экрана (но не больше оригинального размера).
70Переход к следующему фото:
71экранная стрелка «влево»
72кнопка «влево» клавиатуры
73Переход к предыдущему фото:
74экранная срелка «вправо»
75кнопка «вправо» клавиатуры
76Галерея зациклена: для последней фотографии галереи «следующей» является первая фотография галереи. Для первой - «предыдущей» является последняя.
77Закрытие галереи:
78кликом по крестику справа-вверху
79кнопкой «Esc» клавиатуры
80Подвал
81По макету.