Доработать верстку сайта, написанного с помощью bootstrap
Есть сайт, написанный на django и bootstrap, задеплоенный на VPS с помощью gunicorn, nginx и systemd.
Нужно доработать некоторые моменты его визуальной составляющей (чтобы он стал приятнее и интереснее выглядеть), а именно:
1. Добавить анимацию с помощью css (желательно без js, если возможно): на главной странице - добавить анимацию зеленого тумана и заката за горами, возможно добавить еще какие-то элементы, если это улучшит внешний вид. Также улучшить качество фотографии (должна быть возможность как-то это обыграть). На остальных страницах - сделать анимированный эффект градиентных волн, вместо картинки. Возможно не в точности как на картинке, но суть такая же. Также подобрать цветовые тона ближе к главной странице, но палитру оставить такой же.
2. Улучшить адаптивность. На телефонах проблема со скроллом и масштабированием фона (он меняет свое положение, хотя зафиксирован). Возможно, опять же, немного в целом изменить адаптивность для улучшения UX.
3. Сделать подсветку вкладок. Сейчас есть подсветка только при наведении, я хочу чтобы она оставалась, при переходе на страницу (давая понять на какой странице сейчас находится пользователь).
4. Исправить подгрузку статики. Мне кажется что она подгружается слишком медленно, возможно это получится исправить детализацией конфига nginx. (Если этот пункт не в вашей компетенции, но в остальном вы как рыба в воде, то можно его опустить)
Т.е. задача - улучшить визуал, ибо он сыроват.
Нужно доработать некоторые моменты его визуальной составляющей (чтобы он стал приятнее и интереснее выглядеть), а именно:
1. Добавить анимацию с помощью css (желательно без js, если возможно): на главной странице - добавить анимацию зеленого тумана и заката за горами, возможно добавить еще какие-то элементы, если это улучшит внешний вид. Также улучшить качество фотографии (должна быть возможность как-то это обыграть). На остальных страницах - сделать анимированный эффект градиентных волн, вместо картинки. Возможно не в точности как на картинке, но суть такая же. Также подобрать цветовые тона ближе к главной странице, но палитру оставить такой же.
2. Улучшить адаптивность. На телефонах проблема со скроллом и масштабированием фона (он меняет свое положение, хотя зафиксирован). Возможно, опять же, немного в целом изменить адаптивность для улучшения UX.
3. Сделать подсветку вкладок. Сейчас есть подсветка только при наведении, я хочу чтобы она оставалась, при переходе на страницу (давая понять на какой странице сейчас находится пользователь).
4. Исправить подгрузку статики. Мне кажется что она подгружается слишком медленно, возможно это получится исправить детализацией конфига nginx. (Если этот пункт не в вашей компетенции, но в остальном вы как рыба в воде, то можно его опустить)
Т.е. задача - улучшить визуал, ибо он сыроват.