Второстепенная задача

Речь про иконку уведомлений (колокольчик) в самом верху.

Комментарий заказчика:

Что должно происходить по нажатию на кнопку уведомлений?
Вываливается список уведомлений как вк. просто список с сортировкой по дате. Его можно развернуть. Все ярлыки для этого есть, шрифты есть, дизайнер не нужен.

Сейчас картинки слайдера на главной идут вместе с текстом и непонятными белыми точками

Вот тут есть исходники:

https://www.dropbox.com/s/d6ddqzcuemgn3li/%D0%B4%D0%B5%D0%BB%D0%BE%D1%80%D1%83%D0%B1%20%282%29.rar?dl=0

Необходимо переделать их так, что фон был картинкой, а текст с картинки стал текстом в HTML.

После перехода на вебпак что то пошло не так, ибо вынес owl.carousel в вендоры.

Проверить, чтобы одинаково работало при цифрах 1, 10, 100

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

Сейчас замечаю такие вещи:

<div class="dr-news-header">
  <h2>Все <span class="dr-news-header-unmarked">новости<span></h2>
</div>

Заголовок судя по макетам на всех страницах одинаковый, поэтому почему бы не использовать название класса типа dr-header? Это позволило бы не плодить одинаковый код

Желательно было бы увидеть что нибудь вроде:

<div class="dr-header">
  <h2>Все <b>новости<b></h2>
</div>

То же самое касается всего: форм, таблиц, и т.д.

Старайся унифицировать элементы, чтобы их можно было использовать из других страниц.

Вот так в макете отрисовано:

В дизайне футер просто белый

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

Дизайна для этого не предусмотрено, нужно сделать самому на свой вкус

Сейчас, судя по всему,кнопки относительно низа центруются, и когда мало категорий, кнопки уезжают наверх, либо наоборот

Нужно убрать этот дикий костыль

Собственно, как сейчас выглядит:

И как нарисовано в дизайне:

Сделать паддинги поменьше, чтобы вмещалось больше блоков при той же ширине, так же по дизайну в шахматном порядке идет чередование цветов. Не думаю, что без js это получится, но если есть идеи как это быстро сделать, пиши

Сделать не такой сильный разброс в яркости текста при наведении мышки. Сейчас очень сильно бросается в глаза

Сейчас все эелементы верхней навигации выравниваются вправо
Нужно все элементы до кнопки поиска выравнивать влево, остальные вправо
Это заодно поможет при разработке разворачивающегося поля поиска (если все выравнивать вправо, элементы начнут бегать)

Сделать, чтобы при наведении на ссылки на категории на главной странице тоже менялся цвет

Сейчас максимальная ширина, после которой сайт начинает тянуться 1200пх с тенями, по факту без теней еще больше

Сделать, чтобы до 1280 (ширина отрисованного макета) сайт был во всю ширину, и только затем тянулся с тенями

Заодно больше блоков влезать будет (см #14)

Ранее шрифты работали через bourbon, но он сильно конфликтует с bootstrap

Сейчас я закомментил бурбон:
//@import "bourbon"

А так же закомментил файл со шрифтами:
//@import "fonts"

Поскольку этот файл использовал миксины бурбона:
+font-face("PFDinLight", "../fonts/PFDinDisplayPro-Light/PFDinDisplayPro-Light", $file-formats: eot otf svg woff ttf)

Нужно все это поправить

При наведении размеры кнопки меняются и все прыгает

Теперь картинки не авто-масштабируются через gulp, поэтому нужно пересжать их вручную, а то все сьехало.

К счастью, это задело лишь логотип в верхнем меню:

• Убрать с мобильной версии слайдер вообще, оставить только кнопки, расположить их вертикально друг над другом
• Убрать тень справа

Для гостей будет несколько измененная версия сайта:

• Боковое меню будет доступно только зарегистрированных пользователей, поэтому сделать версию верстки без него
• Вместо имени пользователя, уведомлений и иконки пользователя сделать кнопку «вход» и «регистрация». Предусмотреть, что эти кнопки будут скрываться при нажатии на поиск