Задача:

Сверстать адаптивную web-страницу, наполнить контентом из файла с массива данных, добавить логику переходов.

Результат:

Ссылка на публичный репозиторий с кодом на GitHub. Будет полезно описать свой ход мыслей в Google Doc. Прислать на intern@red-is.ru.

Задание сформулировано так, что его можно сделать на чистом HTML + CSS + JavaScript. Но можно использовать любые технологии, которые вам нравятся.

Дедлайн:

До 23 марта 2020 включительно.

Подробное описание:

Массив данных — это JavaScript-массив из объектов. Каждый объект — персонаж/государство из Ведьмака, содержит поля:

1. id — Идентификатор (число, не может повторятся)
2. name — Имя (текст)
3. post — Должность (текст, не обязательное)
4. image — URL фотографии (текстом, изображения берутся из общей папки)
5. parent_id — Идентификатор начальника, кому подчиняется (число, если отсутствует — это самый верхний уровень)

Логика:

1. У каждого персонажа может быть только 1 начальник
2. Количество уровней вложенности начальник/подчиненный не ограничено
3. Если у персонажа есть подчиненные, рядом с его фото появляется цифра с их количеством (сумма на всех уровнях ниже)
4. Клик на персонажа — он появляется в шапке страницы, ниже — список его непосредственных подчиненных.
5. Клик на стрелку влево/вправо — переход на предыдущего/следующего персонажа на этом уровне. На первом уровне их нет.