super rebuild

composer.json

@@ -26,7 +26,7 @@
 	"require": {
 		"php": "^8.5",
 		"ext-blake3": "^0.1",
-		"mirzaev/minimal": "^3.8",
+		"mirzaev/minimal": "^3.10.4",
 		"mirzaev/baza": "^3.4",		
 		"mirzaev/languages": "^1",		
 		"twig/twig": "^3.2",

kodorvan/site/system/controllers/article.php

@@ -0,0 +1,197 @@
+<?php
+
+declare(strict_types=1);
+
+namespace kodorvan\site\controllers;
+
+// Files of the project
+use kodorvan\site\controllers\core,
+	kodorvan\site\models\superpack as model;
+
+// Framework for PHP
+use mirzaev\minimal\http\enumerations\content,
+	mirzaev\minimal\http\enumerations\method,
+	mirzaev\minimal\http\enumerations\status;
+
+// Baza database
+use mirzaev\baza\database,
+	mirzaev\baza\column,
+	mirzaev\baza\record,
+	mirzaev\baza\enumerations\encoding,
+	mirzaev\baza\enumerations\type;
+
+/**
+ * Offer
+ *
+ * @package kodorvan\site\controllers
+ *
+ * @param array $errors Registry of errors
+ *
+ * @method null index() Main page
+ *
+ * @license http://www.wtfpl.net/ Do What The Fuck You Want To Public License
+ * @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
+ */
+final class article extends core
+{
+	/**
+	 * Errors
+	 *
+	 * @var array $errors Registry of errors
+	 */
+	protected array $errors = [
+		'system' => []
+	];
+
+	/**
+	 * Page: superpack
+	 *
+	 * @return null
+	 */
+	public function index(string $urn): null
+	{
+		if (str_contains($this->request->headers['accept'] ?? '', content::html->value)) {
+			// Request for HTML response
+
+			// Initializing the superpack
+			$superpack = new model()->read(filter: fn(record $record) => $record->urn === $urn && $record->active === 1);
+
+			if ($superpack instanceof model) {
+				// Initialized the superpack
+
+				// Render page
+				$page = $this->view->render(
+					'pages/article.html',
+					[
+						'uri' => 'https://' . DOMAIN . "/superpack/$urn",
+						'article' => [
+							'urn' => $superpack->urn,
+							'head' => [
+								'title' => $superpack->title
+							],
+							'body' => [
+								'html' => $superpack->html
+							]
+						],
+						'smartphone' => $this->request->smartphone,
+						'tablet' => $this->request->tablet
+					]
+				);
+			} else {
+				// Not initialized the superpack
+			}
+
+			// Sending response
+			$this->response
+				->start()
+				->clean()
+				->sse()
+				->write($page)
+				->validate($this->request)
+				?->body()
+				->end();
+
+			// Deinitializing rendered page
+			unset($page);
+
+			// Exit (success)
+			return null;
+		}
+
+		// Exit (fail)
+		return null;
+	}
+
+	/**
+	 * Page: superpack
+	 *
+	 * @return null
+	 */
+	public function create(
+		?string $identifier = null,
+		?string $urn = null,
+		?string $title = null,
+		?string $html = null,
+		?string $text = null,
+		string|int|float|null $supercost = null
+	): null {
+		if ($this->request->method === method::get) {
+			// GET
+
+			if (str_contains($this->request->headers['accept'] ?? '', content::html->value)) {
+				// Request for HTML response
+
+				// Render page
+				$page = $this->view->render(
+					'pages/system/superpack/create.html',
+					[
+						'uri' => 'https://' . DOMAIN . "/system/superpack/create",
+						'smartphone' => $this->request->smartphone,
+						'tablet' => $this->request->tablet
+					]
+				);
+
+				// Sending response
+				$this->response
+					->start()
+					->clean()
+					->sse()
+					->write($page)
+					->validate($this->request)
+					?->body()
+					->end();
+
+				// Deinitializing rendered page
+				unset($page);
+
+				// Exit (success)
+				return null;
+			}
+		} else if ($this->request->method === method::put) {
+			// PUT
+
+			// Initializing the superpack
+			$superpack = new model()->read(filter: fn(record $record) => $record->urn === $urn);
+
+			if ($superpack instanceof model) {
+				// The superpack is already created
+
+			} else {
+				// The superpack is not already created
+
+				// Sanitizing
+				$urn = preg_replace('/[^\w\d\-.]+/', '', $urn);
+				$title = preg_replace('/[^\w\d\s\-.,!]+/u', '', $title);
+				$supercost = (float) preg_replace('/[^\d.]+/', '', $supercost);
+
+				// Creating the superpack
+				$superpack = new model()->write(
+					urn: $urn,
+					title: $title,
+					html: $html,
+					text: $text,
+					supercost: $supercost
+				);
+
+				if ($superpack instanceof record) {
+					// Created the superpack
+
+					// Sending response
+					$this->response
+						->start()
+						->clean()
+						->sse()
+						->json([
+							'redirect' => "/superpack/$urn"
+						])
+						->validate($this->request)
+						?->body()
+						->end();
+				}
+			}
+		}
+
+		// Exit (fail)
+		return null;
+	}
+}

kodorvan/site/system/controllers/index.php

@@ -47,187 +47,197 @@ final class index extends core
 			// Initializing the team workload
 			$this->view->workload = (string) ($_COOKIE['workload'] ?? rand(20, 80));
 
-			// Initializing services
+			// Initializing superpacks
-			$this->view->services = [
+			$this->view->superpacks = [
 				[
-					'class' => 'telegram voronka',
+					'class' => 'site direct',
-					'title' => 'Телеграм воронка',
-					'icon_left' => '',
-					/* 'icon_center' => 'import', */
 					'icon_center' => 'crown',
-					'icon_right' => '',
+					'image' => [
-					'description' => <<<TXT
+						'src' => '/themes/' . THEME . '/images/site_example.jpg',
-						Поступательно запросит данные пользователя, скомпонует, запишет в базу данных и синхронизирует в CRM
+						'alt' => 'Сайт для рекламы'
-						<br><br>
-						Используя иммерсивные технологии и многофакторный сбор обеспечивает максимальное удержание пользователя
-						TXT,
-					'howto' => 'Направьте к нему клиентов и ждите новых заказов в вашей CRM, на сайте или в чате',
-					'buttons' => [
-						[
-							'icon' => 'comment',
-							'href' => 'https://t.me/' . TELEGRAM_ROBOT['domain'] . '?start=telegram voronka'
-						]
 					],
-					'theses' => [
+					'title' => 'Лендинг',
+					'description' => 'Сайт для рекламной компании',
+					'features' => [
 						[
-							'class' => 'yellow',
+							'icon' => 'template',
-							'characteristic' => '-80%',
+							'text' => 'Авангардный дизайн'
-							'text' => 'НАГРУЗКА'
 						],
 						[
-							'class' => 'blue',
+							'icon' => '',
-							'colored' => true,
+							'text' => 'Продумана каждая деталь'
-							'characteristic' => '+5%',
-							'text' => 'КОНВЕРСИИ'
 						],
 						[
-							'class' => 'green',
+							'icon' => 'list-tree',
-							'characteristic' => '0₽',
+							'text' => 'Глубокий SEO'
-							'text' => 'НИКАКОЙ АРЕНДЫ'
+						],
+						/* [
+							'icon' => 'document',
+							'text' => 'Юридическая броня'
+						], */
+						[
+							'icon' => 'bell',
+							'text' => 'Регистрация в Роскомнадзор'
 						]
 					],
-					'background_image_src' => '/themes/default/images/telegram_voronka.png',
+					'deal' => [
-					'background_image_alt' => 'Телеграм воронка КОДОРВАНЬ',
+						'cost' => '30 000',
-					'cost' => '2000',
+						'text' => 'ПОЛНАЯ СТОИМОСТЬ'
-					'canceled' => 'ЗАБЛОКИРОВАН'
+					],
+					'button' => [
+						'class' => 'request',
+						'text' => 'ВЫБРАТЬ',
+						'label' => 'Кнопка для заказа'
+					]
 				],
 				[
-					'class' => 'parser',
+					'class' => 'voronka',
-					'title' => 'Парсер',
+					'icon_center' => 'crown',
-					'icon_left' => '',
+					'image' => [
-					'icon_center' => 'search',
+						'src' => '/themes/' . THEME . '/images/telegram_voronka.png',
-					'icon_right' => '',
+						'alt' => 'Воронка в Телеграм'
-					'description' => <<<TXT
-						Любая работа за компьютером может быть автоматизирована
-						<br><br>
-						Парсер берёт данные с сайтов через API, либо эмулируя пользователя, а так же из excel-документов, CRM и бухгалтерии, затем просчитывает, анализирует и записывает результат
-						TXT,
-					'howto' => 'Подключите источники и снизьте нагрузку на операторов, оптимизируйте процессы',
-					'extra' => [
-						'Wildberries',
-						'OZON',
-						'Yandex Market',
-						'Avito',
-						'CDEK',
-						'1C',
-						'Bitrix',
-						'Мой Склад'
 					],
-					'buttons' => [
+					'title' => 'Воронка',
+					/* 'description' => '', */
+					'features' => [
 						[
-							'icon' => 'comment',
+							'icon' => 'phone',
-							/* 'href' => 'https://t.me/' . TELEGRAM_ROBOT['domain'] . '?start=parser' */
+							'text' => 'Сбор данных'
-							'href' => 'https://t.me/' . TELEGRAM_ROBOT['domain'] . '?start=parser'
-						]
-					],
-					'theses' => [
-						[
-							'class' => 'yellow',
-							'colored' => true,
-							'characteristic' => '-100%',
-							'text' => 'НАГРУЗКА'
 						],
 						[
-							'class' => 'cyan',
+							'icon' => 'copy',
-							'icon' => 'infinity',
+							'text' => 'Синхронизация с CRM'
-							'text' => 'ВЕЧНАЯ ПОДДЕРЖКА'
 						],
 						[
-							'class' => 'green',
+							'icon' => 'track',
-							'icon' => 'play forwards',
+							'text' => 'Аналитика всех этапов'
-							'text' => 'РЕКОРД СКОРОСТИ'
+						],
+						/* [
+							'icon' => '',
+							'text' => 'Повышение конверсий'
+						], */
+						[
+							'icon' => 'style',
+							'text' => 'Иммерсивные техники'
+						],
+						[
+							'icon' => 'smile',
+							'text' => 'Никакой аренды'
 						]
 					],
-					'background_image_src' => '/themes/default/images/excel_small_compressed.jpg',
+					'deal' => [
-					'background_image_alt' => 'Парсеры КОДОРВАНЬ',
+						'cost' => '10 000',
-					'cost' => '3000'
+						'text' => 'ПОЛНАЯ СТОИМОСТЬ'
+					],
+					'button' => [
+						'class' => 'request',
+						'text' => 'ВЫБРАТЬ',
+						'label' => 'Кнопка для заказа'
+					]
 				],
 				[
-					'class' => 'calculator',
+					'class' => 'ai assistent telegram',
-					'title' => 'Калькулятор',
+					'icon_center' => '',
-					'icon_left' => '',
+					'image' => [
-					'icon_center' => 'calculator',
+						'src' => '/themes/' . THEME . '/images/telegram_voronka.png',
-					'icon_right' => '',
+						'alt' => 'Воронка в Телеграм'
-					'description' => <<<TXT
-						Составление алгоритма обработки большого объёма данных с использованием нейросетей и грамотно выбранной сортировки
-						<br><br>
-						Оператор вводит данные, нажимает на кнопки, двигает ползунки и мгновенно получает точный результат вычислений
-						TXT,
-					'howto' => 'Настройте параметры в панели управления и в долгосрочной перспективе сэкономьте тысячи часов рабочего времени',
-					'extra' => [],
-					'buttons' => [
-						[
-							'icon' => 'comment',
-							'href' => 'https://t.me/' . TELEGRAM_ROBOT['domain'] . '?start=calculator'
-						]
 					],
-					'theses' => [
+					'title' => 'ИИ-ассистент',
+					'description' => 'Личный консультант',
+					'features' => [
 						[
-							'class' => 'yellow',
+							'icon' => 'assign',
-							'characteristic' => '-95%',
+							'text' => 'Самообучение',
-							'text' => 'НАГРУЗКА'
 						],
 						[
-							'class' => 'green',
+							'icon' => 'performance',
-							'characteristic' => '-80%',
+							'text' => 'Индивидуальная настройка'
-							'text' => 'ОШИБОК ВЫЧИСЛЕНИЙ'
 						],
 						[
-							'class' => 'red',
+							'icon' => 'extension',
-							'colored' => true,
+							'text' => 'Актуализация базы данных'
-							'characteristic' => '+20%',
+						],
-							'text' => 'ОБУЧАЕМОСТЬ'
+						[
+							'icon' => '',
+							'text' => 'Передовая ИИ-модель'
+						],
+						[
+							'icon' => 'smile',
+							'text' => 'Никакой аренды'
 						]
 					],
-					'background_image_src' => '/themes/default/images/tordv_compressed.jpg',
+					'deal' => [
-					'background_image_alt' => 'Калькулятор КОДОРВАНЬ',
+						'cost' => '15 000',
-					'cost' => '10 000'
+						'text' => 'ПОЛНАЯ СТОИМОСТЬ'
-				]
+					],
-
+					'button' => [
+						'class' => 'request',
+						'text' => 'ВЫБРАТЬ',
+						'label' => 'Кнопка для заказа'
+					]
+				],
+				[
+					'class' => 'marketplace',
+					'icon_center' => 'crown',
+					'image' => [
+						'src' => '/themes/' . THEME . '/images/site_example.jpg',
+						'alt' => 'Сайт для рекламы'
+					],
+					'title' => 'Маркетплейс',
+					'description' => 'Бюджет разработки >2млн',
+					'features' => [
+						[
+							'icon' => 'trophy',
+							'text' => 'Чистый код, без конструкторов'
+						],
+						[
+							'icon' => 'template',
+							'text' => 'Индивидуальный дизайн'
+						],
+						/* [
+							'icon' => 'import',
+							'text' => 'Годовая подписка на обновления'
+						], */
+						[
+							'icon' => 'extension',
+							'text' => 'Подключение к Мой Склад'
+						],
+						[
+							'icon' => 'performance',
+							'text' => 'Физический сервер с личным администратором'
+						]
+					],
+					'article' => <<<HTML
+						Изначально проект создавался как чат-робот Telegram с Web App, где по нажатию на кнопку пользователь попадал в мини-приложение, автоматически авторизовавшись через мессенджер.<br>
+						<br>
+						Там он видел весь каталог товаров с категориями, ценами, фильтрами и умным поиском. Всего за 2 минуты он проходил все этапы: наполнял корзину товарами, заполнял адрес доставки (в первый раз) и оплачивал через СБП! Сессия сохраняла данные между устройствами (смартфон и компьютер). Была проведена огромная аналитическая работа с фокус-группами и сбором статистики. Каждый элемент на экране размещён очень обоснованно.<br>
+						<br>
+						После оплаты приложение автоматически закрывается и пользователь возвращается в чат с роботом, где он видит список купленных товаров, статус заказа, оплаченный счёт, а так же подтверждение от оператора. Операторам в чат прилетает заказ с кнопкой "написать покупателю" прямо в Telegram!<br>
+						<br>
+						Сейчас мы развиваем проект как полноценный сайт, оставляя поддержку версии для мессенджеров.<br>
+					  <br>
+						В покупку лицензии включена стоимость разработки индивидуального дизайна<br>
+						<br>
+						После покупки вам нужно будет оплачивать размещение проекта на наших серверах - так мы гарантируем сохранность нашего кода, а вы экономите сотни тысяч рублей на системном администраторе, бекапах, юридических заморочках с роскомнадзором (берём ответственность на себя) и постоянным масштабированием. Цена небольшая, особенно учитывая, что туда входит наша постоянная тех. поддержка<br>
+						<br>
+						Не берём никаких процент с продаж!<br>
+						<br>
+						По желанию добавляем или удаляем функции, а критические обновления безопасности устанавливаем бесплатно. В случае проблем, тех.работ или утечек оповещаем моментально.
+					HTML,
+					'deal' => [
+						'cost' => '120 000',
+						'text' => 'ВЕЧНАЯ ЛИЦЕНЗИЯ НА КОД'
+					],
+					'button' => [
+						'class' => 'deal blue',
+						'text' => 'ВЫБРАТЬ',
+						'label' => 'Кнопка выбора суперпака для калькулятора'
+					]
+				],
 			];
 
 			// Sending the cookie with the team workload (1800 = 30min)
-			setcookie('workload', $this->view->workload, time() + 1800, '/');
+			/* setcookie('workload', $this->view->workload, time() + 1800, '/'); */
-
-			// Initializing the project constructor data
-			$this->view->project = [
-				'architectures' => [
-					'site' => 'Сайт',
-					'chat_robot' => 'Чат-робот',
-					'program' => 'Программа',
-					'game' => 'Видеоигра',
-					'script' => 'Скрипт, парсер, макрос',
-					'module' => 'Модуль, плагин, расширение',
-				],
-				'purposes' => [
-					'funnel' => 'Воронка (обработка пользователя)',
-					'contacts' => 'Контакты (сбор данных)',
-					'ai' => 'Внедрение ИИ',
-					'archive' => 'Архив (галерея, библиотека, реестр)',
-					'crm' => 'Индивидуальная CRM',
-					'landing' => 'Лендинг (посадочная страница)',
-					'marketplace' => 'Маркетплейс, магазин, витрина',
-					'saas' => 'SaaS проект',
-					'search' => 'Поиск и анализ',
-					'calculate' => 'Вычисления (калькулятор)',
-					'individual' => 'Индивидуальная разработка',
-				],
-				'integrations' => [
-					'one_c' => '1C',
-					'bitrix24' => 'Битрикс24',
-					'moy_sklad' => 'Мой Склад',
-					'mail' => 'Почта',
-					'excel' => 'Excel',
-					'ozon' => 'OZON',
-					'wildberries' => 'Wildberries',
-					'yandex_market' => 'Яндекс Маркет',
-					'avito' => 'Авито',
-					'vk' => 'ВКонтакте',
-					'max' => 'МАКС',
-					'telegram' => 'Телеграм',
-					'neural_networks' => 'Нейросети'
-				]
-			];
 
 			// Initializing contacts data
 			$this->view->integrations = [

kodorvan/site/system/controllers/project.php

@@ -9,6 +9,7 @@ use kodorvan\site\controllers\core;
 
 // PHP framework
 use mirzaev\minimal\http\enumerations\content,
+	mirzaev\minimal\http\enumerations\method,
 	mirzaev\minimal\http\enumerations\status;
 
 // Mail server
@@ -40,85 +41,216 @@ final class project extends core
 	];
 
 	/**
+	 * Page: constructor
 	 *
+	 * @return null
+	 */
+	public function constructor(): null
+	{
+		if ($this->request->method === method::get) {
+			// GET
+
+			if (str_contains($this->request->headers['accept'] ?? '', content::html->value)) {
+				// Request for HTML response
+
+				// Initializing the project constructor data
+				$this->view->calculator = [
+					'architectures' => [
+						'site' => 'Сайт',
+						'chat_robot' => 'Чат-робот',
+						'program' => 'Программа',
+						'game' => 'Видеоигра',
+						'script' => 'Скрипт, парсер, макрос',
+						'module' => 'Модуль, плагин, расширение',
+					],
+					'purposes' => [
+						'funnel' => 'Воронка (обработка пользователя)',
+						'contacts' => 'Контакты (сбор данных)',
+						'ai' => 'Внедрение ИИ',
+						'archive' => 'Архив (галерея, библиотека, реестр)',
+						'crm' => 'Индивидуальная CRM',
+						'landing' => 'Лендинг (посадочная страница)',
+						'marketplace' => 'Маркетплейс, магазин, витрина',
+						'saas' => 'SaaS проект',
+						'search' => 'Поиск и анализ',
+						'calculate' => 'Вычисления (калькулятор)',
+						'individual' => 'Индивидуальная разработка',
+					],
+					'integrations' => [
+						'one_c' => '1C',
+						'bitrix24' => 'Битрикс24',
+						'moy_sklad' => 'Мой Склад',
+						'mail' => 'Почта',
+						'excel' => 'Excel',
+						'ozon' => 'OZON',
+						'wildberries' => 'Wildberries',
+						'yandex_market' => 'Яндекс Маркет',
+						'avito' => 'Авито',
+						'vk' => 'ВКонтакте',
+						'max' => 'МАКС',
+						'telegram' => 'Телеграм',
+						'neural_networks' => 'Нейросети'
+					]
+				];
+
+				// Render page
+				$page = $this->view->render(
+					'pages/project/calculator.html',
+					[
+						'uri' => 'https://' . DOMAIN . "/project/calculator",
+						'smartphone' => $this->request->smartphone,
+						'tablet' => $this->request->tablet
+					]
+				);
+
+				// Sending response
+				$this->response
+					->start()
+					->clean()
+					->sse()
+					->write($page)
+					->validate($this->request)
+					?->body()
+					->end();
+
+				// Deinitializing rendered page
+				unset($page);
+
+				// Exit (success)
+				return null;
+			}
+		}
+
+		// Exit (fail)
+		return null;
+	}
+
+	/**
+	 * Request the project by calculator
 	 *
 	 * @return null
 	 */
 	public function request(string $request): null
 	{
-		// Initializing the project identifier (temporary solution)
+		// Debugging
-		$identifier = blake3($request, 20);
+		date_default_timezone_set('Asia/Yekaterinburg');
+		$jornal = JOURNAL . '/requests.txt';
+		file_put_contents($jornal, "\n\n\n\n", FILE_APPEND);
+		file_put_contents($jornal, '[' . date('Y.m.d H:i:s') . '] Заказ с сайта: ' . DOMAIN . "\n", FILE_APPEND);
+		file_put_contents($jornal, print_r($request, true) . "\n", FILE_APPEND);
+		file_put_contents($jornal, print_r($this->request->files, true) . "\n", FILE_APPEND);
 
-		// Initializing the project storage path
+		if ($this->request->method === method::put) {
-		$path = STORAGE . DIRECTORY_SEPARATOR . 'projects' . DIRECTORY_SEPARATOR . $identifier;
+			// PUT
 
-		// Initializing the project storage directory in the storage
+			// Initializing the project identifier (temporary solution)
-		if (!file_exists($path))	mkdir($path, 0775, true);
+			$identifier = blake3($request, 20);
 
-		// Declaring the project storage files registry
+			// Initializing the project storage path
-		$files = [];
+			$path = STORAGE . DIRECTORY_SEPARATOR . 'projects' . DIRECTORY_SEPARATOR . $identifier;
 
-		foreach ($this->request->files as $file) {
+			// Initializing the project storage directory in the storage
-			// Iterating over files
+			if (!file_exists($path)) mkdir($path, 0775, true);
 
-			// Initializing the file destination path
+			// Declaring the project storage files registry
-			$destination = $path . DIRECTORY_SEPARATOR . $file['name'];
+			$files = [];
 
-			// Writing the file into the project storage
+			foreach ($this->request->files as $file) {
-			copy($file['tmp_name'], $destination);
+				// Iterating over files
 
-			// Writing the file destination path into the project storage files registry
+				// Initializing the file destination path
-			$files[$file['name']] = $destination;
+				$destination = $path . DIRECTORY_SEPARATOR . $file['name'];
-		}
 
-		// Decoding the request JSON argument
+				// Writing the file into the project storage
-		$request = json_decode(json: $request, associative: true, depth: 5);
+				copy($file['tmp_name'], $destination);
 
-		// Initializing the mail server
+				// Writing the file destination path into the project storage files registry
-		$mail = new mail(true);
+				$files[$file['name']] = $destination;
-
-		try {
-			// Writing the mail server parameters
-			/* $mail->SMTPDebug = smtp::DEBUG_SERVER; */
-			$mail->setLanguage('ru');
-			$mail->CharSet = mail::CHARSET_UTF8;
-			$mail->isSMTP();
-			$mail->Host = MAIL['host'];
-			$mail->SMTPAuth = true;
-			$mail->Username = MAIL['sender']['mail'];
-			$mail->Password = MAIL['sender']['password'];
-			$mail->SMTPSecure = mail::ENCRYPTION_SMTPS;
-			$mail->Port = 465;
-			$mail->setFrom(MAIL['sender']['mail'], MAIL['sender']['name']);
-			$mail->addAddress(MAIL['receiver']['mail'], MAIL['receiver']['name']);
-
-			// The message
-			$mail->isHTML(true);
-			$mail->Subject = empty($request['project']['name']) ? 'Заказ' : 'Заказ: ' . $request['project']['name'];
-			$mail->Body = $this->view->render('messages/request.html', $request);
-			/* $mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; */
-
-			// Attachments
-			foreach ($files as $name => $file) {
-				// Iterating of project storage files registry
-
-				// Writing the attachment into the message
-				$mail->addAttachment($file, $name);
 			}
 
-			// Sending the message
+			// Decoding the request JSON argument
-			$mail->send();
+			$request = json_decode(json: $request, associative: true, depth: 5);
-		} catch (mail_exception $exception) {
-		}
 
-		// Sending response
+			// Initializing the mail server
-		$this->response
+			$mail = new mail(true);
-			->start()
+
-			->clean()
+			try {
-			->sse()
+				// Writing the mail server parameters
-			->validate($this->request)
+				/* $mail->SMTPDebug = smtp::DEBUG_SERVER; */
-			?->body()
+				$mail->setLanguage('ru');
-			->end();
+				$mail->CharSet = mail::CHARSET_UTF8;
+				$mail->isSMTP();
+				$mail->Host = MAIL['host'];
+				$mail->SMTPAuth = true;
+				$mail->Username = MAIL['sender']['mail'];
+				$mail->Password = MAIL['sender']['password'];
+				$mail->SMTPSecure = mail::ENCRYPTION_SMTPS;
+				$mail->Port = 465;
+				$mail->setFrom(MAIL['sender']['mail'], MAIL['sender']['name']);
+				$mail->addAddress(MAIL['receiver']['mail'], MAIL['receiver']['name']);
+
+				// The message
+				$mail->isHTML(true);
+				$mail->Subject = empty($request['project']['name']) ? 'Заказ' : 'Заказ: ' . $request['project']['name'];
+				$mail->Body = $this->view->render('messages/request.html', $request);
+				/* $mail->AltBody = 'This is the body in plain text for non-HTML mail clients'; */
+
+				// Attachments
+				foreach ($files as $name => $file) {
+					// Iterating of project storage files registry
+
+					// Writing the attachment into the message
+					$mail->addAttachment($file, $name);
+				}
+
+				// Sending the message
+				$mail->send();
+			} catch (mail_exception $exception) {
+				file_put_contents($jornal, '[' . date('Y.m.d H:i:s') . "] ПИЗДЕЦ\n", FILE_APPEND);
+				file_put_contents($jornal, '[' . date('Y.m.d H:i:s') . ']' . $exception->getMessage() . "\n", FILE_APPEND);
+
+				try {
+					// Initializing the mail server
+					$mail = new mail(true);
+					
+					$mail->setLanguage('ru');
+					$mail->CharSet = mail::CHARSET_UTF8;
+					$mail->isSMTP();
+					$mail->Host = MAIL['host'];
+					$mail->SMTPAuth = true;
+					$mail->Username = MAIL['sender']['mail'];
+					$mail->Password = MAIL['sender']['password'];
+					$mail->SMTPSecure = mail::ENCRYPTION_SMTPS;
+					$mail->Port = 465;
+					$mail->setFrom(MAIL['sender']['mail'], MAIL['sender']['name']);
+					$mail->addAddress(MAIL['receiver']['mail'], MAIL['receiver']['name']);
+
+					// The message
+					$mail->isHTML(true);
+					$mail->Subject = empty($request['project']['name']) ? 'Заказ без документов' : 'Заказ без документов: ' . $request['project']['name'];
+					$mail->Body = $this->view->render('messages/request.html', $request);
+
+					// Sending the message
+					$mail->send();
+				} catch (mail_exception $exception) {
+					file_put_contents($jornal, '[' . date('Y.m.d H:i:s') . "] ПОВТОРНЫЙ ПИЗДЕЦ\n", FILE_APPEND);
+					file_put_contents($jornal, '[' . date('Y.m.d H:i:s') . ']' . $exception->getMessage() . "\n", FILE_APPEND);
+				}
+			}
+
+			// Sending response
+			$this->response
+				->start()
+				->clean()
+				->sse()
+				->json(['errors' => []])
+				->validate($this->request)
+				?->body()
+				->end();
+
+			// Exit (success)
+			return null;
+		}
 
 		// Exit (fail)
 		return null;

kodorvan/site/system/controllers/superpack.php

@@ -66,8 +66,12 @@ final class superpack extends core
 						'uri' => 'https://' . DOMAIN . "/superpack/$urn",
 						'article' => [
 							'urn' => $superpack->urn,
-							'title' => $superpack->title,
+							'head' => [
-							'html' => $superpack->html
+								'title' => $superpack->title
+							],
+							'body' => [
+								'html' => $superpack->html
+							]
 						],
 						'smartphone' => $this->request->smartphone,
 						'tablet' => $this->request->tablet
@@ -172,8 +176,17 @@ final class superpack extends core
 				if ($superpack instanceof record) {
 					// Created the superpack
 
-					// Sending redirect to the superpack
+					// Sending response
-					header('Location: /superpack/' . $urn);
+					$this->response
+						->start()
+						->clean()
+						->sse()
+						->json([
+							'redirect' => "/superpack/$urn"
+						])
+						->validate($this->request)
+						?->body()
+						->end();
 				}
 			}
 		}

kodorvan/site/system/journal/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

kodorvan/site/system/public/css/fonts/als_schlange.css

@@ -0,0 +1,31 @@
+@charset "UTF-8";
+
+@font-face {
+	font-family: 'ALS Schlange';
+	src: url("/fonts/als_schlange/alsschlangesans-thin.otf");
+	font-weight: 100;
+}
+
+@font-face {
+	font-family: 'ALS Schlange';
+	src: url("/fonts/als_schlange/alsschlangesans-light.otf");
+	font-weight: 200;
+}
+
+@font-face {
+	font-family: 'ALS Schlange';
+	src: url("/fonts/als_schlange/alsschlangesans.otf");
+	font-weight: 400;
+}
+
+@font-face {
+	font-family: 'ALS Schlange';
+	src: url("/fonts/als_schlange/alsschlangesans-bold.otf");
+	font-weight: 600;
+}
+
+@font-face {
+	font-family: 'ALS Schlange';
+	src: url("/fonts/als_schlange/alsschlangesans-black.otf");
+	font-weight: 800;
+}

kodorvan/site/system/public/css/fonts/golos.css

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+
+@font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_VF.ttf");
+	font-weight: 400 900;
+}
+
+/* @font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_Regular.ttf");
+	font-weight: 400;
+}
+
+@font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_Medium.ttf");
+	font-weight: 500;
+}
+
+@font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_DemiBold");
+	font-weight: 600;
+}
+
+@font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_Bold");
+	font-weight: 700;
+}
+
+@font-face {
+	font-family: 'Golos';
+	src: url("/fonts/golos/Golos-Text_Black.ttf");
+	font-weight: 800;
+} */

kodorvan/site/system/public/css/fonts/strogo.css

@@ -0,0 +1,6 @@
+@charset "UTF-8";
+
+@font-face {
+	font-family: 'Strogo';
+	src: url("/fonts/strogo/Strogo-Regular.ttf");
+}

kodorvan/site/system/public/index.php

@@ -16,27 +16,18 @@ ini_set('display_startup_errors', 1); */
 // Initializing path to the public directory 
 define('INDEX', __DIR__);
 
-// Initializing path to the project root directory
+// Initializing the system directories
 define('ROOT',  INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR);
-
+define('JOURNAL', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'journal');
-// Initializing path to the directory of views 
-define('VIEWS', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'views');
-
-// Initializing path to the directory of settings 
 define('SETTINGS', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'settings');
+define('LOCALIZATIONS', INDEX . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'localizations');
+define('DATABASES', INDEX . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'databases');
+define('STORAGE', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'storage');
+define('VIEWS', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'views');
 
 // Initializing system settings 
 require SETTINGS . DIRECTORY_SEPARATOR . 'system.php';
 
-// Initializing path to the directory of the storage 
-define('STORAGE', INDEX . DIRECTORY_SEPARATOR	. '..' . DIRECTORY_SEPARATOR . 'storage');
-
-// Initializing path to the databases directory
-define('DATABASES', INDEX . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'databases');
-
-// Initializing path to the localizations directory
-define('LOCALIZATIONS', INDEX . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'localizations');
-
 // Initializing dependencies
 require ROOT . 'vendor' . DIRECTORY_SEPARATOR . 'autoload.php';
 
@@ -50,11 +41,13 @@ $core->router
 	->write('/policy', new route('policy', 'index'), 'GET')
 	->write('/recomendations', new route('recomendations', 'index'), 'GET')
 
-	->write('/system/superpack/create', new route('superpack', 'create'), 'GET')
-	->write('/system/superpack/create', new route('superpack', 'create'), 'PUT')
 	->write('/superpack/$urn', new route('superpack', 'index'), 'GET')
 
+	->write('/project/constructor', new route('project', 'constructor'), 'GET')
 	->write('/project/request', new route('project', 'request'), 'PUT')
+
+	->write('/system/superpack/create', new route('superpack', 'create'), 'GET')
+	->write('/system/superpack/create', new route('superpack', 'create'), 'PUT')
 ;
 
 // Handling request

kodorvan/site/system/public/js/modules/project.mjs

@@ -8,6 +8,11 @@
  * @description
  * Module for creating projects
  *
+ * @todo
+ * 1. Удалить полностью `this.#elements` и перенести всё управление HTML-элементами
+ * в систему слушателей событий `EventListener`, для управления извне и разделения логики
+ * 2. После первого пункта можно будет наконец очистить ебучий конструктор с его аргументами
+ *
  * @class
  * @public
  *
@@ -1065,6 +1070,64 @@ export default class project {
 		return this.#purpose;
 	}
 
+	/**
+	 * @name Superpack
+	 *
+	 * @description
+	 * The project superpack
+	 *
+	 * @type {string}
+	 *
+	 * @protected
+	 */
+	#superpack;
+
+	/**
+	 * @name Superpack (set)
+	 *
+	 * @public
+	 */
+	set superpack(value) {
+		if (typeof value === 'string' && value.length > 0) {
+			// String
+
+			// Writing the property
+			this.#superpack = value;
+
+			// Deleting from the stages registry
+			this.stages.delete('superpack');
+		} else {
+			// Undefined
+
+			// Deleting the property
+			this.#superpack = undefined;
+
+			// Writing into the stages registry
+			this.stages.add('superpack');
+		}
+
+		// Dispatching event: "project.write"
+		this.shell.dispatchEvent(
+			new CustomEvent("project.write", {
+				detail: { name: 'superpack', value: this.#superpack }
+			})
+		);
+
+		// Reinitializing guide HTML-elements
+		this.guide();
+	};
+
+	/**
+	 * @name Superpack (get)
+	 *
+	 * @return {string}
+	 *
+	 * @public
+	 */
+	get superpack() {
+		return this.#superpack;
+	}
+
 	/**
 	 * @name Project
 	 *
@@ -1729,6 +1792,7 @@ export default class project {
 		payment_output,
 		prepayment,
 		prepayment_output,
+		superpack,
 		project_name,
 		project_description,
 		project_files,
@@ -1775,6 +1839,8 @@ export default class project {
 			if (prepayment instanceof HTMLElement) this.#elements.set('prepayment', prepayment);
 			if (prepayment_output instanceof HTMLElement) this.#elements.set('prepayment_output', prepayment_output);
 
+			if (superpack instanceof HTMLElement) this.#elements.set('superpack', superpack);
+
 			if (project_name instanceof HTMLElement) this.#elements.set('project_name', project_name);
 			if (project_description instanceof HTMLElement) this.#elements.set('project_description', project_description);
 			if (project_files instanceof HTMLElement) this.#elements.set('project_files', project_files);
@@ -1819,7 +1885,7 @@ export default class project {
 									// Iterating over files
 
 									// Writing the parameter into the body buffer
-									body.append('file_' + index++, file);
+									body.append('file_' + index++, file, file.name);
 								}
 
 								return await core.request(
@@ -1828,8 +1894,7 @@ export default class project {
 									"PUT",
 									{
 										"Accept": "application/json",
-									},
+									}
-									null,
 								).then(
 									async (json) => {
 										if (json) {
@@ -2368,6 +2433,7 @@ export default class project {
     // Exit (success)
 		return JSON.stringify({
 			identifier: new Date().valueOf(),
+		  superpack: this.#superpack,
 			calculator: {
 				architecture: this.#architecture?.symbol.description,
 				purpose: this.#purpose?.symbol.description,

kodorvan/site/system/public/js/modules/system/article.mjs

@@ -0,0 +1,623 @@
+/** @module superpack */
+
+"use strict";
+
+/**
+ * @name superpack.mjs
+ *
+ * @description
+ * Module for creating superpacks
+ *
+ * @class
+ * @public
+ *
+ * {@link https://git.mirzaev.sexy/mirzaev/superpack.mjs}
+ *
+ * @license http://www.wtfpl.net/ Do What The Fuck You Want To Public License
+ * @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
+ */
+export default class superpack {
+	/**
+	 * @name Shell
+	 *
+	 * @description
+	 * Shell of all elements, top-level parent HTML-element
+	 *
+	 * @type {HTMLElement}
+	 *
+	 * @protected
+	 */
+	#shell;
+
+	/**
+	 * @name Elements
+	 *
+	 * @description
+	 * Calculation steps shell elements 
+	 *
+	 * @type {Map}
+	 *
+	 * @protected
+	 */
+	#elements = new Map();	
+
+	/**
+	 * @name Elements (get)
+	 *
+	 * @description
+	 * Getter for `this.#elements`
+	 *
+	 * @return {Map}
+	 *
+	 * @public
+	 */
+	get elements() {
+		return this.#elements;
+	}
+
+	/**
+	 * @name stages
+	 *
+	 * @description
+	 * Active stages for guide
+	 *
+	 * @return {Set}
+	 *
+	 * @protected
+	 */
+	#stages = new Set();
+
+	/**
+	 * @name Stages (get)
+	 *
+	 * @description
+	 * Getter for `this.#stages`
+	 *
+	 * @return {Set}
+	 *
+	 * @public
+	 */
+	get stages() {
+		return this.#stages;
+	}
+
+	/**
+	 * @name Shell (get)
+	 *
+	 * @description
+	 * Getter for `this.#shell`
+	 *
+	 * @return {HTMLElement}
+	 *
+	 * @public
+	 */
+	get shell() {
+		return this.#shell;
+	}
+
+	/**
+	 * @name URN
+	 *
+	 * @description
+	 * The superpack URN (https://kodorvan.tech/superpack/{URN})
+	 *
+	 * @type {string}
+	 *
+	 * @protected
+	 */
+	#urn = '';
+
+	/**
+	 * @name URN (set)
+	 *
+	 * @description
+	 * Setter for `this.#urn`
+	 *
+	 * @public
+	 */
+	set urn(value) {
+		// Writing into the hour cost
+		this.#urn = value;
+
+		// Dispatching event: "system.superpack.write"
+		this.#shell.dispatchEvent(
+			new CustomEvent("system.superpack.write", {
+				detail: { name: 'urn', value: value }
+			})
+		);
+
+		if (this.#urn.length > 0) {
+			// Has a value
+
+			// Deleting from the stages registry
+			this.#stages.delete('urn');
+		} else {
+			// Has no value 
+
+			// Writing into the stages registry
+			this.#stages.add('urn');
+		}
+			
+		// Reinitializing guide HTML-elements
+		this.guide();
+	}
+
+	/**
+	 * @name Title
+	 *
+	 * @description
+	 * The superpack title
+	 *
+	 * @type {string}
+	 *
+	 * @protected
+	 */
+	#title = '';
+
+	/**
+	* @name Title (set)
+	*
+	* @description
+	* Setter for `this.#title`
+	*
+	* @public
+	*/
+	set title(value) {
+		// Writing into the hour cost
+		this.#title = value;
+
+		// Dispatching event: "system.superpack.write"
+		this.#shell.dispatchEvent(
+			new CustomEvent("system.superpack.write", {
+				detail: { name: 'title', value: value }
+			})
+		);
+
+		if (this.#title.length > 0) {
+			// Has a value
+
+			// Deleting from the stages registry
+			this.#stages.delete('title');
+		} else {
+			// Has no value 
+
+			// Writing into the stages registry
+			this.#stages.add('title');
+		}
+			
+		// Reinitializing guide HTML-elements
+		this.guide();
+	}
+
+	/**
+	 * @name Image
+	 *
+	 * @description
+	 * The head image of the article
+	 *
+	 * @type {File}
+	 *
+	 * @protected
+	 */
+	#image;
+
+	/**
+	 * @name Image (set)
+	 *
+	 * @public
+	 */
+	set image(value) {
+		if (value instanceof File){
+			// File
+
+			// Writing into the property
+			this.#image = value;
+		} else {
+			// Undefined
+
+			// Deleting the property
+			this.#image = undefined;
+		}
+
+		if (this.#image.length > 0) {
+			// Has the image
+
+			// Deleting from the stages registry
+			this.#stages.delete('image');
+		} else {
+			// Has no image
+
+			// Writing into the stages registry
+			this.#stages.add('image');
+		}
+
+		// Dispatching event: "article.write"
+		this.shell.dispatchEvent(
+			new CustomEvent("article.write", {
+				detail: { name: 'image', value: this.#image }
+			})
+		);
+
+		// Reinitializing guide HTML-elements
+		this.guide();
+	};
+
+	/**
+	 * @name Image (get)
+	 *
+	 * @return {File}
+	 *
+	 * @public
+	 */
+	get image() {
+		return this.#image;
+	}
+
+	/**
+	 * @name HTML
+	 *
+	 * @description
+	 * The superpack content (HTML)
+	 *
+	 * @type {string}
+	 *
+	 * @protected
+	 */
+	#html = '';
+
+	/**
+	* @name HTML (set)
+	*
+	* @description
+	* Setter for `this.#html`
+	*
+	* @public
+	*/
+	set html(value) {
+		// Writing into the hour cost
+		this.#html = value;
+
+		// Dispatching event: "system.superpack.write"
+		this.#shell.dispatchEvent(
+			new CustomEvent("system.superpack.write", {
+				detail: { name: 'html', value: value }
+			})
+		);
+
+		if (this.#html.length > 0) {
+			// Has a value
+
+			// Deleting from the stages registry
+			this.#stages.delete('html');
+		} else {
+			// Has no value 
+
+			// Writing into the stages registry
+			this.#stages.add('html');
+		}
+			
+		// Reinitializing guide HTML-elements
+		this.guide();
+	}
+
+	/**
+	 * @name Text
+	 *
+	 * @description
+	 * The superpack content (text)
+	 *
+	 * @type {string}
+	 *
+	 * @protected
+	 */
+	#text = '';
+
+	/**
+	* @name Text (set)
+	*
+	* @description
+	* Setter for `this.#text`
+	*
+	* @public
+	*/
+	set text(value) {
+		// Writing into the hour cost
+		this.#text = value;
+
+		// Dispatching event: "system.superpack.write"
+		this.#shell.dispatchEvent(
+			new CustomEvent("system.superpack.write", {
+				detail: { name: 'text', value: value }
+			})
+		);
+
+		if (this.#text.length > 0) {
+			// Has a value
+
+			// Deleting from the stages registry
+			this.#stages.delete('text');
+		} else {
+			// Has no value 
+
+			// Writing into the stages registry
+			this.#stages.add('text');
+		}
+			
+		// Reinitializing guide text-elements
+		this.guide();
+	}
+
+	/**
+	 * @name Supercost
+	 *
+	 * @description
+	 * The superpack content (supercost)
+	 *
+	 * @type {number}
+	 *
+	 * @protected
+	 */
+	#supercost = 0;
+
+	/**
+	* @name Supercost (set)
+	*
+	* @description
+	* Setter for `this.#supercost`
+	*
+	* @public
+	*/
+	set supercost(value) {
+		// Writing into the hour cost
+		this.#supercost = value;
+
+		// Dispatching event: "system.superpack.write"
+		this.#shell.dispatchEvent(
+			new CustomEvent("system.superpack.write", {
+				detail: { name: 'supercost', value: value }
+			})
+		);
+
+		if (this.#supercost > 0) {
+			// Has a value
+
+			// Deleting from the stages registry
+			this.#stages.delete('supercost');
+		} else {
+			// Has no value 
+
+			// Writing into the stages registry
+			this.#stages.add('supercost');
+		}
+			
+		// Reinitializing guide supercost-elements
+		this.guide();
+	}
+
+	/**
+	 * @name Constructor
+	 *
+	 * @description
+	 * Initialize an instance
+	 *
+	 * @param {HTMLElement} shell The shell element
+	 **/
+	constructor(
+		shell,
+		urn,
+		title,
+		html,
+		text,
+		supercost
+	) {
+		if (shell instanceof HTMLElement) {
+			// Initialized the shell
+
+			// Writing the shell HTML-element
+			this.#shell = shell;
+
+			if (urn instanceof HTMLElement) this.#elements.set('urn', urn);
+			if (title instanceof HTMLElement) this.#elements.set('title', title);
+			if (html instanceof HTMLElement) this.#elements.set('html', html);
+			if (text instanceof HTMLElement) this.#elements.set('text', text);
+			if (supercost instanceof HTMLElement) this.#elements.set('supercost', supercost);
+
+			Object.assign(
+				this.send,
+				{
+					/**
+					 * @name Send (system)
+					 *
+					 * @description
+					 * Send the superpack data to the server
+					 *
+					 * @memberof superpack.send
+					 *
+					 * @return {void}
+					 */
+					async system(request, resolve, reject) {
+						try {
+							if (
+								// typeof identifier === "string" ||
+								true
+							) {
+								// Validated all required arguments
+
+								return await core.request(
+									"/system/superpack/create",
+									request,
+									"PUT",
+								).then(
+									async (json) => {
+										if (json) {
+											// Received a JSON-response
+
+											if (
+												json.errors !== null &&
+												typeof json.errors === "object" &&
+												json.errors.length > 0
+											) {
+												// Fail (received errors)
+
+												// Exit (fail)
+												reject(json);
+											} else {
+												// Success (not received errors)
+
+												// Reloading the page @todo make something smarter
+												alert("Запрос доставлен");
+
+												if (json.redirect?.length > 0) {
+													// Received the redirect
+
+													// Redirect
+													window.location = json.redirect;
+												}
+
+												// Exit (success)
+												resolve();
+											}
+										}
+									},
+									() => reject(),
+								);
+							}
+						} catch (e) {
+							console.log(e);
+
+						}
+					}
+				}
+			);
+
+			core?.modules.connect("damper").then((connected) => {
+				// Imported the damper.mjs module
+
+				Object.assign(
+					this.send,
+					{
+						/**
+						 * @name Send (damper)
+						 *
+						 * @description
+						 * Send the superpack data to the server
+						 *
+						 * @memberof superpack.send
+						 *
+						 * @param {booleanean} [force=false] Ignore the damper?
+						 *
+						 * @return {void}
+						 */
+						damper: core.global.damper(
+							(...variables) => this.send.system(...variables),
+							300,
+							2,
+						),
+					}
+				);
+			});
+		}
+	}
+
+	/**
+	* @name Guide
+	* 
+	* @description
+	* Set user interface help elements
+	*
+	* @param {(string|Set)} stages
+	*
+	* @public
+	**/
+	guide(stages) {
+		if (stages !== undefined) {
+			// Received stages
+
+			 if (stages instanceof Set)	{
+				 // Set
+
+				 // Reinitializing stages
+				 this.#stages = stages;
+			 } else {
+				 // String (expected) 
+
+				 // Writing into stages
+				 this.#stages.add(stages);
+			 }
+		}
+
+	 for (const [parameter, element] of this.#elements) {
+		 // Iterating over elements
+
+		 // Initializing the guide HTML-element
+		 const guide = element.querySelector('.guide');
+
+		 if (guide instanceof HTMLElement) {
+			 // Initialized the guide HTML-element
+
+			 // Initializing the input HTML-element
+			 const input = element.querySelector('.input');
+
+			 if (input.value == "" || this.#stages.has(parameter)) {
+				 // Requested guide
+
+				 // Showing the guide
+				 guide.classList.add('active');
+			 } else {
+				 // Not requested guide
+
+				 // Hiding the guide
+				 guide.classList.remove('active');
+			 }
+		 }
+	 }
+	}
+
+	/**
+	* @name Pack
+	*
+	* @description
+	* Compose the superpack parameters
+	*
+	* @public
+	*
+	* @returns {string} Parameters row for `application/x-www-form-urlencoded`
+	*/
+	pack() { 
+		// Exit (success)
+		return "identifier=" + encodeURIComponent(new Date().valueOf())
+			+ "&urn=" + encodeURIComponent(this.#urn)
+			+ "&title=" + encodeURIComponent(this.#title)
+			+ "&html=" + encodeURIComponent(this.#html)
+			+ "&text=" + encodeURIComponent(this.#text)
+			+ "&supercost=" + encodeURIComponent(this.#supercost)
+		;
+	}
+
+	/**
+	 * @name Send
+	 *
+	 * @description
+	 * Compose the superpack and send to the server
+	 *
+	 * @public
+	 *
+	 * @param {boolean} [force=false] Ignore the damper?
+	 */
+  send(force = false) {
+		core.modules.connect("damper").then(
+			() => {
+				// Imported the damper module
+
+				// Processing under damper
+				this.send.damper(this.pack(), force);
+			},
+			() => {
+				// Not imported the damper module
+
+				// Processing
+				this.send.system(this.pack());
+			},
+		);
+	}
+}

kodorvan/site/system/public/js/modules/system/superpack.mjs

@@ -403,6 +403,13 @@ export default class superpack {
 												// Reloading the page @todo make something smarter
 												alert("Запрос доставлен");
 
+												if (json.redirect?.length > 0) {
+													// Received the redirect
+
+													// Redirect
+													window.location = json.redirect;
+												}
+
 												// Exit (success)
 												resolve();
 											}
@@ -437,7 +444,7 @@ export default class superpack {
 						 *
 						 * @return {void}
 						 */
-						damper: core.damper(
+						damper: core.global.damper(
 							(...variables) => this.send.system(...variables),
 							300,
 							2,

kodorvan/site/system/public/js/pages/main.js

@@ -9,6 +9,10 @@ core.modules.connect(["damper", "project"]).then((connected) => {
 	// Initializing the files input wrap HTML-element
 	const files = document.getElementById("project_files");
 
+	// Initializing the superpack HTML-elements
+	const superpack = document.getElementById("superpack");
+	const superpack_value = superpack.querySelector('span.value');
+
 	// Initializing the instance of the project.mjs
 	core.global.project = new connected.global.project(
 		document.querySelector('section[data-paginator-page="2"]'), 
@@ -32,6 +36,7 @@ core.modules.connect(["damper", "project"]).then((connected) => {
 		undefined, 
 		undefined, 
 		undefined, 
+		superpack,
 		document.getElementById("project_name"),
 		document.getElementById("project_description"),
 		files,
@@ -96,14 +101,38 @@ core.modules.connect(["damper", "project"]).then((connected) => {
 		// Initializing the page buttons menu
 		core.global.paginator.shell.addEventListener("paginator.page.opened", function (event) {
 			// Scrolling to the introdution HTML-element
-			introdution?.scrollIntoView({ behavior: 'smooth' });
+			// introdution?.scrollIntoView({ behavior: 'smooth' });
+			// Сделать для мобилок 300 а для пк 0
+			window.scrollTo({ top: window.innerHeight > 1500 ? 0 : 300, behavior: 'smooth' });
 
 			// Initializing the page buttons menu
 			menu(event.detail.identifier);
 		});
 
-		// Connecting event listener for project calculation
+		// Connecting event listener for project parameters writings
-		core.global.project.shell.addEventListener("project.write", function() {
+		core.global.project.shell.addEventListener("project.write", function(event) {
+			if (event.detail.name === 'superpack') {
+				// Superpack
+				
+				if (superpack_value instanceof HTMLElement) {
+					// Initialized the superpack value HTML-element
+
+					// Writing the superpack value
+					superpack_value.innerText = event.detail.value ?? '';
+
+					if (superpack_value.innerText.length > 1) {
+						// Has a value
+
+						// Showing the superpack HTML-element
+						superpack.style.removeProperty('display');
+					} else {
+						// Has no value
+
+						// Hiding the sueprpack HTML-element
+						superpack.style.setProperty('display', 'none');
+					}
+				}
+			}
 
 			// Initializing the "project" page button HTML-element
 			const project = core.global.paginator.shell.querySelector('button[data-paginator-page-button="2"]');
@@ -146,7 +175,10 @@ core.modules.connect(["damper", "project"]).then((connected) => {
 		// Initializing the page buttons menu
 		core.global.paginator.shell.addEventListener("paginator.page.opened", function (event) {
 			// Scrolling to the introdution HTML-element
-			introdution?.scrollIntoView({ behavior: 'smooth' });
+			// introdution?.scrollIntoView({ behavior: 'smooth' });
+			// window.scrollTo({ top: 300, behavior: 'smooth' });
+			// Сделать для мобилок 300 а для пк 0
+			window.scrollTo({ top: window.innerHeight > 1500 ? 0 : 300, behavior: 'smooth' });
 
 			// Initializing the page buttons menu
 			menu(event.detail.identifier);

kodorvan/site/system/public/themes/default/css/colorscheme.css

@@ -4,9 +4,9 @@
 	:root {
 		--text-color: #fff;
 		--text-color-inverted: #000;
-		--link-color: #475bf9;
+		--link-color: #6a6cff;
-		--link-hover-color: #6375ff;
+		--link-hover-color: #7aa0fb;
-		--link-active-color: #3d53f6;
+		--link-active-color: #5c53c9;
 		--button-background-color: #fff;
 		--button-background-color-inverted: #000;
 		--button-hover-background-color: #abc7c6;
@@ -58,9 +58,9 @@
 	:root {
 		--text-color: #fff;
 		--text-color-inverted: #000;
-		--link-color: #475bf9;
+		--link-color: #6a6cff;
-		--link-hover-color: #6375ff;
+		--link-hover-color: #7aa0fb;
-		--link-active-color: #3d53f6;
+		--link-active-color: #5c53c9;
 		--button-background-color: #fff;
 		--button-background-color-inverted: #000;
 		--button-hover-background-color: #abc7c6;

kodorvan/site/system/public/themes/default/css/elements/companies.css

@@ -2,65 +2,67 @@
 
 article#companies {
 	z-index: 50;
+	margin-bottom: 5.5rem;
 	width: 100vw;
 	height: 70px;
-	padding-bottom: 4rem;
 	display: inline-flex;
 	flex-direction: row;
-	gap: 2rem;
+	gap: 2em;
+	font-size: 1rem;
 	pointer-events: none;
 
 	>img {
 		box-sizing: border-box;
-		padding: 0.8rem 1.2rem;
+		padding: 0.8em 1.2em;
-		border-radius: 1.25rem;
+		border-radius: 1.25em;
 		/* border-top: 1px solid #e6efff45;
     border-left: 1px solid #e5edff38;
     background: #d7f9ff2b;
     backdrop-filter: blur(1.6px); */
 		color: #fff;
 
-		&:is(.bitrix24) {
+		&.bitrix24 {
 			padding-top: 1.3rem;
 			padding-bottom: 0.5rem;
 		}
 
-		&:is(.moy_sklad) {
+		&.moy_sklad {
 			padding-top: 0.1rem;
 			padding-bottom: 0.4rem;
 		}
 
-		&:is(.wildberries) {
+		&.wildberries {
 			padding-top: 0.7rem;
 			padding-bottom: 1.1rem;
 		}
 
-		&:is(.ozon) {
+		&.ozon {
 			padding-top: 0.8rem;
 			padding-bottom: 1.1rem;
 		}
 
-		&:is(.yandex_market) {
+		&.yandex_market {
 			padding-bottom: 0.8rem;
 		}
 
-		&:is(.vk) {
+		&.vk {
 			padding-bottom: 0.4rem;
 		}
 
-		&:is(.max) {
+		&.max {
 			padding-bottom: 0.5rem;
 		}
 
-		&:is(.avito) {
+		&.avito {
 			padding-bottom: 1rem;
 		}
 	}
 }
 
 @media (width < 800px) {
-	section#companies {
+	article#companies {
-		height: 50px;
+		margin-bottom: 4.5rem;
-		padding-bottom: 2.5rem;
+		height: max(50px, min(9vw, 70px));
+		font-size: min(2vw, 1rem);
 	}
 }

kodorvan/site/system/public/themes/default/css/elements/ender.css

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+
+div#ender {
+	z-index: 500;
+	margin-bottom: var(--main-gap, 2em);
+	padding: 1.2em;
+	display: flex;
+	flex-direction: column;
+	gap: max(1.5rem, 0.3em);
+	font-size: 4.5rem;
+	text-align: center;
+	color: #fff;
+	rotate: 2deg;
+
+	>button {
+		--diameter: 7em;
+		margin: auto;
+		width: var(--diameter);
+		height: var(--diameter);
+		padding: 0.8em;
+		border-radius: 100%;
+		border: calc(var(--diameter) * 0.06) solid #fff;
+		rotate: -2deg;
+		background: unset;
+		backdrop-filter: blur(2px);
+
+		&:is(:hover, :focus) {
+			background: unset;
+			filter: brightness(0.7);
+		}
+
+		&:active {
+			filter: brightness(0.5);
+		}
+
+		>img.icon {
+			width: 100%;
+			height: 100%;
+		}
+	}
+}
+
+/* @media (width < 800px) {
+	div#ender {
+	}
+} */

kodorvan/site/system/public/themes/default/css/elements/facer.css

@@ -0,0 +1,479 @@
+@charset "UTF-8";
+
+section#facer {
+	--aside-width: 18em;
+	--button-height: 3.3em;
+	--button-padding: 1em;
+	position: relative;
+	display: grid;
+	grid-template-columns: var(--aside-width, 10vw) max(24vw, 22em) var(--aside-width, 10vw);
+	grid-template-rows: repeat(6, auto);
+	justify-content: center;
+	column-gap: 3em;
+	row-gap: 1em;
+
+	>header {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+
+		>h1 {
+			margin: unset;
+			padding: unset;
+			text-align: center;
+			font-family: "MT Sans";
+			font-weight: 400;
+			color: #fff;
+			text-shadow: 0px 0px 5px #000B, 0px 2px 2px #000B;
+
+			&:not(+small) {
+				margin-bottom: 0.5em;
+			}
+
+			&+span {
+				margin-top: 0.2em;
+				margin-bottom: 1em;
+				text-align: center;
+				color: #e9e8e2;
+				text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+			}
+
+			&+small {
+				margin-bottom: 1em;
+				text-align: center;
+				color: #fff;
+				text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+			}
+		}
+	}
+
+	>p.promotion {
+		margin: unset;
+		margin: 0 0rem 0.4rem 0rem;
+		padding: 0.5rem 0.7rem;
+		text-align: center;
+		font-size: 1.1rem;
+		font-weight: 600;
+		color: #45ff01;
+		border-radius: 1.25rem;
+		border: 2px solid #45ff01;
+		text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+		backdrop-filter: blur(1.2px);
+	}
+
+	>noscript {
+		display: flex;
+		flex-direction: column;
+
+		* {
+			color: #fff;
+		}
+	}
+
+	ul.window {
+		display: flex;
+		flex-direction: column;
+		list-style: none;
+		background: #557d8d42;
+
+		>li {
+			padding: 0.8em 0;
+			border-bottom: 2px solid #61ffe117;
+
+			&:first-of-type {
+				padding-top: unset;
+			}
+
+			&:last-of-type {
+				padding-bottom: unset;
+				border-bottom: unset;
+			}
+
+			>:is(strong, b) {
+				color: #cfeee5;
+				font-weight: 600;
+
+				/* &.important {
+					color: #87d089;
+				} */
+			}
+		}
+	}
+
+	small.window {
+		background: #557d8d42;
+	}
+
+	:is(ul, small).window {
+		/* padding: 0.6em 1em; */
+		padding: 1em 1.2em;
+		text-align: left;
+		font-family: "Golos";
+		font-size: 0.9em;
+		font-weight: 500;
+		color: #98adb1;
+		border-radius: 1.25rem;
+		border-top: 1px solid #84d1d52e;
+		backdrop-filter: blur(2px) contrast(1.14);
+		/* text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B; */
+		text-shadow: unset;
+
+		>img.icon {
+			margin-right: 0.5em;
+			height: 1.6ch;
+			vertical-align: baseline;
+			margin-bottom: -2px;
+
+			&.thunder {
+				margin-top: -0.2em;
+				margin-right: 0.3em;
+				height: 2ch;
+				vertical-align: top;
+			}
+		}
+
+		>:is(strong, b) {
+			/* display: block; */
+			font-weight: 600;
+			color: #ebdada;
+
+			&.red {
+				color: #f44;
+			}
+
+			&.green {
+				color: #44ff50;
+			}
+
+			&.blue {
+				color: #457cff;
+			}
+
+			&.yellow {
+				color: #faff50;
+			}
+
+			&.cyan {
+				color: #01e8ff;
+			}
+		}
+
+		/* >li {
+			color: #99bc99;
+			filter: brightness(0.9);
+
+			>:is(strong, b) {
+				color: #dbf0db;
+
+				&.important {
+					color: #87d089;
+				}
+			}
+
+			&:nth-of-type(2n) {
+				color: #9fc8d4;
+
+				>:is(strong, b) {
+					color: #f0d4ff;
+
+					&.important {
+						color: #6bb9fd;
+					}
+				}
+			}
+		} */
+	}
+
+	>div.partners {
+		margin-top: 1rem;
+		padding: 0 1em;
+		display: flex;
+		flex-direction: column;
+
+		>div.icon {
+			height: 24px;
+			scale: 1.2;
+			background: linear-gradient(#ffe24c 30%, #b89301 80%);
+			mask: var(--mask-image) no-repeat center bottom;
+		}
+
+		>b {
+			text-align: center;
+			font-family: Bahnschrift;
+			font-weight: 600;
+			font-size: 1.2em;
+			color: #d6d327;
+			text-shadow: 0px 0px 5px #FFB54147, 0px 0px 2px #FFAF313D;
+		}
+	}
+
+	>small.offer {
+		margin-top: 1.2rem;
+		padding: 0 1.5em;
+		text-align: center;
+		font-size: 0.8em;
+		color: #fff;
+		text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+
+		>b {
+			display: block;
+		}
+	}
+
+	>div#contacts_shortcut {
+		margin-top: 1rem;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 0.1em;
+		color: #fff;
+
+		>span {
+			font-family: Bahnschrift;
+			font-weight: 600;
+		}
+
+		>div.sim {
+			a.number {
+				margin: unset;
+				color: #fff;
+				text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+
+				>span {
+					font-weight: 400;
+				}
+
+				+small {
+					font-family: "Bahnschrift";
+					font-weight: 100;
+					text-shadow: 0px 1px 3px #000C, 0px 1px 1px #000B;
+				}
+			}
+		}
+	}
+
+	>div.mega {
+		--border-radius: 1.25rem;
+		--border-width: 4px;
+		height: var(--button-height, 60px);
+		display: flex;
+		flex-direction: row;
+
+		&:is(:first-child) {
+			margin-bottom: 1rem;
+		}
+
+		&:has(>button.delete:is(:hover, :focus)) {
+			>div.content {
+				border-color: var(--button-hover-background-color);
+			}
+		}
+
+		&:has(>button.delete:active) {
+			>div.content {
+				border-color: var(--button-active-background-color);
+			}
+		}
+
+		>div.content {
+			z-index: 100;
+			flex-grow: 1;
+			padding: 0.52em 0.6em;
+			display: flex;
+			align-items: center;
+			gap: 0.6em;
+			border-radius: var(--border-radius, 1.25rem);
+			border: var(--border-width, 4px) solid #fff;
+			background: #000;
+
+			>img.icon {
+				width: auto;
+				max-height: 3rem;
+				height: 100%;
+			}
+
+			>span.value {
+				font-family: "Golos";
+				font-size: 1em;
+				font-weight: 500;
+				color: #fff;
+			}
+		}
+
+		>button.delete {
+			--offset-left: calc(var(--border-radius, 1.25rem) + var(--border-width, 4px));
+			z-index: 50;
+			margin-left: calc(var(--offset-left) * -1);
+			width: calc(var(--button-height, 70px) * 1.3 + var(--button-padding, 1em) + var(--offset-left, 0px));
+			height: max(var(--button-height, 70px), 100%);
+			padding: var(--button-padding, 1em);
+			padding-left: calc(var(--offset-left) + var(--border-width));
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			border-radius: 0 var(--border-radius, 1.25rem) var(--border-radius, 1.25rem) 0;
+			border: unset;
+			background: #fff;
+
+			&:is(:hover, :focus) {
+				background: var(--button-hover-background-color);
+			}
+
+			&:active {
+				background: var(--button-active-background-color);
+			}
+
+			>img.icon {
+				scale: 1.2;
+			}
+		}
+	}
+
+	>div.adaptive {
+		/* display: contents; */
+		display: flex;
+		flex-direction: row;
+		gap: 1rem;
+
+		>* {
+			width: 100%;
+		}
+
+		>button#back {
+			--diameter: 7ch;
+			--radius: calc(var(--diameter, 4ch) / 2);
+			width: var(--button-height, 30%);
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			border: unset;
+			background-color: var(--button-background-color, #fff);
+
+			position: relative;
+			left: unset;
+			top: unset;
+			margin: unset;
+			min-width: var(--diameter, 4ch);
+			width: 30%;
+			height: auto;
+			border-radius: 1.25rem;
+
+			&:is(:hover, :focus) {
+				background-color: var(--button-hover-background-color, #abc7c6);
+			}
+
+			&:active {
+				background-color: var(--button-active-background-color, #8fa3a2);
+			}
+
+			>img {
+				padding-bottom: 0.15em;
+				scale: 1.4;
+			}
+		}
+
+		>div#buttons {
+			/* margin-bottom: var(--margin-bottom, 0.8rem); */
+			margin-bottom: unset;
+			flex-direction: row;
+			justify-content: center;
+
+			>button {
+				min-width: 100%;
+				height: var(--button-height, 30%);
+				/* padding: 1.05em 1.3em 1em;
+				border-radius: 0.75rem; */
+				box-sizing: border-box;
+				padding: 0 var(--button-padding);
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				font-family: "Golos";
+				font-size: 1em;
+				font-weight: 500;
+				border-radius: 1.25rem;
+				border: unset;
+				background-color: var(--button-background-color, #fff);
+
+				&:is(:hover, :focus) {
+					background-color: var(--button-hover-background-color, #abc7c6);
+				}
+
+				&:active {
+					background-color: var(--button-active-background-color, #8fa3a2);
+				}
+
+				&#send {
+					--shadow: 0 4px 5px -4px rgba(0, 0, 0, 0.5);
+					/* padding: 2.3ch 4.5ch 2.5ch; */
+					font-weight: 500;
+					color: #fff;
+					text-shadow: 0 0px 0.4em #0004, 0 0 1.7em #000;
+					border: unset;
+					background: hsl(var(--button-send-background-color, 120deg) 40% 50%);
+					box-shadow: var(--shadow);
+					-webkit-box-shadow: var(--shadow);
+					-moz-box-shadow: var(--shadow);
+					transition: background 1.2s ease-out;
+
+					&:not(:disabled) {
+						filter: contrast(1.1);
+
+						&:is(:hover, :focus) {
+							>div.color {
+								filter: brightness(0.6);
+							}
+						}
+
+						&:active {
+							>div.color {
+								filter: brightness(0.45);
+							}
+						}
+
+						/* >div.color {
+							filter: brightness(0.85);
+						} */
+					}
+
+					&:disabled {
+						>div.color {
+							filter: grayscale(1) brightness(0.8);
+						}
+					}
+				}
+
+				&:disabled {
+					>div.color {
+						filter: grayscale(1) brightness(0.8);
+					}
+
+					>small.disabled {
+						display: initial;
+					}
+				}
+
+				>small.disabled {
+					display: none;
+					font-size: 0.7em;
+				}
+			}
+
+			&:is(#paginator) {
+				flex-direction: row;
+				justify-content: center;
+
+				>button {
+					flex-grow: 1;
+				}
+			}
+		}
+	}
+}
+
+@media (width < 500px) {
+	section#facer {
+		--button-height: 4.5em;
+	}
+}

kodorvan/site/system/public/themes/default/css/elements/rofls.css

@@ -20,7 +20,8 @@ body {
 	}
 
 	>article#rofls {
-		z-index: 50;
+		z-index: 4000;
+		position: relative;
 		width: 100vw;
 		height: 32px;
 		display: flex;

kodorvan/site/system/public/themes/default/css/fonts.css

@@ -1,11 +1,14 @@
 /* @import url('/css/fonts/fira.css'); */
 /* @import url('/css/fonts/hack.css'); */
 /* @import url('/css/fonts/dejavu.css'); */
-@import url('/css/fonts/nunito.css');
+/* @import url('/css/fonts/nunito.css'); */
+/* @import url('/css/fonts/als_schlange.css'); */
+@import url('/css/fonts/golos.css');
 @import url('/css/fonts/cascadia_code.css');
 @import url('/css/fonts/geologica.css');
 /* @import url('/css/fonts/commissioner.css'); */
 @import url('/css/fonts/mt_sans.css');
+/* @import url('/css/fonts/strogo.css'); */
 /* @import url('/css/fonts/vredina.css'); */
 @import url('/css/fonts/gost.css');
 @import url('/css/fonts/bahnschrift.css');

kodorvan/site/system/public/themes/default/css/footer.css

@@ -87,16 +87,6 @@ footer {
 					font-size: 0.8rem;
 					color: #a3a396;
 
-					::selection {
-						color: #000;
-						background: #F22;
-					}
-
-					::-moz-selection {
-						color: #000;
-						background: #F22;
-					}
-
 					>span.row {
 						display: inline-flex;
 						justify-content: end;

kodorvan/site/system/public/themes/default/css/header.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-header {
+body>header {
 	z-index: 1000;
 	top: 0;
 	left: 0;
@@ -9,7 +9,7 @@ header {
 	height: calc(var(--menu-height) + var(--introdution-height));
 	pointer-events: none;
 
-	> div {
+	>div {
 		top: 0;
 		position: sticky;
 		width: 100%;
@@ -26,7 +26,7 @@ header {
 			display: none;
 		}
 
-		> a#logotype {
+		>a#logotype {
 			margin-top: -0.4rem;
 			display: flex;
 			flex-direction: column;
@@ -34,13 +34,13 @@ header {
 			text-decoration: none;
 			color: #000;
 
-			> h4:only-of-type:first-child {
+			>h4:only-of-type:first-child {
 				margin: unset;
 				font-family: "Cascadia Code";
 				font-size: 2.5em;
 			}
 
-			> small:only-of-type:last-child {
+			>small:only-of-type:last-child {
 				justify-self: end;
 				align-self: end;
 				margin-top: -0.8em;
@@ -51,14 +51,14 @@ header {
 			}
 		}
 
-		> nav#menu {
+		>nav#menu {
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			gap: 1rem;
 			font-family: "Geologica";
 
-			> a {
+			>a {
 				text-decoration: none;
 				font-weight: 500;
 				font-size: 1rem;

kodorvan/site/system/public/themes/default/css/interface/logotype.css

@@ -1,9 +1,10 @@
 h1#logotype {
 	z-index: 200;
 	margin: unset;
-	margin-top: 6rem;
+	margin-top: 100px;
-	margin-bottom: 2rem;
+	margin-bottom: unset;
 	width: max-content;
+	height: 200px;
 	display: flex;
 	flex-direction: column;
 	text-align: center;

kodorvan/site/system/public/themes/default/css/interface/media.css

@@ -7,7 +7,7 @@ div.social.media {
 	gap: 1ch;
 
 	>a {
-		display: contents;
+		display: block;
 
 		>img {
 			width: auto;

kodorvan/site/system/public/themes/default/css/interface/sim.css

@@ -30,7 +30,7 @@ div.sim {
 		border: unset;
 
 		>img.icon {
-			scale: 0.8;
+			/* scale: 0.8; */
 			color: #fff;
 		}
 	}

kodorvan/site/system/public/themes/default/css/main.css

@@ -4,6 +4,7 @@ main {
 	--scroll-px-ten: calc(var(--scroll-px) / 10);
 	--scroll-px-hundred: calc(var(--scroll-px-ten) / 10);
 	--scroll-px-thousand: calc(var(--scroll-px-hundred) / 10);
+	--main-gap: 60px;
 	margin-top: var(--menu-height);
 	min-height: 100vh;
 	display: flex;
@@ -12,8 +13,6 @@ main {
 	align-items: center;
 	transition: 0s;
 	overflow-x: hidden;
-	overflow-y: scroll;
-	overscroll-behavior: none;
 
 	&:not(:has(*)) {
 		display: none;

kodorvan/site/system/public/themes/default/css/pages/article.css

@@ -0,0 +1,36 @@
+@charset "UTF-8";
+
+body {
+	>main {
+		>article#article {
+			z-index: 500;
+			border-radius: 1.25rem;
+			margin: 3rem 0 8rem;
+			width: 880px;
+			box-sizing: border-box;
+			padding: 3rem 4rem;
+			background: #fff;
+
+			>h1 {
+				margin-top: unset;
+				margin-bottom: 2.5rem;
+				text-align: center;
+				font-family: "MT Sans";
+				font-size: 3rem;
+				font-weight: 400;
+			}
+		}
+	}
+}
+
+@media (width < 1000px) {
+	body {
+		>main {
+			>article#article {
+				margin-bottom: unset;
+				width: 100%;
+				border-radius: unset;
+			}
+		}
+	}
+}

kodorvan/site/system/public/themes/default/css/pages/index.css

@@ -2,6 +2,67 @@
 
 body {
 	>main {
+		>section#facer {
+			padding: 3rem 0 8rem;
+			font-size: 1.3rem;
+
+			>header {
+				grid-column: 2;
+				grid-row: 1;
+			}
+
+			>ul.description {
+				grid-column: 1;
+				grid-row: 2;
+				margin: unset;
+				height: fit-content;
+			}
+
+			>article#project {
+				grid-column: 2;
+				grid-row: 2;
+			}
+
+			>div.other {
+				grid-column: 3;
+				grid-row: 2;
+				display: flex;
+				flex-direction: column;
+				gap: 1em;
+
+				>small.guarantee {
+					/* background: #2ea05b3d; */
+				}
+			}
+
+			>div.mega#superpack {
+				grid-column: 2;
+				grid-row: 3;
+			}
+
+			>div.adaptive {
+				grid-column: 2;
+				/* grid-row: 4; */
+			}
+
+			>a.full {
+				grid-column: 2;
+				/* grid-row: 5; */
+				text-align: center;
+				font-size: 0.8em;
+			}
+
+			>div.partners {
+				grid-column: 2;
+				/* grid-row: 6; */
+			}
+
+			>div#contacts_shortcut {
+				grid-column: 2;
+				/* grid-row: 7; */
+			}
+		}
+
 		>section.section {
 			z-index: 500;
 			width: 100%;
@@ -24,3 +85,53 @@ body {
 		}
 	}
 }
+
+@media (width < 90rem) {
+	body {
+		>main {
+			section#facer {
+				grid-template-columns: max(24vw, 22em);
+
+				>header,
+				>article#project,
+				>div.mega#superpack,
+				>div.adaptive,
+				>a.full,
+				>div.partners,
+				>div#contacts_shortcut {
+					grid-column: 1;
+				}
+
+				>ul.description {
+					display: none;
+				}
+
+				>div.other {
+					grid-column: 1;
+					grid-row: unset;
+					margin-top: 1em;
+				}
+			}
+		}
+	}
+}
+
+@media (width < 800px) {
+	body {
+		>main {
+			section#facer {
+				grid-template-columns: 70vw;
+			}
+		}
+	}
+}
+
+@media (width < 600px) {
+	body {
+		>main {
+			section#facer {
+				grid-template-columns: 80vw;
+			}
+		}
+	}
+}

kodorvan/site/system/public/themes/default/css/pages/system/superpack/create.css

@@ -145,6 +145,140 @@ body {
 					}
 				}
 
+				>div#superpack_image {
+					>img.icon {
+						grid-row: 1;
+						align-self: start;
+					}
+
+					>div {
+						--padding-vertical: 1.7em;
+						grid-row: 1/3;
+						position: relative;
+						min-height: 6ch;
+						height: min-content;
+						padding: 0 1.3em var(--padding-vertical, 1em);
+						display: flex;
+						flex-direction: column;
+						justify-content: start;
+						align-items: center;
+						gap: 0.2rem;
+
+						&:has(>input[type="file"]:is(:hover, :focus)) {
+							>label.pseudoinput {
+								background-color: #e7e6e0;
+							}
+						}
+
+						&:has(>input[type="file"]:active) {
+							>label.pseudoinput {
+								background-color: #c0bfb4;
+							}
+						}
+
+						>span.title {
+							z-index: 60;
+							margin: unset;
+							margin-top: calc(var(--padding-vertical, 1em) + 0.3em);
+							font-family: Bahnschrift;
+							font-size: 0.9em;
+							font-weight: 400;
+							pointer-events: none;
+						}
+
+						>ol.files {
+							z-index: 50;
+							margin: unset;
+							margin-top: 0.2em;
+							padding: unset;
+							display: flex;
+							flex-direction: column;
+							gap: 0.2em;
+							font-size: 0.8em;
+							list-style: numbered;
+
+							&:empty {
+								display: none;
+							}
+
+							>li {
+								position: relative;
+								height: 1.3em;
+								box-sizing: border-box;
+								line-height: 1.1em;
+
+								&:has(>button:is(:hover, :focus)) {
+									border-bottom: 1px dashed #000;
+								}
+
+								&:has(>button:active) {
+									border-bottom: 1px solid #000;
+								}
+
+								>button.delete {
+									position: absolute;
+									top: -0.05em;
+									right: -1.7em;
+									height: 1.3em;
+									padding: 0.15em;
+									border: unset;
+									background: unset;
+
+									>img {
+										width: 100%;
+										height: 100%;
+										display: block;
+									}
+
+									&:is(:hover, :focus) {
+										background-color: #3302;
+									}
+
+									&:active {
+										background-color: #3304;
+									}
+								}
+							}
+						}
+
+						>small.guide {
+							z-index: 60;
+							text-align: center;
+							pointer-events: none;
+						}
+
+						>label.pseudoinput {
+							z-index: 0;
+							position: absolute;
+							width: 100%;
+							height: 100%;
+							box-sizing: border-box;
+							cursor: context-menu;
+							border: 1px dashed #000;
+
+							&:is(:hover, :focus) {
+								>label.pseudoinput {
+									background-color: #e7e6e0;
+								}
+							}
+
+							&:active {
+								>label.pseudoinput {
+									background-color: #c0bfb4;
+								}
+							}
+						}
+
+						>input[type="file"] {
+							position: absolute;
+							width: 0;
+							height: 0;
+							opacity: 0;
+							pointer-events: none;
+						}
+					}
+				}
+
 				>button {
 					padding: 1.2rem 1rem;
 					font-size: 1.1rem;
@@ -162,7 +296,7 @@ body {
 @media (width < 1000px) {
 	body {
 		>main {
-			>article#offer {
+			>article#superpack {
 				margin-bottom: unset;
 				width: 100%;
 				border-radius: unset;

kodorvan/site/system/public/themes/default/css/system.css

@@ -20,7 +20,7 @@
 	--cookies-width: 24rem;
 	--cookies-height: 4rem;
 
-	font-family: "Nunito", "DejaVu", sans-serif;
+	font-family: "Golos", sans-serif;
 	text-decoration: none;
 	outline: none;
 	border: none;
@@ -40,17 +40,35 @@
 	text-shadow: none;
 }
 
+.important {
+	&::selection {
+		color: #000;
+		background: #F22;
+		text-shadow: none;
+	}
+
+	&::-moz-selection {
+		color: #000;
+		background: #F22;
+		text-shadow: none;
+	}
+}
+
 body {
 	margin: unset;
 	width: 100vw;
+	height: 100%;
+	-webkit-overflow-scrolling: touch;
 	overflow-x: hidden;
+	overflow-y: scroll;
+	overscroll-behavior: none;
 
 	/* background: var(--background-color, #fff);
 	background: var(--background-gradient); */
 	background-color: #020c13;
 
 	>div.vignette {
-		z-index: 100;
+		z-index: -100;
 		position: fixed;
 		top: 0;
 		width: 100vw;
@@ -68,7 +86,7 @@ body {
 		--dot-color: #041825;
 		--dot-size: 23px;
 		--dot-space: 24px;
-		z-index: -50;
+		z-index: -500;
 		position: fixed;
 		top: 0;
 		left: min(-30vw, -300px);
@@ -97,14 +115,14 @@ a {
 	}
 
 	&::selection {
-		color: #094ef2;
+		color: #00F;
-		background: #dbd035;
+		background: #FF2;
 		text-shadow: none;
 	}
 
 	&::-moz-selection {
-		color: #094ef2;
+		color: #00f;
-		background: #dbd035;
+		background: #FF2;
 		text-shadow: none;
 	}
 
@@ -130,6 +148,10 @@ a {
 	user-select: none;
 }
 
+.underline {
+	text-decoration: underline;
+}
+
 input[type="range"] {
 	cursor: grab;
 
@@ -140,6 +162,7 @@ input[type="range"] {
 
 input:not([type="range"]) {
 	margin: unset;
+	margin-right: 0.8em;
 	padding: 0.2em 0.4em 0.3em;
 	box-sizing: border-box;
 	font-size: 1em;
@@ -178,16 +201,17 @@ select {
 
 textarea {
 	margin: unset;
-	padding: 0.5em 0.7em;
+	padding: 0.8em 1.2em;
 	box-sizing: border-box;
-	font-size: 1em;
+	font-size: 0.8em;
 	outline: unset;
 	border: 1px solid;
 	border-bottom: 1px solid;
 	background: unset;
 }
 
-button {
+button,
+a.button {
 	font-family: Bahnschrift;
 	font-weight: 400;
 	cursor: pointer;

kodorvan/site/system/public/themes/default/images/icons/arrow-bottom-left.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M18.2426 7.17154L16.8284 5.75732L7.75739 14.8283L7.75739 10.2427H5.75739L5.75739 18.2427H13.7574V16.2427L9.17144 16.2427L18.2426 7.17154Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-bottom-right.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.75739 7.17154L7.1716 5.75732L16.2426 14.8283L16.2426 10.2427H18.2426L18.2426 18.2427H10.2426V16.2427L14.8285 16.2427L5.75739 7.17154Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-down.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.0001 3.67157L13.0001 3.67157L13.0001 16.4999L16.2426 13.2574L17.6568 14.6716L12 20.3284L6.34314 14.6716L7.75735 13.2574L11.0001 16.5001L11.0001 3.67157Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-long-down.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13.0125 19.162L14.8246 17.3398L16.2427 18.7501L12.012 23.0046L7.75726 18.7739L9.16751 17.3557L11.0126 19.1905L10.998 0.997021L12.998 0.995422L13.0125 19.162Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-long-left.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1.02698 11.9929L5.26242 16.2426L6.67902 14.8308L4.85766 13.0033L22.9731 13.0012L22.9728 11.0012L4.85309 11.0033L6.6886 9.17398L5.27677 7.75739L1.02698 11.9929Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-long-right.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M23.0677 11.9929L18.818 7.75739L17.4061 9.17398L19.2415 11.0032L0.932469 11.0012L0.932251 13.0012L19.2369 13.0032L17.4155 14.8308L18.8321 16.2426L23.0677 11.9929Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-long-up.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12.0321 1.01712L7.75751 5.22761L9.161 6.65246L11.0197 4.82165L10.9644 22.9768L12.9644 22.9829L13.0195 4.86974L14.8177 6.69525L16.2425 5.29175L12.0321 1.01712Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-right.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15.0378 6.34317L13.6269 7.76069L16.8972 11.0157L3.29211 11.0293L3.29413 13.0293L16.8619 13.0157L13.6467 16.2459L15.0643 17.6568L20.7079 11.9868L15.0378 6.34317Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-top-left.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13.4747 5.49475L13.4793 7.49475L8.92175 7.50541L18.5253 17.0896L17.1125 18.5052L7.48259 8.89473L7.49339 13.5088L5.49339 13.5134L5.47467 5.51345L13.4747 5.49475Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-top-right.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10.5253 5.49475L10.5206 7.49475L15.0782 7.50541L5.47473 17.0896L6.88752 18.5052L16.5173 8.89479L16.5065 13.5088L18.5065 13.5134L18.5253 5.51345L10.5253 5.49475Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/arrow-top.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M17.6568 8.96219L16.2393 10.3731L12.9843 7.10285L12.9706 20.7079L10.9706 20.7059L10.9843 7.13806L7.75404 10.3532L6.34314 8.93572L12.0132 3.29211L17.6568 8.96219Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/band-aid.svg

@@ -0,0 +1,30 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.9389 9.76478C11.7055 10.2653 11.1105 10.4819 10.61 10.2485C10.1094 10.0151 9.89288 9.42008 10.1263 8.91954C10.3597 8.419 10.9547 8.20244 11.4552 8.43585C11.9558 8.66925 12.1723 9.26423 11.9389 9.76478Z"
+    fill="currentColor"
+  />
+  <path
+    d="M8.9195 13.8737C9.42004 14.1071 10.015 13.8905 10.2484 13.39C10.4818 12.8895 10.2653 12.2945 9.76474 12.0611C9.2642 11.8277 8.66922 12.0442 8.43581 12.5448C8.20241 13.0453 8.41896 13.6403 8.9195 13.8737Z"
+    fill="currentColor"
+  />
+  <path
+    d="M13.8737 15.0805C13.6403 15.581 13.0453 15.7976 12.5447 15.5642C12.0442 15.3308 11.8276 14.7358 12.061 14.2352C12.2944 13.7347 12.8894 13.5181 13.39 13.7516C13.8905 13.985 14.1071 14.5799 13.8737 15.0805Z"
+    fill="currentColor"
+  />
+  <path
+    d="M14.2352 11.9389C14.7357 12.1723 15.3307 11.9558 15.5641 11.4552C15.7975 10.9547 15.581 10.3597 15.0804 10.1263C14.5799 9.89292 13.9849 10.1095 13.7515 10.61C13.5181 11.1106 13.7347 11.7055 14.2352 11.9389Z"
+    fill="currentColor"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M17.0714 1.12432C14.0682 -0.276119 10.4983 1.02321 9.09783 4.02645L4.02641 14.9021C2.62598 17.9054 3.92531 21.4753 6.92855 22.8757C9.93179 24.2761 13.5017 22.9768 14.9021 19.9736L19.9735 9.09787C21.374 6.09463 20.0746 2.52475 17.0714 1.12432ZM13.9347 17.3157L17.3157 10.0653L10.0652 6.6843L6.68427 13.9348L13.9347 17.3157ZM13.0895 19.1283L5.83903 15.7474C4.90541 17.7495 5.77163 20.1295 7.77379 21.0631C9.77595 21.9967 12.1559 21.1305 13.0895 19.1283ZM16.2262 2.93693C18.2283 3.87055 19.0945 6.25047 18.1609 8.25264L10.9104 4.87169C11.8441 2.86953 14.224 2.00331 16.2262 2.93693Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/bold/close.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <path
+     style="fill:#ffffff;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-miterlimit:5;stroke-dasharray:none;paint-order:stroke fill markers"
+     d="m 5.5,5.5 13,13"
+     id="path2" />
+  <path
+     style="fill:#ffffff;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:5;stroke-dasharray:none;paint-order:stroke fill markers"
+     d="m 18.5,5.5 -13,13"
+     id="path3" />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/bolt.svg

@@ -0,0 +1,9 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M9 21.5L17.5 13L13 10L15 2.5L6.5 11L11 14L9 21.5Z" fill="currentColor" />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/crown.svg

@@ -0,0 +1,14 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.5 6.09143L7.21997 10.8114L12.0005 6.03088L16.7811 10.8114L21.5 6.09245V14.9691C21.5 16.626 20.1569 17.9691 18.5 17.9691H5.5C3.84314 17.9691 2.5 16.626 2.5 14.9691V6.09143ZM19.5 10.9087V14.9691C19.5 15.5214 19.0523 15.9691 18.5 15.9691H5.5C4.94771 15.9691 4.5 15.5214 4.5 14.9691V10.9077L7.21997 13.6277L12.0005 8.84717L16.7811 13.6277L19.5 10.9087Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/disc.svg

@@ -0,0 +1,28 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z"
+    fill="currentColor"
+  />
+  <path
+    d="M5 12C5 8.13401 8.13401 5 12 5V7C9.23858 7 7 9.23858 7 12H5Z"
+    fill="currentColor"
+  />
+  <path
+    d="M12 17C14.7614 17 17 14.7614 17 12H19C19 15.866 15.866 19 12 19V17Z"
+    fill="currentColor"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/external.svg

@@ -0,0 +1,16 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15.6396 7.02527H12.0181V5.02527H19.0181V12.0253H17.0181V8.47528L12.1042 13.3892L10.6899 11.975L15.6396 7.02527Z"
+    fill="currentColor"
+  />
+  <path
+    d="M10.9819 6.97473H4.98193V18.9747H16.9819V12.9747H14.9819V16.9747H6.98193V8.97473H10.9819V6.97473Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/gift.svg

@@ -0,0 +1,14 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M17.5354 2.87868C16.3638 1.70711 14.4644 1.70711 13.2928 2.87868L11.8786 4.29289C11.8183 4.35317 11.7611 4.41538 11.707 4.47931C11.653 4.41539 11.5958 4.3532 11.5355 4.29293L10.1213 2.87871C8.94975 1.70714 7.05025 1.70714 5.87868 2.87871C4.70711 4.05029 4.70711 5.94978 5.87868 7.12136L6.75732 8H1V14H3V22H21V14H23V8H16.6567L17.5354 7.12132C18.707 5.94975 18.707 4.05025 17.5354 2.87868ZM14.707 7.12132L16.1212 5.70711C16.5117 5.31658 16.5117 4.68342 16.1212 4.29289C15.7307 3.90237 15.0975 3.90237 14.707 4.29289L13.2928 5.70711C12.9023 6.09763 12.9023 6.7308 13.2928 7.12132C13.6833 7.51184 14.3165 7.51184 14.707 7.12132ZM10.1213 5.70714L8.70711 4.29293C8.31658 3.9024 7.68342 3.9024 7.29289 4.29293C6.90237 4.68345 6.90237 5.31662 7.29289 5.70714L8.70711 7.12136C9.09763 7.51188 9.7308 7.51188 10.1213 7.12136C10.5118 6.73083 10.5118 6.09767 10.1213 5.70714ZM21 10V12H3V10H21ZM12.9167 14H19V20H12.9167V14ZM11.0834 14V20H5V14H11.0834Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/heart.svg

@@ -0,0 +1,14 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12.0122 5.57169L10.9252 4.48469C8.77734 2.33681 5.29493 2.33681 3.14705 4.48469C0.999162 6.63258 0.999162 10.115 3.14705 12.2629L11.9859 21.1017L11.9877 21.0999L12.014 21.1262L20.8528 12.2874C23.0007 10.1395 23.0007 6.65711 20.8528 4.50923C18.705 2.36134 15.2226 2.36134 13.0747 4.50923L12.0122 5.57169ZM11.9877 18.2715L16.9239 13.3352L18.3747 11.9342L18.3762 11.9356L19.4386 10.8732C20.8055 9.50635 20.8055 7.29028 19.4386 5.92344C18.0718 4.55661 15.8557 4.55661 14.4889 5.92344L12.0133 8.39904L12.006 8.3918L12.005 8.39287L9.51101 5.89891C8.14417 4.53207 5.92809 4.53207 4.56126 5.89891C3.19442 7.26574 3.19442 9.48182 4.56126 10.8487L7.10068 13.3881L7.10248 13.3863L11.9877 18.2715Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/infinity.svg

@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.12132 9.87868L10.2044 11.9617L10.2106 11.9555L11.6631 13.408L11.6693 13.4142L13.7907 15.5355C15.7433 17.4882 18.9091 17.4882 20.8617 15.5355C22.8144 13.5829 22.8144 10.4171 20.8617 8.46447C18.9091 6.51184 15.7433 6.51184 13.7907 8.46447L13.0773 9.17786L14.4915 10.5921L15.2049 9.87868C16.3764 8.70711 18.2759 8.70711 19.4475 9.87868C20.6191 11.0503 20.6191 12.9497 19.4475 14.1213C18.2759 15.2929 16.3764 15.2929 15.2049 14.1213L13.1326 12.0491L13.1263 12.0554L9.53553 8.46447C7.58291 6.51184 4.41709 6.51184 2.46447 8.46447C0.511845 10.4171 0.511845 13.5829 2.46447 15.5355C4.41709 17.4882 7.58291 17.4882 9.53553 15.5355L10.2488 14.8222L8.83463 13.408L8.12132 14.1213C6.94975 15.2929 5.05025 15.2929 3.87868 14.1213C2.70711 12.9497 2.70711 11.0503 3.87868 9.87868C5.05025 8.70711 6.94975 8.70711 8.12132 9.87868Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/smile-mouth-open.svg

@@ -0,0 +1,26 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12 17C14.2091 17 16 15.2091 16 13H8C8 15.2091 9.79086 17 12 17Z"
+    fill="currentColor"
+  />
+  <path
+    d="M10 10C10 10.5523 9.55228 11 9 11C8.44772 11 8 10.5523 8 10C8 9.44772 8.44772 9 9 9C9.55228 9 10 9.44772 10 10Z"
+    fill="currentColor"
+  />
+  <path
+    d="M15 11C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9C14.4477 9 14 9.44772 14 10C14 10.5523 14.4477 11 15 11Z"
+    fill="currentColor"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z"
+    fill="currentColor"
+  />
+</svg>

kodorvan/site/system/public/themes/default/images/icons/superpack/black.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="107.99999mm"
+   height="107mm"
+   viewBox="0 0 107.99999 107"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><path
+     style="fill:#000000;fill-opacity:1;stroke-width:2;paint-order:markers fill stroke"
+     d="m 41,56 c 13.95488,0 12.979774,21 13.5,21 0.520226,0 -1.809839,-21 13.5,-21 15.52785,0 15.73119,24 0.74927,24 H 40 C 30.077332,80 28,72.125715 28,67 V 62 H 0 v 20 c 0,16.55565 14.36033,25 28,25 h 56 c 31.61709,0 33.1332,-56 -4,-56 H 67 C 53.233991,51 54.805794,30 54.5,30 54.194206,30 55.322182,51 40,51 24.71434,51 23.72026,27 40,27 h 28 c 9.689062,0 12,8.66804 12,13 v 5 h 28 V 25 C 108,13.95094 98.53853,0 84,0 65.07234,0 42.96042,1e-5 28,0 -9.64264,0 -8.81701,56 28,56 Z"
+     id="path3" /></svg>