Изменения документа 📡 Основные понятия

Редактировал(а) Дмитрий Копотев 2025/07/29 00:33

От версии 7.4
отредактировано Дмитрий Копотев
на 2025/07/27 13:07
Изменить комментарий: К данной версии нет комментариев
К версии 7.5
отредактировано Дмитрий Копотев
на 2025/07/27 13:08
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -2,7 +2,7 @@
2 2  <style>
3 3  .page-container {
4 4   max-width: 1100px;
5 - margin: 0; /* выравниваем по левому краю */
5 + margin: 0;
6 6   font-family: "Inter", Arial, sans-serif;
7 7  }
8 8  
... ... @@ -10,7 +10,6 @@
10 10  .page-header h1 { font-size: 28px; margin-bottom: 6px; }
11 11  .page-header p { font-size: 15px; color: #555; }
12 12  
13 -/* Кнопки-якоря */
14 14  .anchor-buttons {
15 15   display: flex;
16 16   gap: 10px;
... ... @@ -30,7 +30,6 @@
30 30   background: var(--primary-dark, #1d4ed8);
31 31  }
32 32  
33 -/* Заголовки секций */
34 34  .section-title {
35 35   font-size: 22px;
36 36   font-weight: bold;
... ... @@ -39,7 +39,6 @@
39 39   border-bottom: 2px solid #eee;
40 40  }
41 41  
42 -/* Картинки */
43 43  .image-block { margin: 14px 0; }
44 44  .image-block img {
45 45   max-width: 100%;
... ... @@ -54,6 +54,7 @@
54 54   gap: 12px;
55 55   margin-top: 16px;
56 56  }
54 +
57 57  .term-card {
58 58   background: white;
59 59   border-radius: 8px;
... ... @@ -65,17 +65,29 @@
65 65   transform: translateY(-2px);
66 66   box-shadow: 0 4px 10px rgba(0,0,0,0.08);
67 67  }
66 +
68 68  .term-card h3 {
69 69   margin: 0 0 6px;
70 70   font-size: 16px;
71 - color: var(--primary-color, #1d4ed8);
72 72   display: flex;
73 73   align-items: center;
74 74   gap: 6px;
75 75  }
76 -.term-card p { font-size: 14px; color: #444; margin: 0; }
74 +
75 +/* Цветовые модификаторы */
76 +.term-card.primary h3 { color: #2563eb; }
77 +.term-card.success h3 { color: #17C653; }
78 +.term-card.warning h3 { color: #f59e0b; }
79 +.term-card.info h3 { color: #0ea5e9; }
80 +
81 +.term-card p {
82 + font-size: 14px;
83 + color: #444;
84 + margin: 0;
85 +}
86 +
77 77  .term-card h3::before {
78 - content: "📌"; /* можно заменить на иконки через emoji */
88 + content: "📌";
79 79   font-size: 16px;
80 80  }
81 81  </style>
... ... @@ -114,14 +114,45 @@
114 114  
115 115   <h2 class="section-title" id="terms">Основные термины</h2>
116 116   <div class="term-grid">
117 - <div class="term-card"><h3>Объект мониторинга</h3><p>Подвижные или стационарные объекты, оснащённые терминалами для контроля (чаще всего автомобили клиента).</p></div>
118 - <div class="term-card"><h3>Статус объекта</h3><p>Состояние системы мониторинга на объекте и её связи с сервером.</p></div>
119 - <div class="term-card"><h3>Геообъект</h3><p>Выделенный участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p></div>
120 - <div class="term-card"><h3>Группировка объектов</h3><p>Объединение объектов в группы для удобного управления и фильтрации.</p></div>
121 - <div class="term-card"><h3>Водитель</h3><p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p></div>
122 - <div class="term-card"><h3>Задание</h3><p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p></div>
123 - <div class="term-card"><h3>Прицеп / агрегат</h3><p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p></div>
124 - <div class="term-card"><h3>Отчёты</h3><p>Таблицы и графики с данными о движении, работе датчиков и расходе топлива.</p></div>
127 + <div class="term-card primary">
128 + <h3>Объект мониторинга</h3>
129 + <p>Подвижные или стационарные объекты с установленными терминалами (чаще автомобили).</p>
130 + </div>
131 +
132 + <div class="term-card success">
133 + <h3>Статус объекта</h3>
134 + <p>Состояние системы мониторинга на объекте и её связь с сервером.</p>
135 + </div>
136 +
137 + <div class="term-card info">
138 + <h3>Геообъект</h3>
139 + <p>Участок на карте (полигон, линия, POI) для маршрутов и контроля движения.</p>
140 + </div>
141 +
142 + <div class="term-card primary">
143 + <h3>Группировка объектов</h3>
144 + <p>Объединение объектов в группы для удобного управления и фильтрации.</p>
145 + </div>
146 +
147 + <div class="term-card success">
148 + <h3>Водитель</h3>
149 + <p>Сотрудник или механизатор, закреплённый за объектом для учёта рабочего времени.</p>
150 + </div>
151 +
152 + <div class="term-card warning">
153 + <h3>Задание</h3>
154 + <p>Плановое действие, выполняемое объектом в заданное время или по условиям.</p>
155 + </div>
156 +
157 + <div class="term-card info">
158 + <h3>Прицеп / агрегат</h3>
159 + <p>Специализированное оборудование, устанавливаемое на объект мониторинга.</p>
160 + </div>
161 +
162 + <div class="term-card primary">
163 + <h3>Отчёты</h3>
164 + <p>Таблицы и графики с данными о движении, датчиках и расходе топлива.</p>
165 + </div>
125 125   </div>
126 126  </div>
127 127  {{/html}}