fix readme and pictures in project ubl-settings-info

ubl-settings-info/README.md

@@ -1,63 +1,69 @@
-
 ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку утилиты **ubl-settings-info**
 
 1. **ОПИСАНИЕ:**
 Графическое средство настройки даты и времени в ОС UBLinux
 
 1. **ЭТАПЫ И СРОКИ СОЗДАНИЯ ПРИЛОЖЕНИЯ:**
-Общий срок работ по созданию приложения составляет N дней:
-    - N дня - макет и дизайн приложения и его утверждение
-    - N дней - разработка приложения
-    - N дня - тестирование приложения и исправление ошибок
-
-    Перечень этапов разработки приложения:
-    - Разработка макета и дизайна приложения, самостоятельно
-    - Утверждение и доработка макета, самостоятельно
-    - Создание работающего интерфейса, включая полную разработку действующих ярлыков, кнопок и т.д., самостоятельно
-     - Проектирование алгоритма работы приложения, самостоятельно
-     - Написание работающего кода приложения, включая полноценно работающие элементы графического интерфейса, а также перевод (поддержка локализации En, Ru), самостоятельно
-     - Тестирование и исправление ошибок, самостоятельно
-     - Публикация
+1. **ЭТАПЫ И СРОКИ СОЗДАНИЯ ПРИЛОЖЕНИЯ:**
+	1. Общий срок работ по созданию приложения составляет N дней:
+		1. N дня - макет и дизайн приложения и его утверждение
+		1. N дней - разработка приложения
+		1. N дня - тестирование приложения и исправление ошибок
+	1. Перечень этапов разработки приложения:
+		1. Разработка макета и дизайна приложения, самостоятельно
+		1. Утверждение и доработка макета, самостоятельно
+		1. Создание работающего интерфейса, включая полную разработку действующих ярлыков, кнопок и т.д., самостоятельно
+	1. Проектирование алгоритма работы приложения, самостоятельно
+	1. Написание работающего кода приложения, включая полноценно работающие элементы графического интерфейса, а также перевод (поддержка локализации En, Ru), самостоятельно
+	1. Тестирование и исправление ошибок, самостоятельно
+	1. Публикация
 
 1. **ТЕХНОЛОГИЧЕСКИЕ ТРЕБОВАНИЯ:**
    1. Приложение разрабатывается под нужды операционной системы UBLinux
    1. Использование фирменного логотипа компании
    1. Название приложения, техническое:  **ubl-settings-info**
-   1. Название приложения, публичное: **UBConfig - Информация о системе**
-   1. Стек технологий:
-      - Язык программирования:  Bash или C++
-      - Приложение для разработки графического интерфейса: Glade 3
-      - Графические библиотеки: GTK3
-      - Операционная система разработки: UBLinux DB
-   1. Структура:
-      - **/usr/bin/ubl-settings-info (скомпилированный бинарный файл)** 
-  Bash/C: Весь функционал сосредоточен в графической части, вызовы и исполнение процедур написаны на языках Bash, C++
-      - Файл **glade** скомпилирован в бинарный файл
-    Графическая часть, фронт    
-      - Файл **css** скомпилирован в бинарный файл
-    Стили виджетов GTK
-      - **/usr/share/ubl-settings-info/images/{\*.png,\*.svg}**
-  Элементы изображений
-      - **/usr/share/ubl-settings-info/locale -> /usr/share/locale**
-  Локализация En/Ru
+   1. Название приложения, публичное: **Информация о системе**
+	1. Стек технологий:
+		1. Язык программирования:  Bash или C++
+		1. Приложение для разработки графического интерфейса: Glade 3
+		1. Графические библиотеки: GTK3
+		1. Операционная система разработки: UBLinux DB
+	1. Структура:
+		1. **/usr/bin/ubl-settings-info (скомпилированный бинарный файл)**
+		Bash/C: Весь функционал сосредоточен в графической части, вызовы и исполнение процедур написаны на языках Bash, C++
+		1. Файл **glade** скомпилирован в бинарный файл
+		Графическая часть, фронт    
+		1. Файл **css** скомпилирован в бинарный файл
+		Стили виджетов GTK
+		1. **/usr/share/ubl-settings-info/images/{\*.png,\*.svg}**
+		Элементы изображений
+		1. **/usr/share/ubl-settings-info/locale -> /usr/share/locale**
+		Локализация En/Ru
 
 1. **ТЕХНИЧЕСКОЕ ЗАДАНИЕ:**
     1. Ярлык (desktop-файл):
         1. Type: Application
         1. Exec: ubl-settings-info
         1. Categories: X-UBL-SettingsManager;X-UBL-SystemSettings
-    3. Главное окно:
-        1. Требования к внешнему виду:
-            - Адаптивный (резиновый) дизайн.
-            - Минимальный размер окна до прекращения масштабирования 800 на 600 пикселей.
-            - Шапка в стиле приложений GTK3.
-            - В верхней части крупный логотип утилиты, с права от него краткое описание утилиты. Фон заполнен изображением.
-            - Рабочая область представляет собой единое визуальное пространство, которое делится на два вертикальных блока (50 на 50 процентов), которые никак не обрамлены.
-       1. Требования к «Рабочей области». Выводятся группы графического и текстового представления информации:
+	1. Главное окно:
+		1. Требования к внешнему виду:
+			1. Адаптивный (резиновый) дизайн.
+			1. Наличие элементов интерфейса:
+				1. Статических - не меняют свою ширину при изменении размеров окна или родительского элемента.
+				1. Динамических - меняют свою ширину при изменении размеров окна или родительского элемента. Обычно занимают пространство от края до края окна или родительского элемента, либо пространство от рядом расположенного элемента до до края окна или родительского элемента.
+			1. Минимальный размер окна до прекращения масштабирования 800 на 600 пикселей.
+			1. Шапка в стиле приложений GTK3 с содержимым:
+				1. Иконка приложения. Статический элемент. Выравнивание по левому краю.
+				1. Заголовок окна, название приложения.  Выравнивание по центру между элементами.
+				1. Кнопка с иконкой с выпадающим списком -> "Справка, О приложении". Статический элемент. Выравнивание по правому краю.
+				1. Стандартные элементы окна, кнопки "Свернуть, Минимизировать/На весь экран, Закрыть"
+			1. В верхней части крупный логотип утилиты, с права от него краткое описание утилиты. Фон заполнен изображением. Статические элементы. Выравнивание по левому краю.
+			1. Рабочая область.
+       1. Требования к «Рабочей области». Динамический элемент. От края до края по горизонтали и вертикали окна. Делится на два вертикальных блока (50 на 50 процентов), которые никак не обрамлены. Выводятся группы графического и текстового представления информации:
            1. Левый блок:
-                - логотип текущей операционной системы (масштабируемый SVG-файл).                
+                - логотип текущей операционной системы (масштабируемый SVG-файл). Статический элемент. Выравнивание по центру родительского элемента.
            1. Правый блок:
-                - список информации о программноаппаратных характеристиках рабочей станции:
+                - список информации о программно-аппаратных характеристиках рабочей станции. Статический элемент. Выравнивание по левому краю.:
                     - Имя пользователя и хоста, например: *miramax166@mmx166-pc*
 					- Название ОС, билд, редакция, например: *Система: UBLinux 2204 Desktop Basic*
 					- Информация о ядре ОС, например: *Ядро: x86_64 Linux 5.17.6-2-ublinux*
@@ -83,3 +89,4 @@
     1. Главное окно
         
         ![](https://gitea.ublinux.ru/miramax166/design-ubl-settings-apps/raw/branch/master/ubl-settings-info/pic/01%28ru_RU%29.png)
+