diff --git a/src/assets/teaching/highlight.png b/src/assets/teaching/highlight_desktop.png similarity index 100% rename from src/assets/teaching/highlight.png rename to src/assets/teaching/highlight_desktop.png diff --git a/src/assets/teaching/highlight_mobile.png b/src/assets/teaching/highlight_mobile.png new file mode 100644 index 0000000..4076246 Binary files /dev/null and b/src/assets/teaching/highlight_mobile.png differ diff --git a/src/assets/teaching/highlight_tablet.png b/src/assets/teaching/highlight_tablet.png new file mode 100644 index 0000000..b83cdc7 Binary files /dev/null and b/src/assets/teaching/highlight_tablet.png differ diff --git a/src/assets/teaching/manage_video.jpg b/src/assets/teaching/manage_video.jpg index 783e503..7d3df90 100644 Binary files a/src/assets/teaching/manage_video.jpg and b/src/assets/teaching/manage_video.jpg differ diff --git a/src/assets/teaching/modal.jpg b/src/assets/teaching/modal.jpg deleted file mode 100644 index 82db59a..0000000 Binary files a/src/assets/teaching/modal.jpg and /dev/null differ diff --git a/src/assets/teaching/modal.png b/src/assets/teaching/modal.png new file mode 100644 index 0000000..97258d1 Binary files /dev/null and b/src/assets/teaching/modal.png differ diff --git a/src/assets/teaching/pinned_windows.jpg b/src/assets/teaching/pinned_windows.jpg index a1f56d0..2cf86aa 100644 Binary files a/src/assets/teaching/pinned_windows.jpg and b/src/assets/teaching/pinned_windows.jpg differ diff --git a/src/assets/teaching/pinned_windows_mini.jpg b/src/assets/teaching/pinned_windows_mini.jpg index 0b98f33..bf3de1d 100644 Binary files a/src/assets/teaching/pinned_windows_mini.jpg and b/src/assets/teaching/pinned_windows_mini.jpg differ diff --git a/src/assets/teaching/schedule.jpg b/src/assets/teaching/schedule.jpg index 2902ed0..c6a6d78 100644 Binary files a/src/assets/teaching/schedule.jpg and b/src/assets/teaching/schedule.jpg differ diff --git a/src/assets/teaching/stats.jpg b/src/assets/teaching/stats.jpg index 019a776..0ea56c3 100644 Binary files a/src/assets/teaching/stats.jpg and b/src/assets/teaching/stats.jpg differ diff --git a/src/components/Layouts/Layout.tsx b/src/components/Layouts/Layout.tsx index 50740f2..603bd71 100644 --- a/src/components/Layouts/Layout.tsx +++ b/src/components/Layouts/Layout.tsx @@ -8,7 +8,7 @@ export function Layout() { return ( <>
-
+
diff --git a/src/components/Main/Efficiency.tsx b/src/components/Main/Efficiency.tsx index 2d4834d..a7f5ece 100644 --- a/src/components/Main/Efficiency.tsx +++ b/src/components/Main/Efficiency.tsx @@ -6,12 +6,12 @@ import { useEffect, useRef } from 'react'; export function Effeciency() { return (
-
+
-
+

{title}

diff --git a/src/components/Main/Teaching.tsx b/src/components/Main/Teaching.tsx index 9c60a77..0483dc5 100644 --- a/src/components/Main/Teaching.tsx +++ b/src/components/Main/Teaching.tsx @@ -22,115 +22,9 @@ export function Teaching() { function TeachingFeaturesForDesktop() { return ( -
-
-
-
- Управление процессом - - Назначение сценария обучения -
- Выбор режима: обучение, тренировка, тестирование -
-
- Управление процессом -
- Управление процессом -
- -
-
- - Управление пользователями - - - Добавление, удаление -
и назначение ролей -
-
- Управление пользователями -
- -
-
-
- Видеозапись обучения - - Фиксация и хранение сессий обучения, тренировки и тестирования. - Ретроспектива по пройденной сессии вместе с инструктором - -
- Видеозапись обучения -
- Видеозапись обучения -
- -
-
- Статистика обучения - - Фиксация правильных и неправильных действий. -
- Отчет об ошибках -
-
-
- Расписание - Статистика -
-
-
- ); -} - -function TeachingFeaturesForOtherScreens() { - return ( -
-
- - Управление -
пользователями -
- - Добавление, удаление и назначение ролей - - Управление пользователями -
- -
-
+
+
+
Управление процессом Назначение сценария обучения @@ -138,60 +32,156 @@ function TeachingFeaturesForOtherScreens() { Выбор режима: обучение, тренировка, тестирование
-
- Расписание - Управление процессом -
+ Управление процессом + Управление процессом
-
-
- Видеозапись обучения +
+
+ Управление пользователями + Добавление, удаление +
и назначение ролей +
+
+ Управление пользователями +
+ +
+
+ Видеозапись обучения + Фиксация и хранение сессий обучения, тренировки и тестирования. Ретроспектива по пройденной сессии вместе с инструктором
-
- Видеозапись обучения - Видеозапись обучения -
+ Видеозапись обучения + Видеозапись обучения
-
- Статистика обучения - - Фиксация правильных и неправильных действий.
- Отчет об ошибках -
-
- Расписание - Статистика обучения +
+
+ Статистика обучения + + Фиксация правильных и неправильных действий. +
+ Отчет об ошибках +
+ Расписание + Статистика +
+
+ ); +} + +function TeachingFeaturesForOtherScreens() { + return ( +
+
+
+ + Управление +
пользователями +
+ + Добавление, удаление и назначение ролей + +
+ Управление пользователями +
+ +
+
+ Видеозапись обучения + + Фиксация и хранение сессий обучения, тренировки и тестирования. + Ретроспектива по пройденной сессии вместе с инструктором + +
+ Видеозапись обучения + Видеозапись обучения +
+ +
+
+ Управление процессом + + Назначение сценария обучения +
+ Выбор режима: обучение, тренировка, тестирование +
+
+ Расписание + Управление процессом +
+ +
+
+ Статистика обучения + + Фиксация правильных и неправильных действий.
+ Отчет об ошибках +
+
+ Статистика обучения + Расписание
); diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index f4c8823..afb13f8 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -5,12 +5,11 @@ import { Products } from '../components/Main/Products/Products'; import { Teaching } from '../components/Main/Teaching'; import { Distance } from '../components/Main/Distance'; import { Availables } from '../components/Main/Availables'; -// import { Projects } from '../components/Main/Projects'; import { Trainings } from '../components/Main/Trainings'; import { Ellipse } from '../components/Main/Ellipse'; import { Motivation } from '../components/Main/Motivation'; import { useWindowWidth } from '../hooks/useWindowWidth'; -import { RecentProjects } from '../components/Main/RecentProjects'; +// import { RecentProjects } from '../components/Main/RecentProjects'; import { ProjectsSlider } from '../components/Main/ProjectsSlider'; export function MainPage() { @@ -23,10 +22,9 @@ export function MainPage() {