Скрипт, для организации главной страницы сайта.

Необходимо написать JavaScript для главной страницы сайта.

Внешний вид:

1.1 Скрипт в виде двухэтажной карусели, пример расположения элементов одного этажа – codepen.io/johnblazek/pen...

1.2 Каждый элемент представляет собой виджет страницы, на которую он ссылается.

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

1.4 Соседние элементы не имеют общих страниц.

1.5 Необходимо разместить название элемента под самим элементом.

1.6 Тыльная сторона меню имеет цвет рамки элемента.

1.7 В правом верхнем углу каждого элемента информац. иконка( i ) с ссылкой на описание страницы.

1.8 Нажатие на элемент меню – переход на страницу.

1.9 Нажатие на иконку ( i ) – открытие нового окна на фоне меню, где дана текстовая, визуальная(картинки и видео) информация.

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

* – возможность разместить в элемент меню видео, которое бы играло при поворотах и листании меню в одном из элементов(или нескольких).

Управление:

2.1 Управление происходит кликами мышки по кнопкам справа и слева от меню. Соответственно данная карусель должна вращаться по своей оси вправо или влево.

2.2 Так же управление должно осуществляться при помощи прокрутки колеса мышки вверх-вниз. Соответственно данная карусель должна вращаться по своей оси вправо или влево.

2.3 Так же управление должно осуществляться при помощи клавиатуры(стрелки влево-вправо). Соответственно данная карусель должна вращаться по своей оси вправо или влево.

2.4 Вращение всей конструкции по вертикали-горизонтали должно осуществляться при помощи захвата конструкции кликом мыши и вращения при помощи мыши(прим. поведения при захвате и вращении – zvzd3d.ru/OM.html#800083).

2.5 Вращение должно завершаться логически – выравниваться по отношению к экрану и останавливаться на отображении одной грани.

* – если в элементе меню находится видео – оно должно заиграть при нажатии на него.

Управление меню:

3.1 Админка для редактирования меню.

3.2 Внешний вид элемента задается ссылкой на страницу(картинку, * – видео).

3.3 Редактирование название элемента.

3.4 Редактирование цвета рамки и задней стенки элемента.

3.5 Добавление новых элементов в меню.

3.6 Предусмотреть сортировку.

3.7 Ввод и редактирование информации в описании(при переходе по иконке ( i ) ).

Браузеры и мобильные устройства:

4.1 Скрипт должен корректно работать во всех браузерах и мобильных устройствах.

4.2 Поддержка свайпа на устройствах с тачскрином.

4.3 Под узкие экраны отображать часть меню, где должны быть видны 2 элемента(1 вверху, 1 внизу).

Срок исполнения – 3 дня.