Есть проект, у которого все скрипты работают исправно.
Очень хромает вопрос адаптивности и пропорций. Нужен pixel perfect
О проекте:
тут всего 3 слайда и 2 языка. Никакой CMS нету, только js, css и несколько библиотек js.
Проект в виде лендинга. Постраничный скролл по трём слайдам для ПК версий. Дальше на расширении 968рх постраничный скролл убирается и начинается планшет и моб версия.
https://goo.gl/EkB3qD - Все скрипты работают исправно, можно кликать и крутить.
Структура проекта:
- Слайд 1
Шапка с двумя логотипами и переключение языка.
После загрузки страницы видно "Открой неизвестную планету" на весь экран. Через 2 сек этот блок уезжает в левый верхний угол под шапку. Далее мы можем крутить планету и после полутора оборотов вылазят "интересные факты". Интересный факт должен перекрывать 2\3 части правой части планеты. Ну и каждых полтора оборота рендом интересный факт.
Внизу статическая информация.
- Слайд 2
Когда пользователь перешёл на второй слайд он 2 секунды видит надпись "Открой свою планету", потом эта надпись прячется и появляется форма для ввода имени и выбора настроения. Когда выбрали настроение и ввели имя нажимаем "открыть" и всплывает одна с 20 планет, что равное количеству настроений. На сгенерированной планете размещается имя планеты, которое ранее ввели и внизу условия акции с призывом репост в Фейсбук.
Это всё работает корректно! Но тут нужно правильно сформировать анимацию от надписи до формы и правильно сделать геометрию, что бы всё было на одном экране (1600 - 968), а далее смотреть на макеты планшета и мобильного.
Тут нужно чётко предусмотреть что бы всё осталось в своих пропорциях.
- Слайд 3
Сугубо статика. Только видео в центре, нажимая на которое оно открывается в лайтбоксе. Слайд нужно адаптивить так что бы верх и низ слайда были на своих местах, а видео в зависимости от размера экрана принимало свой размер и заполняло всё центральное пространство.
Верстать чётко по макетах, вот и вся задача.
Сейчас по ссылке первая версия, теперь проект усовершенствовали и нужно поменять геометрию, фоны и сделать это всё адаптивно.
Работу нужно начать сегодня и закончить в понедельник. За понедельник и вторник внести поправки и в среду проект закрыт и мы рассчитываемся.
Обязательные требования:
- Быть на связи в телеграмм
- Задавать вопросы неотлогательно
- Работать на выданном ФТП у меня на сервере. Или делать выливку на сервак каждые 2-3 часа
- Иметь возможность говорить голосом и обсуждать тот или иной отрезок работы для ускорения процесса. Если Вы не сможете быть на связи и нет возможности в голосовом режиме обсуждать проект, то мы друг другу сразу не подходим.
