Необходимо создать макеты под следующие разрешения и оформление:

• темная десктоп
• темная моб версия
• светлая десктоп
• светлая моб версия

Десктоп делаем 1920 +, 1366, 1024

моб 320, 768

Необходимо взять дизайн с сайта csgo500.io/crash и адаптировать под другой сайт на котором сейчас идет разработка.

Более подробное описание:

Блоки необходимо разместить в следующем порядке http://joxi.ru/n2Y3wjvIb15XMr

1). Блок 1 - История игр, Блок 2 - График, Блок 3 - Итоговые данные по игре, Блок 4 - Участники игры

Игра состоит из следующих блоков:

Блок 1 - История игр http://joxi.ru/J2b8wjYC0e0kPr

1). Блок История игр

2). Иконка на попап с историей в виде списка игр http://joxi.ru/zANgwvGuvL6BLr

• Round# (10268455) - номер игры, ссылка
• Crash (3.86x) - результат игры
• Дата ( July 30, 2019 10:02 AM) - дата и время игры
• Hash (adea55b3ad061fa45d573303a901fa815c95edf0bde906f5459010079e9708dd), иконка, для перехода на сайт проверки

Также должен быть заголовок, крестик закрыть окно. Выводим от 10 до 14 строк с играми, в зависимости от дизайна.

3). Ролл (слайдер) выводим последние 10 слайдов, всего 20 слайдов выводим. При наведении на слайд появляется вспывашка http://joxi.ru/Drl4djRTVz0ZWr с номером игры и хешем. При нажати на слайд открывается попап с историей в виде списка игр http://joxi.ru/zANgwvGuvL6BLr


Блок 2 - График http://joxi.ru/MAj46jZTj3dXNm

0). При старте игры запускается таймер обратного отсчета, зеленого цвета http://joxi.ru/Q2KNwvGTL6dxbm

1). Вертикальная ось (размер выигрыша, измеряется в “x”, ). Начальная максимальная шкала 2х, с делением 1х.

2). Горизонтальная ось (время за которое проходит линия, измеряется в “с”, секунды). Начальная максимальная шкала 11с, шаг 1 секунда

3). Линия стремится в верхний правый угол. С увеличением иксов, увеличивается скорость.

Сперва цвет красный, при достижении 2х меняется на зеленый, при достижении 50х, меняется на голубой. При достижении 4х и выше появляется плавное свечение http://joxi.ru/EA4PlVjto5xEQA

4). Завершение игры http://joxi.ru/Vm6PNVlt4WzLgA

На фоне остановившегося графика, crashed @ 3.42x


Блок 3 - Итоговые данные по игре http://joxi.ru/1A5P8VvtD61dw2

2). Блок с итоговыми данными по ставкам в игре

3). Round Bets: (общие ставки), заголовок

4). Иконка + счетчик с количеством участников игры

5). Иконка + счетчик с общим количеством денег в игре

6). Блок по выигрышам

7). Round Profits: (общие данные по выигрышам)

8). Иконка + счетчик, количество выигрышных денег


Блок 4 - Участники игры http://joxi.ru/BA0PxVNtM8VeJA

1). Заголовки колонок “Пользователь”, “Ставка”, “Вывод денег”, “Выигрыш”

2). Красный проигравший, зеленый выиграл, значения в последних 2х колонках появляются после старта игры при достижении выигрыша необходимого значения, в блоке скролла нет


Блок 5 - Форма внесения ставок (будет находится в левой колонке) http://joxi.ru/a2XRwvETwkaR1r

1). Баланс не выводим, берем наш стандартный блок

2). Блок с вводом ставки, он состоит из

3). Кнопка “Сброс”, очищает поле.

4). Кнопка “Быстрой ставки”, “+10”, “+50”, “+100”, “+500”, “+1000”, “1/2”, “2х”, “10%”, “25%”,

“50%”, “Max”

5). Поле для ввода ставки

6). Блок “Вывода денег”

7). Кнопка “Сброс”, очищает поле.

8). Кнопка “Быстрой ставки”, “Min”, “+0.1”, “+0.5”, “+1”, “-0.1”, “-0.5”,”-1”, “2х”, “5х”, “10х”

9). Поле для ввода ставки

10). Кнопка “Сделать ставку”