Адаптивная верстка трех страниц для сайта (и немного JS)

Нужна конфигурируемая динамическая верстка трех экранов, и немного JS кода для управления визуальным состоянием верстки.

1. экран загрузки

2. экран ошибки

3. экран просмотра

Подробности по экранам ниже:

Общее:

- фон должен быть тайлящийся

- myserver.io – нажимаемый url

- верстка для одностраничника, те по сути это переключение стейта внутри одной страницы

- размер кнопок (Clear Index, Send Report) – должен быть динамическим от текста, заложить hover/pressed стили

- нужна JS функция для управления сменой стейта ("показать прогресс", "показать ошибку", "просмотр")

Экран загрузки и ошибки:

- размеры "прямоугольника" должны быть конфигурируемы (общий размер для обоих экранов), он должен "тянуться" (вариант схемы для нарезки приложен)

- кругляш со стрелочками должен быть анимирован (просто линейно вращаться)

- в диалоге с ошибкой необходимо учесть возможность скроллинга при очень длинном тексте

Нужны две JS функции:

* установка текста заголовка (смена Downloading)

* задавать параметры прогресса (показать/скрыть, задать процент и текст: кол-во мегабайт это просто текст)

Экран просмотра:

- размер должен кофигурироваться двумя вещами: фиксированное соотношение сторон (16:9 по-умолчанию), процент по высоте от экрана

- зеленая сплошная рамка – элемент в фокусе, если фокуса нет – рамка должна быть серой

- в правом вернем углу, со стрелочками – кнопка. Надо заложить hover/pressed стейты.