Теперь на сайте есть классная лента с матчами, в которой будут собираться как прошедшие, так и предстоящие матчи обеих из команд (главной команды и молодёжки). Причём, с возможностью выбирать для себя - какие матчи вы желаете видеть. Но давайте немного по порядку.

Так как сейчас межсезонье и пока календарей предстоящих турниров нет, будем "тренироваться на кошках", то есть на тестовых данных. Я надобавлял разных случайных матчей, чтобы продемонстрировать возможности ленты.

Вот её обычный вид, где видны как прошедшие, так и предстоящие матчи:

А вот так это выглядит в мобильной версии:

Мы видим, что по центру всегда ближайший ещё не сыгранный матч (если матчей в перспективе пока не назначено, то по центру будет последний из сыгранных). Интерактивными являются все элементы каждой карточки - клик по турниру переводит на страницу турнира, клик по команде - на страницу команды, клик по счёту - на страницу матча.

Как я и говорил ранее, отображение матчей в ленте можно настроить по желанию - можно отображать все матчи, а можно только матчи главной команды или матчи молодёжки. Делается это путём нажатия на кнопку с шестерёнкой под центральной карточкой мачта.

Выбор сохраняется и при следующем посещении с данного устройства (ну или даже браузера) будет отображаться та лента, которую вы выберите. По умолчанию показаны все матчи.

Помимо этого, внизу каждой карточки игры есть кнопки:

Кнопка Матч-центр есть у каждого официального матча, ведёт на страницу игры.

Кнопка Билеты есть только на предстоящих домашних матчах, на которые проставлена администратором ссылка на покупку билетов на матч.

Белая кнопка Трансляция так же есть только на предстоящих матчах, для которых указана ссылка на будущую трансляцию.

Красная кнопка ТРАНСЛЯЦИЯ будет выходить только на предстоящих матчах, которые должны состояться сегодня и для которых указана ссылка на трансляцию.

Кнопка Запись матча выходит на прошедших матчах, у которых указана ссылка на запись трансляции (обычно это та же самая ссылка, которая открывалась по ссылке Трансляция, но бывает записи хранятся отдельно).

Кнопка О матче будет выходить у товарищеских матчей, к которым прикреплена новость на сайте. Нажатие на кнопку ведёт на саму новость.

Должно быть удобно.

Картинки новостей

Небольшую работу провёл над изображениями (обложками) новостей. Теперь в новостях на мобильной версии изображения отображаются в формате 4:3, а на стандартной версии сайта - в формате 16:9. В эпоху "квадратных" картинок из соц.сетей это вполне резонно. Ниже пример ДО и ПОСЛЕ.

Так как я считаю, что на изображении ничего не должно быть обрезано, то при адаптации я помещаю оригинальное изображение как есть и, при необходимости, добиваю по бокам размытия. Это позволяет привести изображения к единому стилю и размеру. Клик по обложке новости всегда открывает оригинал.

Прочие исправления/изменения

- Фотогалерея после прошлого обновления была сломана и вешала браузер при открытии какого-либо альбома. Проблема была в том, что старая версия фотогалереи была разработана для сайтов с блоками фиксированной ширины. При добавлении адаптива - всё сломалось. Но теперь вывод изображений работает, причём работает даже лучше чем раньше. Саму страницу фотогалереи ещё предстоит переработать всё равно.

- Изображения внутри новостей теперь все кликабельны, если изображений в новости несколько, то после клика можно листать их как галерею. Плюс вертикальные изображения теперь не размазываются во всю ширину страницы, как раньше.

- Лента новостей на главной для мобильной версии теперь отображает четыре новости вместо семи. Остальное всегда можно почитать в архиве. В блоке Другие новости под открытой новостью так же сокращено количество выводимой информации.

- VK-Видео и VK-Клипы в новостях теперь отображаются на всю ширину с одинаковым соотношением сторон, даже если клипы вертикальные. VK Клипы, расположенные по центру экрана, выглядели куце как-то. Теперь выглядят аутентично (наверное).

Это всё, что вспомнил из важных изменений. Помимо их было множество малых правок, которые могут быть не видны невооружённому взгляду.

Продолжаем работу.