Front-end bootstrap 4 jQuery разработчик дизайнер
Разработка нового дизайна сайта: zarechye.org/
Есть макет главной страницы новой версии сайта:
Ключевые особенности новой версии:
- адаптивность
- версия для слабовидящих для десктопного варианта
Используется bootstrap 4, jQuery, XSLT
Задача: доработать макет главной страницы по списку замечаний ниже и на его основе разработать макеты внутренних страниц:
zarechye.org/symvolika/ – статья
zarechye.org/news/?id=614... – новость
zarechye.org/news/?div_id... – список новостей
zarechye.org/doc/ – документы
zarechye.org/reception/ – форма и список ответов электронной приемной
zarechye.org/photo/ – фотогалерея
zarechye.org/main/search.... – форма и результаты поиска
На внутренних страницах должны появиться новые общие элементы:
1. Хлебные крошки.
2. Навигация по подразделам. В верхнем меню только два уровня, а может быть до 4-х.
3. Блок со ссылками на связанные элементы.
Замечания к текущему макету главной страницы:
1. Переход элементов в блоке горячих новостей нужно сделать через сдвиг, а не затемнение, как сейчас. Элементы должны сменяться (проигрываться) в цикле слева направо по таймауту неактивности после загрузки страницы. При наведении мыши, касании по блоку цикл должен останавливаться. На тач устройствах смена элементов должна осуществляться свайпом влево-вправо. После таймаута неактивности элементы должны проигрываться вновь.
2. Верхнее меню должно прилипать к верхней границе окна. При прокрутке вниз, меню должно уходить наверх вместе с прокруткой и возвращаться назад вместе с прокруткой в обратную сторону.
3. Нижний блок ссылок из шрифтовых элементов между лентой новостей и подвалом серого цвета нужно дополнить вариантом с изображением из-за невозможности предусмотреть шрифтовой элемент на каждый случай.
4. Сейчас смена элементов свайпом влево-вправо на тач устройствах в нижнем блоке ссылок (п.3) работает с задержкой, нужно сделать его работу более отзывчивой.
В состав работ должна войти разработка таблицы стилей версии сайта для слабовидящих для десктопного варианта. Есть jQuery плагин осуществляющий соответствующее переключение стилей, нужны сами стили:
1. Две контрастные цветовые схемы с отключенными изображениями: черно-белая и бело-черная.
2. Увеличенный шрифт – 3 варианта
3. Увеличенный кернинг – 3 варианта