diff --git a/app/Controllers/Facets/AllFacetController.php b/app/Controllers/Facets/AllFacetController.php
index bee27667..2ad02a2b 100644
--- a/app/Controllers/Facets/AllFacetController.php
+++ b/app/Controllers/Facets/AllFacetController.php
@@ -34,7 +34,7 @@ class AllFacetController extends MainController
$Flimit = (new \App\Controllers\Facets\AddFacetController())->limitFacer($type, 'no.redirect');
$m = [
- 'og' => false,
+ 'og' => true,
'url' => getUrlByName($sheet),
];
diff --git a/app/Controllers/HomeController.php b/app/Controllers/HomeController.php
index 10cde5c3..b9db3da8 100644
--- a/app/Controllers/HomeController.php
+++ b/app/Controllers/HomeController.php
@@ -5,7 +5,7 @@ namespace App\Controllers;
use Hleb\Scheme\App\Controllers\MainController;
use Hleb\Constructor\Handlers\Request;
use App\Models\HomeModel;
-use Config, Tpl, UserData, Meta;
+use Config, Tpl, UserData, Meta, Translate;
class HomeController extends MainController
{
@@ -37,8 +37,8 @@ class HomeController extends MainController
$topics = \App\Models\FacetModel::advice($this->user['id']);
}
- $meta_title = Config::get('meta.' . $sheet . '.title');
- $meta_desc = Config::get('meta.' . $sheet . '.desc');
+ $meta_title = sprintf(Translate::get($sheet . '.title'), Config::get('meta.name'));
+ $meta_desc = sprintf(Translate::get($sheet . '.desc'), Config::get('meta.name'));
$m = [
'og' => true,
@@ -49,7 +49,7 @@ class HomeController extends MainController
return Tpl::agRender(
'/home',
[
- 'meta' => Meta::get($m, $meta_title ?? Config::get('meta.title'), $meta_desc ?? Config::get('meta.desc')),
+ 'meta' => Meta::get($m, $meta_title, $meta_desc, 'main'),
'data' => [
'pagesCount' => ceil($pagesCount / $this->limit),
'pNum' => $page,
diff --git a/app/Language/de.php b/app/Language/de.php
index 98056b7d..ece738ec 100644
--- a/app/Language/de.php
+++ b/app/Language/de.php
@@ -314,6 +314,7 @@ $data = [
'notif.add.website' => 'Seite hinzugefügt %1$s Schlag es nach %2$s',
'notif.edit.website' => 'Website geändert, %1$s Hör zu %2$s',
'notif.approved.website' => '(Moderator ) %1$s genehmigt Ihre Website %2$s',
+ 'notif.add.website.comment' =>'%1$s die Seite kommentiert, die Sie abonniert haben %2$s',
/* MSG */
'string.length' => 'Length %1$s should be from %2$s -> %3$s characters ',
@@ -453,11 +454,6 @@ $data = [
'profile.comments.desc' => '%1$s — Teilnehmerkommentare in chronologischer Reihenfolge. %2$s',
'page-number' => ' Page %1$s. ',
- 'main.top.title' => 'Popular posts. ',
- 'main.top.desc' => 'List of popular posts in the community feed (by the number of replies). Topics of interest. Conversations, questions and answers, comments. ',
- 'main.all.title' => 'All posts. ',
- 'main.all.desc' => 'List of all posts in the community feed (by number of replies). Conversations, questions and answers, comments. ',
- 'main.deleted.title' => 'Gelöschte Beiträge ',
'users.all' => 'List of participants',
'users.all.info' => 'List of participants in the order of their activity on the site',
@@ -490,7 +486,14 @@ $data = [
'topics.my' => 'I read ',
'topics.my.info' => 'Topics I follow, I read',
'topics.my.desc' => 'Topics that I read or have created',
-
+
+ 'main.feed.title' => '%1$s — Community (Themen, Blogs von Interesse)',
+ 'main.top.title' => '%1$s — Beliebte Beiträge',
+ 'main.all.title' => '%1$s — alle Artikel ',
+ 'main.feed.desc' => 'Interessenthemen, Feed, Blogs. Gespräche, Fragen und Antworten, Wissenswertes. Skripte CMS und soziale Netzwerke, Frameworks. Skript %1$s.',
+ 'main.top.desc' => 'Liste beliebter Beiträge im Community-Feed (nach Anzahl der Antworten). Themen nach Interesse. Gespräche, Fragen und Antworten, Kommentare. Skript %1$s.',
+ 'main.all.desc' => 'Liste aller Beiträge im Community-Feed. Skript %1$s.',
+
'main.feed.info' => 'Posts in chronological order...',
'main.all.info' => 'All posts in the community feed...',
'main.top.info' => 'Recent active posts...',
diff --git a/app/Language/en.php b/app/Language/en.php
index a3ff0cc1..f757bbec 100644
--- a/app/Language/en.php
+++ b/app/Language/en.php
@@ -311,6 +311,7 @@ $data = [
'notif.add.website' => 'added site %1$s look it up %2$s',
'notif.edit.website' => 'changed site, %1$s check it out %2$s',
'notif.approved.website' => '(moderator) %1$s approved your site %2$s',
+ 'notif.add.website.comment' =>'%1$s commented on the site you subscribed to %2$s',
/* MSG */
'string.length' => 'Length %1$s should be from %2$s -> %3$s characters ',
@@ -449,11 +450,6 @@ $data = [
'profile.comments.desc' => '%1$s — participant comments in chronological order. %2$s',
'page-number' => ' Page %1$s. ',
- 'main.top.title' => 'Popular posts. ',
- 'main.top.desc' => 'List of popular posts in the community feed (by the number of replies). Topics of interest. Conversations, questions and answers, comments. ',
- 'main.all.title' => 'All posts. ',
- 'main.all.desc' => 'List of all posts in the community feed (by number of replies). Conversations, questions and answers, comments. ',
- 'main.deleted.title' => 'Deleted posts ',
'users.all' => 'List of participants',
'users.all.info' => 'List of participants in the order of their activity on the site',
@@ -487,6 +483,13 @@ $data = [
'topics.my.info' => 'Topics I follow, I read',
'topics.my.desc' => 'Topics that I read or have created',
+ 'main.feed.title' => '%1$s — community (topics, blogs of interest)',
+ 'main.top.title' => '%1$s — popular posts',
+ 'main.all.title' => '%1$s — all posts',
+ 'main.feed.desc' => 'Interest topics, feed, blogs. Conversations, questions and answers, interesting facts. Scripts CMS and social networks, Frameworks. Script %1$s.',
+ 'main.top.desc' => 'List of popular posts in the community feed (by number of replies). Topics by interest. Conversations, questions and answers, comments. Script %1$s.',
+ 'main.all.desc' => 'List of all posts in the community feed. Script %1$s.',
+
'main.feed.info' => 'Posts in chronological order...',
'main.all.info' => 'All posts in the community feed...',
'main.top.info' => 'Recent active posts...',
diff --git a/app/Language/fr.php b/app/Language/fr.php
index 07de6858..cf4ea770 100644
--- a/app/Language/fr.php
+++ b/app/Language/fr.php
@@ -314,6 +314,7 @@ $data = [
'notif.add.website' => 'site ajouté %1$s Cherchez-le %2$s',
'notif.edit.website' => 'changé de site, %1$s Vérifiez-le %2$s',
'notif.approved.website' => '(modérateur ) %1$s approuvé votre site %2$s',
+ 'notif.add.website.comment' =>'%1$s commenté sur le site auquel vous êtes abonné %2$s',
/* MSG */
'string.length' => 'Length %1$s should be from %2$s -> %3$s characters ',
@@ -453,11 +454,6 @@ $data = [
'profile.comments.desc' => '%1$s — commentaires des participants par ordre chronologique. %2$s',
'page-number' => ' Page %1$s. ',
- 'main.top.title' => 'Popular posts. ',
- 'main.top.desc' => 'List of popular posts in the community feed (by the number of replies). Topics of interest. Conversations, questions and answers, comments. ',
- 'main.all.title' => 'All posts. ',
- 'main.all.desc' => 'List of all posts in the community feed (by number of replies). Conversations, questions and answers, comments. ',
- 'main.deleted.title' => 'Posts supprimés ',
'users.all' => 'List of participants',
'users.all.info' => 'List of participants in the order of their activity on the site',
@@ -490,7 +486,14 @@ $data = [
'topics.my' => 'I read ',
'topics.my.info' => 'Topics I follow, I read',
'topics.my.desc' => 'Topics that I read or have created',
-
+
+ 'main.feed.title' => '%1$s — communauté (sujets, blogs intérêt)',
+ 'main.top.title' => '%1$s — Articles populaires',
+ 'main.all.title' => '%1$s — Tous les messages',
+ 'main.feed.desc' => 'Sujets intérêt, flux, blogs. Conversations, questions et réponses, faits intéressants. Scripts CMS et réseaux sociaux, Frameworks. Scénario %1$s.',
+ 'main.top.desc' => 'Liste des messages populaires dans le fil de la communauté (par nombre de réponses). Sujets par intérêt. Conversations, questions et réponses, commentaires. Scénario %1$s.',
+ 'main.all.desc' => 'Liste de tous les messages du flux de la communauté. Scénario %1$s.',
+
'main.feed.info' => 'Posts in chronological order...',
'main.all.info' => 'All posts in the community feed...',
'main.top.info' => 'Recent active posts...',
diff --git a/app/Language/ro.php b/app/Language/ro.php
index 79facda1..e28e2f51 100644
--- a/app/Language/ro.php
+++ b/app/Language/ro.php
@@ -311,6 +311,7 @@ $data = [
'notif.add.website' => 'site adăugat %1$s cauta-l caut-o %2$s',
'notif.edit.website' => 'site schimbat , %1$s verifică %2$s',
'notif.approved.website' => '(moderator) %1$s a aprobat site-ul dvs %2$s',
+ 'notif.add.website.comment' =>'%1$s a comentat pe site-ul la care te-ai abonat %2$s',
/* MSG */
'string.length' => 'Lungimea %1$s trebuie să aibă între %2$s și %3$s caractere',
@@ -455,11 +456,6 @@ $data = [
'profile.comments.desc' => '%1$s — comentariile participanților în ordine cronologică. %2$s',
'page-number' => ' — pagina %1$s ',
- 'main.top.title' => 'Posturi populare. ',
- 'main.top.desc' => 'O listă de postări populare din feedul comunității (după numărul de răspunsuri). Subiecte de interes. Conversații, întrebări și Răspunsuri, Comentarii. ',
- 'main.all.title' => 'Toate mesajele. ',
- 'main.all.desc' => 'O listă a tuturor postărilor din feedul comunității (după numărul de răspunsuri). Conversații, întrebări și Răspunsuri, Comentarii. ',
- 'main.deleted.title' => 'Postări șterse ',
'users.all' => 'Lista participanților',
'users.all.info' => 'Lista participanților în ordinea activității lor pe site',
@@ -492,7 +488,14 @@ $data = [
'topics.my' => 'Citesc',
'topics.my.info' => 'Subiecte pe care le urmăresc, le citesc',
'topics.my.desc' => 'Subiecte pe care le-am citit sau pe care le-am creat',
-
+
+ 'main.feed.title' => '%1$s — comunitate (subiecte, bloguri de interes)',
+ 'main.top.title' => '%1$s — postari populare',
+ 'main.all.title' => '%1$s — toate postările',
+ 'main.feed.desc' => 'Subiecte de interes, feed, bloguri. Conversații, întrebări și răspunsuri, fapte interesante. Scripturi CMS și rețele sociale, Framework. Scenariul %1$s.',
+ 'main.top.desc' => 'Lista postărilor populare din feedul comunității (după numărul de răspunsuri). Subiecte după interes. Conversații, întrebări și răspunsuri, comentarii. Scenariul %1$s.',
+ 'main.all.desc' => 'Lista tuturor postărilor din feedul comunității. Scenariul %1$s.',
+
'main.feed.info' => 'Postări în ordine cronologică...',
'main.all.info' => 'Toate postările din fluxul comunității...',
'main.top.info' => 'Postări active recente...',
diff --git a/app/Language/ru.php b/app/Language/ru.php
index d2710968..670d1203 100644
--- a/app/Language/ru.php
+++ b/app/Language/ru.php
@@ -312,6 +312,7 @@ $data = [
'notif.add.website' => 'добавил сайт %1$s посмотрите его %2$s',
'notif.edit.website' => 'изменил сайт, %1$s проверьте его %2$s',
'notif.approved.website' => '(модератор) %1$s утвердил ваш сайт %2$s',
+ 'notif.add.website.comment' =>'%1$s прокомментировал сайт на который вы подписались %2$s',
/* MSG */
'string.length' => 'Длина %1$s должна быть от %2$s до %3$s символов',
@@ -454,11 +455,6 @@ $data = [
'profile.comments.desc' => '%1$s — комментарии участника в хронологическом порядке. %2$s',
'page-number' => ' Страница %1$s ',
- 'main.top.title' => 'Популярные посты ',
- 'main.top.desc' => 'Список популярных постов в ленте сообщества (по количеству ответов). Темы по интересам. Беседы, вопросы и ответы, комментарии. ',
- 'main.all.title' => 'Все посты ',
- 'main.all.desc' => 'Список всех постов в ленте сообщества (по количеству ответов). Беседы, вопросы и ответы, комментарии. ',
- 'main.deleted.title' => 'Удаленные посты ',
'users.all' => 'Список участников',
'users.all.info' => 'Список участников в порядке их активности на сайте',
@@ -491,7 +487,14 @@ $data = [
'topics.my' => 'Читаю',
'topics.my.info' => 'Темы, на которые я подписан, читаю',
'topics.my.desc' => 'Темы, которые я читаю или создал',
-
+
+ 'main.feed.title' => '%1$s — сообщество (темы, блоги по интересам)',
+ 'main.top.title' => '%1$s — популярные посты',
+ 'main.all.title' => '%1$s — все посты ',
+ 'main.feed.desc' => 'Темы по интересам, лента, блоги. Беседы, вопросы и ответы, интересные факты. Скрипты CMS и социальных сетей, Фреймворки. Скрипт %1$s.',
+ 'main.top.desc' => 'Список популярных постов в ленте сообщества (по количеству ответов). Темы по интересам. Беседы, вопросы и ответы, комментарии. Скрипт %1$s.',
+ 'main.all.desc' => 'Список всех постов в ленте сообщества. Скрипт %1$s.',
+
'main.feed.info' => 'Посты в хронологическом порядке...',
'main.all.info' => 'Все посты в ленте сообщества...',
'main.top.info' => 'Активные посты за последнее время...',
diff --git a/app/Language/zh.php b/app/Language/zh.php
index 21798767..5e6b8db2 100644
--- a/app/Language/zh.php
+++ b/app/Language/zh.php
@@ -313,6 +313,7 @@ $data = [
'notif.add.website' => '添加網站, %1$s 看 %2$s',
'notif.edit.website' => '更改站點, %1$s 看 %2$s',
'notif.approved.website' => '(主持人) %1$s 批准您的網站 %2$s',
+ 'notif.add.website.comment' =>'%1$s 评论了您订阅的网站 %2$s',
/* MSG */
'string.length' => '長度 %1$s 應該來自 %2$s -> %3$s 人物 ',
@@ -452,11 +453,6 @@ $data = [
'profile.comments.desc' => '%1$s — 參與者評論按時間順序排列. %2$s',
'page-number' => ' 頁 %1$s. ',
- 'main.top.title' => '熱門帖子。 ',
- 'main.top.desc' => '社區提要中的熱門帖子列表(按回複數量)。 感興趣的話題。 對話、問答、評論。 ',
- 'main.all.title' => '所有帖子。 ',
- 'main.all.desc' => '社區提要中所有帖子的列表(按回複數量)。 對話、問答、評論。 ',
- 'main.deleted.title' => '已删除的帖子 ',
'users.all' => '參賽者名單',
'users.all.info' => '參與者名單按他們在網站上的活動順序排列',
@@ -490,6 +486,13 @@ $data = [
'topics.my.info' => '我關注的話題,我閱讀',
'topics.my.desc' => '我閱讀或創建的主題',
+ 'main.feed.title' => '%1$s — 社區(主題、感興趣的博客)',
+ 'main.top.title' => '%1$s — 熱門帖子',
+ 'main.all.title' => '%1$s — 所有帖子 ',
+ 'main.feed.desc' => '興趣主題、提要、博客。 對話、問答、有趣的事實。 腳本 CMS 和社交網絡、框架。 腳本 %1$s.',
+ 'main.top.desc' => '社區提要中的熱門帖子列表(按回複數)。 興趣話題。 對話、問答、評論。 腳本 %1$s.',
+ 'main.all.desc' => '社區提要中所有帖子的列表。 腳本 %1$s.',
+
'main.feed.info' => '按時間順序發帖...',
'main.all.info' => '社區提要中的所有帖子...',
'main.top.info' => '最近的活躍帖子...',
diff --git a/app/Libraries/Meta.php b/app/Libraries/Meta.php
index 704b30f4..b1156fbb 100644
--- a/app/Libraries/Meta.php
+++ b/app/Libraries/Meta.php
@@ -2,7 +2,7 @@
class Meta
{
- public static function get($m, $title = '', $desc = '', $date_article = '')
+ public static function get($m, $title = '', $desc = '', $date_article = '', $url_page = '')
{
$output = '';
if ($title == '') {
@@ -12,8 +12,13 @@ class Meta
$desc = Config::get('meta.name');
}
- $output .= '
' . $title . ' | ' . Config::get('meta.name') . ''
- . '';
+ if ($url_page = 'main') {
+ $output .= '' . $title . '';
+ } else {
+ $output .= '' . $title . ' | ' . Config::get('meta.name') . '';
+ }
+
+ $output .= '';
if ($date_article != '') {
$output .= ''
@@ -25,12 +30,12 @@ class Meta
$output .= '';
}
- if ($m['og']) {
+ if (!empty($m['og'])) {
$output .= ''
. ''
. '';
- if ($m['imgurl']) {
+ if (!empty($m['imgurl'])) {
$output .= ''
. ''
. '';
diff --git a/app/Models/NotificationModel.php b/app/Models/NotificationModel.php
index ba8eb7d8..7de99241 100644
--- a/app/Models/NotificationModel.php
+++ b/app/Models/NotificationModel.php
@@ -41,6 +41,7 @@ class NotificationModel extends \Hleb\Scheme\App\Models\MainModel
const TYPE_ADD_WEBSITE = 30; // site added
const TYPE_EDIT_WEBSITE = 31; // changed and status changed
const WEBSITE_APPROVED = 32; // approved
+ const TYPE_ADD_REPLY_WEBSITE = 34; // replica added to the site
// Лист уведомлений
public static function listNotification($uid)
diff --git a/config/meta.php b/config/meta.php
index a38ae7f8..960fb36c 100644
--- a/config/meta.php
+++ b/config/meta.php
@@ -8,7 +8,6 @@ return [
'url' => 'https://libarea.ru',
'name' => 'LibArea',
'title' => 'LibArea — сообщество (темы, блоги по интересам)',
- 'desc' => 'Темы по интересам, лента, блоги. Беседы, вопросы и ответы, интересные факты. Скрипты CMS и социальных сетей, Фреймворки. Скрипт LibArea.',
'img_path' => '/assets/images/libarea.jpg',
// For the main page - the banner title and text
diff --git a/modules/admin/view/default/header.php b/modules/admin/view/default/header.php
index 5edd2a36..de745ff1 100644
--- a/modules/admin/view/default/header.php
+++ b/modules/admin/view/default/header.php
@@ -1,5 +1,5 @@
addStyles('/assets/css/style.css?02');
+Request::getHead()->addStyles('/assets/css/style.css?08');
?>
= Tpl::insert('meta', ['meta' => $meta]); ?>
diff --git a/modules/catalog/App/Catalog.php b/modules/catalog/App/Catalog.php
index 37a93fe7..d657d941 100644
--- a/modules/catalog/App/Catalog.php
+++ b/modules/catalog/App/Catalog.php
@@ -67,7 +67,6 @@ class Catalog
'childrens' => $childrens,
'user_count_site' => $count_site,
'breadcrumb' => self::breadcrumb($parent, $category, $screening),
- // 'low_topics' => FacetModel::getLowLevelList($category['facet_id']),
'low_matching' => FacetModel::getLowMatching($category['facet_id']),
]
]
diff --git a/modules/catalog/App/Models/WebModel.php b/modules/catalog/App/Models/WebModel.php
index 86c5f06f..c4b71b90 100644
--- a/modules/catalog/App/Models/WebModel.php
+++ b/modules/catalog/App/Models/WebModel.php
@@ -374,4 +374,17 @@ class WebModel extends \Hleb\Scheme\App\Models\MainModel
return DB::run($sql, ['id' => $id]);
}
+
+ // Кто подписан на данный сайт
+ public static function getFocusUsersItem($item_id)
+ {
+ $sql = "SELECT
+ signed_item_id,
+ signed_user_id
+ FROM items_signed
+ WHERE signed_item_id = :item_id";
+
+ return DB::run($sql, ['item_id' => $item_id])->fetchAll();
+ }
+
}
diff --git a/modules/catalog/App/Reply.php b/modules/catalog/App/Reply.php
index 0b86aa18..0c26de60 100644
--- a/modules/catalog/App/Reply.php
+++ b/modules/catalog/App/Reply.php
@@ -4,7 +4,7 @@ namespace Modules\Catalog\App;
use Hleb\Constructor\Handlers\Request;
use Modules\Catalog\App\Models\{WebModel, ReplyModel};
-use App\Models\ActionModel;
+use App\Models\{ActionModel, NotificationModel};
use Translate, UserData, Html, Validation, Content;
class Reply
@@ -122,6 +122,22 @@ class Reply
(new \App\Controllers\AuditController())->create('reply', $last_id, $url);
}
+ // Кто подписан на данный вопрос / пост
+ if ($focus_all = WebModel::getFocusUsersItem($item['item_id'])) {
+ foreach ($focus_all as $focus_user) {
+ if ($focus_user['signed_user_id'] != $this->user['id']) {
+ NotificationModel::send(
+ [
+ 'sender_id' => $this->user['id'],
+ 'recipient_id' => $focus_user['signed_user_id'],
+ 'action_type' => NotificationModel::TYPE_ADD_REPLY_WEBSITE,
+ 'url' => $url,
+ ]
+ );
+ }
+ }
+ }
+
redirect($url);
}
diff --git a/modules/catalog/view/default/css/catalog.scss b/modules/catalog/view/default/css/catalog.scss
index b8eeb012..5e633161 100644
--- a/modules/catalog/view/default/css/catalog.scss
+++ b/modules/catalog/view/default/css/catalog.scss
@@ -87,7 +87,7 @@ main { margin-left: 30px; }
margin-bottom: 10px;
}
-@media (max-width: 980px) {
+@media (max-width: 890px) {
aside,
.logo {
display: none;
diff --git a/modules/catalog/view/default/header.php b/modules/catalog/view/default/header.php
index 633890d3..19d61bc3 100644
--- a/modules/catalog/view/default/header.php
+++ b/modules/catalog/view/default/header.php
@@ -1,6 +1,6 @@
addStyles('/assets/css/style.css?02');
-Request::getHead()->addStyles('/assets/css/catalog.css?02');
+Request::getHead()->addStyles('/assets/css/style.css?08');
+Request::getHead()->addStyles('/assets/css/catalog.css?08');
?>
= Tpl::insert('meta', ['meta' => $meta]); ?>
diff --git a/modules/catalog/view/default/home.php b/modules/catalog/view/default/home.php
index fe6bce47..c368afcc 100644
--- a/modules/catalog/view/default/home.php
+++ b/modules/catalog/view/default/home.php
@@ -29,7 +29,7 @@
-
+
= includeTemplate('/view/default/nav', ['data' => $data, 'uid' => $user['id']]); ?>
= includeTemplate('/view/default/site', ['data' => $data, 'user' => $user, 'screening' => $data['screening']]); ?>
diff --git a/modules/catalog/view/default/website.php b/modules/catalog/view/default/website.php
index 91ead751..ccc0069a 100644
--- a/modules/catalog/view/default/website.php
+++ b/modules/catalog/view/default/website.php
@@ -9,7 +9,7 @@ $item = $data['item'];
-
+
-
- = Html::websiteImage($item['item_domain'], 'thumbs', $item['item_title'], 'mr25 box-shadow'); ?>
-
+
+
+ = Html::websiteImage($item['item_domain'], 'thumbs', $item['item_title'], 'w-100 box-shadow'); ?>
+
+
= Content::text($item['item_content'], 'text'); ?>
-
+
= Html::facets($item['facet_list'], 'category', 'web.dir', 'tags mr15', 'cat'); ?>
-
-
+
+
= Html::signed([
'user_id' => $user['id'],
'type' => 'item',
diff --git a/public/assets/css/catalog.css b/public/assets/css/catalog.css
index e3597789..b0d2aae7 100644
--- a/public/assets/css/catalog.css
+++ b/public/assets/css/catalog.css
@@ -1 +1 @@
-main{margin-left:30px}.logo{margin-top:30px;font-size:21px}.box-yellow{border-radius:5px;padding:15px;margin-bottom:15px;background-color:#f7f7eb}.box-yellow-small{border-radius:3px;padding:0.15rem 0.35rem;font-size:0.775rem;margin-right:5px;color:var(--gray-600);background-color:#f7f7eb}.item-cat{padding:0 0 10px 30px}.list-items{margin:0;max-width:926px;padding:0 30px 0 0;list-style:none}.list-items li{position:relative;display:flex;box-sizing:border-box;width:100%;margin-bottom:28px}.list-items__thumb{width:200px;margin:5px 20px 0 0}.list-items__description{color:var(--gray-600);width:100%}.list-items__thumb-image{box-sizing:border-box;width:200px;height:140px;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.list-items__text{color:var(--gray-600)}.list-items__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:0.875rem;margin-top:10px;text-transform:lowercase}.item-categories{display:flex;flex-wrap:wrap;background-color:var(--violet-50);padding:20px 20px 20px 30px;margin-bottom:25px}.categories-telo,.item-categories>div{width:33%;margin-bottom:10px}@media (max-width:980px){aside,.logo{display:none}.item-categories,.item-cat{padding:20px 20px 20px 15px}.categories-telo,.item-categories>div{width:99%;margin-bottom:10px}main{margin-left:15px}.item-search{padding:10px}.item-search-right{margin-left:0}}
\ No newline at end of file
+main{margin-left:30px}.logo{margin-top:30px;font-size:21px}.box-yellow{border-radius:5px;padding:15px;margin-bottom:15px;background-color:#f7f7eb}.box-yellow-small{border-radius:3px;padding:0.15rem 0.35rem;font-size:0.775rem;margin-right:5px;color:var(--gray-600);background-color:#f7f7eb}.item-cat{padding:0 0 10px 30px}.list-items{margin:0;max-width:926px;padding:0 30px 0 0;list-style:none}.list-items li{position:relative;display:flex;box-sizing:border-box;width:100%;margin-bottom:28px}.list-items__thumb{width:200px;margin:5px 20px 0 0}.list-items__description{color:var(--gray-600);width:100%}.list-items__thumb-image{box-sizing:border-box;width:200px;height:140px;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.list-items__text{color:var(--gray-600)}.list-items__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:0.875rem;margin-top:10px;text-transform:lowercase}.item-categories{display:flex;flex-wrap:wrap;background-color:var(--violet-50);padding:20px 20px 20px 30px;margin-bottom:25px}.categories-telo,.item-categories>div{width:33%;margin-bottom:10px}@media (max-width:890px){aside,.logo{display:none}.item-categories,.item-cat{padding:20px 20px 20px 15px}.categories-telo,.item-categories>div{width:99%;margin-bottom:10px}main{margin-left:15px}.item-search{padding:10px}.item-search-right{margin-left:0}}
\ No newline at end of file
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index cf201766..e55847f8 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1 +1 @@
-#contentWrapper{display:flex;gap:1rem;margin:0 auto}h1,h2,h3,h4,h5{font-weight:500;margin:0}.list-none{list-style:none;padding:0;margin:0}.d-header{top:0;z-index:50;position:sticky;background-color:var(--white);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.25);backface-visibility:hidden;height:3.5em;margin-bottom:15px}.medium-zoom--opened .d-header,.medium-zoom--opened.up_down_btn{z-index:0}.d-header .ava-base{margin-right:0}.wrap{margin:0 auto;height:100%;max-width:1436px;padding-left:5px;padding-right:5px}.d-header_contents{display:flex;align-items:center;height:100%;padding:0 15px;position:relative}.search{height:30px;width:100%;border-radius:20px;background-color:var(--gray-100);padding-left:15px}.page-search{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;padding:20px 60px 10px 30px;margin:0 auto}.main-search{margin-left:30px}.page-search-right{width:100%;margin-left:45px}.page-search__input{width:100%;border-radius:5px;height:50px;border:9px solid #eee;padding-left:15px;color:var(--gray-700)}.tabs{padding:3px 6px 3px 6px;margin-right:15px}.tabs.active{background-color:var(--gray-100);color:var(--gray-600)}aside{min-width:260px;max-width:310px}aside ul{list-style:none;padding:0;margin:0;font-size:0.875rem}aside ul a{color:var(--gray)}footer{background-color:var(--white);color:var(--gray-600);padding:15px;overflow:hidden;margin-top:15px}footer .icon{color:var(--gray-600);font-size:21px;margin-right:15px}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--gray-600);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:#111}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:3px;font-size:14px}pre{white-space:pre-wrap}blockquote{margin-left:15px;background-color:#f3f3f6;padding:0.1rem 1rem;border-left:3px solid #d2d6dd;display:table}blockquote p{margin:2px}hr{border:none;clear:both;background-color:#ddd;height:1px}details{border-radius:0 0 3px 3px;background-color:#f5f5fa;padding:2px 6px;margin:0}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.txt-closed{padding:10px;background-color:lightyellow;margin-bottom:15px;display:inherit}.tooltip{position:absolute;right:0;box-shadow:0 12px 12px rgba(0, 0, 0, 0.15);background-color:#fff;padding:10px;font-size:14px;border-radius:5px;color:var(--gray-600);text-align:center}.box{border-radius:5px;padding:15px;margin-bottom:15px}.box-white{border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.box-flex{display:flex;flex-direction:row;align-items:center;padding:15px;margin-bottom:15px}.box-flex-white{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}ul.last-content{list-style:none;font-size:0.875rem;padding:0;margin:0}ul.last-content li{margin-bottom:15px}ul.last-content li a{display:inline;padding:0}ul.last-content a.last-content_telo{display:block}.uppercase-box{font-size:0.75rem;text-transform:uppercase;margin-bottom:10px;letter-spacing:1.5px}a:hover>img{opacity:0.8}.underline-hover:hover{text-decoration:underline}.shown_post img{width:100%}.post-body.full img:hover{box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.2)}.post-body .post-img img{margin-top:5px}.post-body.full img{max-width:100%;display:block}.content-body{max-width:780px}.content-body p img{max-width:99%;max-height:500px;display:block}.content_tree:target,.content_tree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}.ind-first-p p:first-child{margin-top:3px}.video-object{max-width:640px;max-height:360px}.home-img,.thumb{width:260px;height:130px;object-fit:cover;border-radius:5px}.preview .home-img{display:none}.up_down_btn{bottom:40px;right:10px;line-height:30px;cursor:pointer;background-color:#f3f4f6;text-align:center;position:fixed;z-index:50;height:30px;width:30px;color:#374151;border-radius:3px}.up_down_btn:hover{text-decoration:none;background-color:#e9ebec}.up_down_btn-disabled{cursor:default;opacity:0}.box-answer{line-height:1.3;padding:5px;height:48px;width:54px;text-align:center}.menu__left{min-width:180px}.menuno .menu__left{display:none}.dropdown,.menu,.nav,.breadcrumbs{list-style:none;margin:0;padding:0;font-size:0.875rem}.dropdown a i,.menu a i{margin-right:10px;font-size:1.5rem}.dropdown{display:none;position:absolute;right:0;background-color:#fff;top:51px;box-shadow:0 12px 12px rgba(0, 0, 0, 0.15);padding:5px 10px 5px 10px;z-index:5;min-width:180px}.dropdown.left{left:0;width:150px}.menu a,.dropdown li>a{color:var(--gray);padding:3px 10px 3px 13px;display:flex;flex-direction:row;align-items:center}.nav{display:flex}.nav a{padding-right:20px;color:var(--gray)}.nav a i{margin-right:4px}.active,a.active,a.active>i,.nav a:hover,.menu a:hover,.menu a:hover>i,.nav a:hover>i,.dropdown a:hover,.dropdown a:hover>i{color:#0ea5e9}.breadcrumbs li{display:inline;color:var(--gray-600)}.breadcrumbs li:not(:last-child):after{content:" / "}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}:root{--black: #030303;--white: #fff;--yellow: #eab308;--purple: #f3e8ff;--green: #16a34a;--red: #ef4444;--red-200: #fecaca;--br-box-gray: #ededed;--gray-100: #f3f4f6;--gray-600: #9ca3af;--gray: #4b5563;--blue: #3b82f6;--blue-100: #dbeafe;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--pink-800: #9d174d;--sky: #0ea5e9;--violet-50: #f3f1ed}body{line-height:1.5;font-family:BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;padding:0;margin:0}.body-bg-fon{background-color:var(--gray-100)}body.dark{filter:invert(100%) hue-rotate(180deg);background-color:#222}body.dark .bg-white{background-color:var(--br-box-gray)}body.dark img{filter:invert(100%)}a{color:#4183c4;cursor:pointer;text-decoration:none}a:hover,a:focus,a:active{color:#1e70bf}img{border-radius:3px;vertical-align:middle}.top0{top:0}.top-sm{top:70px}.top-xl{top:115px}.right0{right:0}.right5{right:5px}.bottom0{bottom:0}.bottom5{bottom:5px}.left0{left:0}.mr-auto{margin:0 auto}.-mr-1{margin-right:-0.5rem}.-mt20{margin-top:-20px}.-mt50{margin-top:-50px}.-mt90{margin-top:-90px}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mt30{margin-top:30px}.mr30{margin-right:30px}.ml30{margin-left:30px}.ml45{margin-left:45px}.ml-40{margin-left:-40px}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.p20{padding:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.black{color:var(--black)}.white{color:var(--white)}.yellow{color:var(--yellow)}.green{color:var(--green)}.gray{color:var(--gray)}.gray-600{color:var(--gray-600)}.sky{color:var(--sky)}.red{color:var(--red)}.red-200{color:var(--red-200)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green{background-color:var(--green)}.bg-pink{background-color:var(--pink)}.bg-purple{background-color:var(--purple)}.bg-lightyellow{background-color:lightyellow}.bg-gray-100{background-color:var(--gray-100)}.bg-violet-50{background-color:var(--violet-50)}.bg-blue{background-color:var(--blue)}.bg-blue-100{background-color:var(--blue-100)}.bg-red-200{background-color:var(--red-200)}.box-shadow{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.box-shadow-all{box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.box-shadow-top{box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.15)}.br-box-gray{border:1px solid var(--br-box-gray)}.br-top-dotted{border:1px dotted #ddd}.br-bottom{border-bottom:1px solid #ddd}.border-bottom:last-child{border:0}.br-rd3{border-radius:3px}.br-rd5{border-radius:5px}.br-rd20{border-radius:20px}.br-rd-50{border-radius:50%}.w-auto{width:auto}.w-20{width:20%}.w-30{width:30%}.w-50{width:50%}.w-70{width:70%}.w-90{width:90%}.w-100{width:100%}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w94{width:94px}.w110{width:110px}.w160{width:160px}.w200{width:200px}.max-w-100{max-width:100%}.max-w640{max-width:640px}.max-w780{max-width:780px}.max-width{max-width:1636px}.min-h100{min-height:100px}.z-10{z-index:10}.z-40{z-index:40}.text-xs{font-size:0.75rem}.text-sm{font-size:0.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.grid{display:grid}.gap{gap:1rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-auto{flex:1 1 0%}.clear{clear:both}.left{float:left}.right{float:right}.center{text-align:center}.align-right{text-align:right}.middle{vertical-align:middle}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.italic{font-style:italic}.sticky{position:sticky}.absolute{position:absolute}.relative{position:relative}.hidden{overflow:hidden}.none{display:none}.block{display:block}.table{display:table}.inline{display:inline-block}.list-none-one{list-style:none}.logo{color:var(--black);font-size:21px}.favicons{height:18px;width:18px}.emoji{height:16px;width:16px}.ava-sm{height:21px;width:21px;margin-right:6px;border-radius:50%}.ava-base{height:40px;width:40px;margin-right:6px;border-radius:50%}.ava-lg{height:60px;width:60px;margin-right:8px;border-radius:50%}.ava-xl{height:160px;width:160px;margin-right:15px;border-radius:50%}.img-base{width:30px;height:30px;margin-right:6px;border:1px solid var(--br-box-gray)}.img-lg{width:50px;height:50px;margin-right:8px;border:1px solid var(--br-box-gray)}.img-xl{width:94px;height:94px;margin-right:15px;border:1px solid var(--br-box-gray)}textarea{width:100%;font-size:16px;padding:1px 6px;border:1px solid var(--slate-300)}input,select{border:1px solid var(--slate-300);font-size:16px}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]),fieldset select{width:100%;min-height:34px;padding:5px}fieldset{padding:0;border:0;position:relative;margin:10px 0}fieldset.rememberme label{display:inline;vertical-align:middle;margin-left:5px;color:var(--gray)}.help{font-size:0.875rem;color:var(--gray-600)}select{background-color:var(--white)}input:focus,textarea:focus{border:1px solid #9ccdf8}label{display:block;margin-bottom:5px}::placeholder{color:#919191}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px}table tr:nth-of-type(2n){background-color:var(--slate-100)}table thead th{border-bottom:2px solid rgba(222, 226, 230, 0.5)}td,th{padding:5px}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}.btn-small{padding:0.15rem 0.35rem;font-size:0.775rem}.btn-primary{color:var(--white);background-color:#0085ee;border-color:#0379d7}.btn-outline-primary{color:#0085ee;background-color:var(--white);border-color:#0085ee}.btn-primary:hover,.btn-primary:focus{color:var(--white);opacity:0.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--white);background-color:#0085ee;border-color:#0379d7}.fon-rgba{background-color:rgba(0, 0, 0, 0.3);padding:1px 6px}.focus-id{text-align:center;border-radius:20px;font-size:0.875rem;padding:5px 15px 5px 15px}.focus-id.yes{background-color:#f3f4f6;color:#9ca3af}.focus-id.no{background-color:#f0f9ff;color:#0ea5e9}.focus-id:hover{opacity:0.8}.tags{padding:0.15rem 0.35rem;font-size:0.775rem;color:#0ea5e9;background-color:#dbeafe;border-radius:5px;display:inline-block}.tags:hover{color:#fff;background-color:#5fb878}.tags-xs{margin-right:5px;padding:2px 6px 2px 6px;border-bottom:1px solid #bbbbbb;background-color:#ececec;color:#6b3e4a;border-radius:3px;font-size:0.75rem}.tags-xs:hover{color:#444;background-color:#fff}.tags-look .tagify__dropdown__item{display:inline-block;border-radius:3px;padding:0.3em 0.5em;border:1px solid #ccc;background-color:#f3f3f3;margin:0.2em;font-size:0.85em;color:black;transition:0s}.tags-look .tagify__dropdown__item--active{color:black}.tags-look .tagify__dropdown__item:hover{background-color:lightyellow;border-color:gold}.tagify--outside{border:0}.tagify--outside .tagify__input{order:-1;flex:100%;border:1px solid var(--tags-border-color);margin-bottom:1em;transition:0.1s}.tagify--outside .tagify__input:hover{border-color:var(--tags-hover-border-color)}.tagify--outside.tagify--focus .tagify__input{transition:0s;border-color:var(--tags-focus-border-color)}[x-cloak]{display:none !important}.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:10;width:100%;height:100%}.model-inner{background-color:white;border-radius:0.5em;max-width:600px;padding:2em;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid black}.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:black;opacity:0.75}main{width:calc(100% - 390px)}.col-two{width:calc(100% - 160px)}.article{width:calc(100% - 320px)}.menuno main{width:calc(100% - 230px)}.menuno .col-two{width:100%}@media (max-width:1050px){.home-img,img.thumb{width:160px;height:auto}.menu__left{min-width:160px}aside{width:250px}}@media (max-width:890px){aside{display:none}main{width:calc(100% - 160px)}.menuno main{width:100%}}@media (max-width:780px){.menu__button{transition:0.3s ease}.menu__left{opacity:0;position:absolute}.menu__left{opacity:0;visibility:hidden;transition-property:opacity, visibility;z-index:98;left:0;top:0;bottom:0;min-width:180px;background-color:#eaecf0;box-shadow:5px 0 5px -5px rgba(0, 0, 0, 0.25);overflow-x:hidden;position:absolute}.menu__left.menu__active,.menu__left.menu-none.menu__active{opacity:1;visibility:visible;transition:0.25s;position:fixed;display:block}.menu__left.menu__active ul.top-sm{top:0}.menu__left.menu__active .menu li{background-color:#fff}.mb-w-33{width:33%}.mb-w100{width:100px}.mb-ml10{margin-left:10px}.mb-ml20{margin-left:20px}.mb-mr5{margin-right:5px}.mb-ml5{margin-left:5px}.mb-mt5{margin-top:5px}.mb-ml0{margin-left:0}.mb-pl0{padding-left:0}.mb-pr0{padding-right:0}.mb-p10{padding:10px}.mb-text-xl{font-size:1.25rem}.mb-inline{display:inline}.mb-gap-05{gap:0.5rem}.mb-block{display:block}.mb-absolute{position:absolute}.logo{font-size:18px}.mb-w-100,main,main.col-two{width:100%}.mb-none{display:none}.d-header_contents{padding:0 2px}ul.setting>li>a>i{display:none}.home-img{width:100%}.mb-video-object{max-width:280px;max-height:155px}.flex-auto{flex-wrap:wrap;flex:1 1 auto}}@font-face{font-family:"bootstrap-icons";src:url("./fonts/bootstrap-icons.woff2?a74547b2f0863226942ff8ded57db345") format("woff2"), url("./fonts/bootstrap-icons.woff?a74547b2f0863226942ff8ded57db345") format("woff");font-display:swap}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em}.bi-type-bold::before{content:""}.bi-camera::before{content:""}.bi-emoji-smile::before{content:""}.bi-type-italic::before{content:""}.bi-type-strikethrough::before{content:""}.bi-quote::before{content:""}.bi-code::before{content:""}.bi-arrows-move::before{content:""}.bi-layout-split::before{content:""}.bi-house::before{content:""}.bi-bezier2::before{content:""}.bi-arrow-return-right::before{content:""}.bi-sort-down::before{content:""}.bi-circle::before{content:""}.bi-columns-gap::before{content:""}.bi-journal-text::before{content:""}.bi-journals::before{content:""}.bi-journal-richtext::before{content:""}.bi-chat-left-text::before{content:""}.bi-chat-quote::before{content:""}.bi-receipt::before{content:""}.bi-people::before{content:""}.bi-person::before{content:""}.bi-person-plus::before{content:""}.bi-shield-x::before{content:""}.bi-person-x-fill::before{content:""}.bi-chat-dots::before{content:""}.bi-chat-text::before{content:""}.bi-link-45deg::before{content:""}.bi-slash-lg::before{content:""}.bi-arrow-up-right-square::before{content:""}.bi-heart::before{content:""}.bi-bookmark::before{content:""}.bi-bookmark-plus::before{content:""}.bi-bookmark-dash::before{content:""}.bi-app::before{content:""}.bi-bar-chart::before{content:""}.bi-plus-lg::before{content:""}.bi-intersect::before{content:""}.bi-menu-app::before{content:""}.bi-bell::before{content:""}.bi-bell-fill::before{content:""}.bi-unlock::before{content:""}.bi-brightness-high::before{content:""}.bi-gear::before{content:""}.bi-pencil-square::before{content:""}.bi-app-indicator::before{content:""}.bi-envelope::before{content:""}.bi-arrow-up::before{content:""}.bi-shield-exclamation::before{content:""}.bi-box-arrow-right::before{content:""}.bi-search::before{content:""}.bi-brush::before{content:""}.bi-exclamation-diamond::before{content:""}.bi-reply::before{content:""}.bi-tools::before{content:""}.bi-badge-ad::before{content:""}.bi-award::before{content:""}.bi-patch-question::before{content:""}.bi-bug::before{content:""}.bi-mic::before{content:""}.bi-pencil::before{content:""}.bi-plus::before{content:""}.bi-journal::before{content:""}.bi-flag::before{content:""}.bi-calendar-week::before{content:""}.bi-person-x::before{content:""}.bi-folder-symlink::before{content:""}.bi-lightning::before{content:""}.bi-hash::before{content:""}.bi-trash::before{content:""}.bi-sort-up::before{content:""}.bi-record-circle::before{content:""}.bi-x-circle::before{content:""}.bi-vinyl-fill::before{content:""}.bi-vinyl::before{content:""}.bi-check2-square::before{content:""}.bi-emoji-wink::before{content:""}.bi-list::before{content:""}.bi-info-square::before{content:""}.bi-chevron-down::before{content:""}.bi-chevron-right::before{content:""}.bi-chevron-double-right::before{content:""}.bi-lock::before{content:""}.bi-pin-angle::before{content:""}.bi-eye::before{content:""}.bi-eye-slash::before{content:""}.bi-gift::before{content:""}.bi-x-octagon::before{content:""}.bi-magic::before{content:""}.bi-github::before{content:""}.bi-discord::before{content:""}.bi-info-lg::before{content:""}
\ No newline at end of file
+#contentWrapper{display:flex;gap:1rem;margin:0 auto}h1,h2,h3,h4,h5{font-weight:500;margin:0}.list-none{list-style:none;padding:0;margin:0}.d-header{top:0;z-index:50;position:sticky;background-color:var(--white);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.25);backface-visibility:hidden;height:3.5em;margin-bottom:15px}.medium-zoom--opened .d-header,.medium-zoom--opened.up_down_btn{z-index:0}.d-header .ava-base{margin-right:0}.wrap{margin:0 auto;height:100%;max-width:1436px;padding-left:5px;padding-right:5px}.d-header_contents{display:flex;align-items:center;height:100%;padding:0 15px;position:relative}.search{height:30px;width:100%;border-radius:20px;background-color:var(--gray-100);padding-left:15px}.page-search{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;padding:20px 60px 10px 30px;margin:0 auto}.main-search{margin-left:30px}.page-search-right{width:100%;margin-left:45px}.page-search__input{width:100%;border-radius:5px;height:50px;border:9px solid #eee;padding-left:15px;color:var(--gray-700)}.tabs{padding:3px 6px 3px 6px;margin-right:15px}.tabs.active{background-color:var(--gray-100);color:var(--gray-600)}aside{min-width:260px;max-width:310px}aside ul{list-style:none;padding:0;margin:0;font-size:0.875rem}aside ul a{color:var(--gray)}footer{background-color:var(--white);color:var(--gray-600);padding:15px;overflow:hidden;margin-top:15px}footer .icon{color:var(--gray-600);font-size:21px;margin-right:15px}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--gray-600);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:#111}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:3px;font-size:14px}pre{white-space:pre-wrap}blockquote{margin-left:15px;background-color:#f3f3f6;padding:0.1rem 1rem;border-left:3px solid #d2d6dd;display:table}blockquote p{margin:2px}hr{border:none;clear:both;background-color:#ddd;height:1px}details{border-radius:0 0 3px 3px;background-color:#f5f5fa;padding:2px 6px;margin:0}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.txt-closed{padding:10px;background-color:lightyellow;margin-bottom:15px;display:inherit}.tooltip{position:absolute;right:0;box-shadow:0 12px 12px rgba(0, 0, 0, 0.15);background-color:#fff;padding:10px;font-size:14px;border-radius:5px;color:var(--gray-600);text-align:center}.box{border-radius:5px;padding:15px;margin-bottom:15px}.box-white{border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.box-flex{display:flex;flex-direction:row;align-items:center;padding:15px;margin-bottom:15px}.box-flex-white{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}ul.last-content{list-style:none;font-size:0.875rem;padding:0;margin:0}ul.last-content li{margin-bottom:15px}ul.last-content li a{display:inline;padding:0}ul.last-content a.last-content_telo{display:block}.uppercase-box{font-size:0.75rem;text-transform:uppercase;margin-bottom:10px;letter-spacing:1.5px}a:hover>img{opacity:0.8}.underline-hover:hover{text-decoration:underline}.shown_post img{width:100%}.post-body.full img:hover{box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.2)}.post-body .post-img img{margin-top:5px}.post-body.full img{max-width:100%;display:block}.content-body{max-width:780px}.content-body p img{max-width:99%;max-height:500px;display:block}.content_tree:target,.content_tree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}.ind-first-p p:first-child{margin-top:3px}.video-object{max-width:640px;max-height:360px}.home-img,.thumb{width:260px;height:130px;object-fit:cover;border-radius:5px}.preview .home-img{display:none}.up_down_btn{bottom:40px;right:10px;line-height:30px;cursor:pointer;background-color:#f3f4f6;text-align:center;position:fixed;z-index:50;height:30px;width:30px;color:#374151;border-radius:3px}.up_down_btn:hover{text-decoration:none;background-color:#e9ebec}.up_down_btn-disabled{cursor:default;opacity:0}.box-answer{line-height:1.3;padding:5px;height:48px;width:54px;text-align:center}.menu__left{min-width:180px}.menuno .menu__left{display:none}.dropdown,.menu,.nav,.breadcrumbs{list-style:none;margin:0;padding:0;font-size:0.875rem}.dropdown a i,.menu a i{margin-right:10px;font-size:1.5rem}.dropdown{display:none;position:absolute;right:0;background-color:#fff;top:51px;box-shadow:0 12px 12px rgba(0, 0, 0, 0.15);padding:5px 10px 5px 10px;z-index:5;min-width:180px}.dropdown.left{left:0;width:150px}.menu a,.dropdown li>a{color:var(--gray);padding:3px 10px 3px 13px;display:flex;flex-direction:row;align-items:center}.nav{display:flex}.nav a{padding-right:20px;color:var(--gray)}.nav a i{margin-right:4px}.active,a.active,a.active>i,.nav a:hover,.menu a:hover,.menu a:hover>i,.nav a:hover>i,.dropdown a:hover,.dropdown a:hover>i{color:#0ea5e9}.breadcrumbs li{display:inline;color:var(--gray-600)}.breadcrumbs li:not(:last-child):after{content:" / "}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}:root{--black: #030303;--white: #fff;--yellow: #eab308;--purple: #f3e8ff;--green: #16a34a;--red: #ef4444;--red-200: #fecaca;--br-box-gray: #ededed;--gray-100: #f3f4f6;--gray-600: #9ca3af;--gray: #4b5563;--blue: #3b82f6;--blue-100: #dbeafe;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--pink-800: #9d174d;--sky: #0ea5e9;--violet-50: #f3f1ed}body{line-height:1.5;font-family:BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;padding:0;margin:0}.body-bg-fon{background-color:var(--gray-100)}body.dark{filter:invert(100%) hue-rotate(180deg);background-color:#222}body.dark .bg-white{background-color:var(--br-box-gray)}body.dark img{filter:invert(100%)}a{color:#4183c4;cursor:pointer;text-decoration:none}a:hover,a:focus,a:active{color:#1e70bf}img{border-radius:3px;vertical-align:middle}.top0{top:0}.top-sm{top:70px}.top-xl{top:115px}.right0{right:0}.right5{right:5px}.bottom0{bottom:0}.bottom5{bottom:5px}.left0{left:0}.mr-auto{margin:0 auto}.-mr-1{margin-right:-0.5rem}.-mt20{margin-top:-20px}.-mt50{margin-top:-50px}.-mt90{margin-top:-90px}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mt30{margin-top:30px}.mr30{margin-right:30px}.ml30{margin-left:30px}.ml45{margin-left:45px}.ml-40{margin-left:-40px}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.p20{padding:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.black{color:var(--black)}.white{color:var(--white)}.yellow{color:var(--yellow)}.green{color:var(--green)}.gray{color:var(--gray)}.gray-600{color:var(--gray-600)}.sky{color:var(--sky)}.red{color:var(--red)}.red-200{color:var(--red-200)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green{background-color:var(--green)}.bg-pink{background-color:var(--pink)}.bg-purple{background-color:var(--purple)}.bg-lightyellow{background-color:lightyellow}.bg-gray-100{background-color:var(--gray-100)}.bg-violet-50{background-color:var(--violet-50)}.bg-blue{background-color:var(--blue)}.bg-blue-100{background-color:var(--blue-100)}.bg-red-200{background-color:var(--red-200)}.box-shadow{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.box-shadow-all{box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.box-shadow-top{box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.15)}.br-box-gray{border:1px solid var(--br-box-gray)}.br-top-dotted{border:1px dotted #ddd}.br-bottom{border-bottom:1px solid #ddd}.border-bottom:last-child{border:0}.br-rd3{border-radius:3px}.br-rd5{border-radius:5px}.br-rd20{border-radius:20px}.br-rd-50{border-radius:50%}.w-auto{width:auto}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-90{width:90%}.w-100{width:100%}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w94{width:94px}.w110{width:110px}.w160{width:160px}.w200{width:200px}.max-w-100{max-width:100%}.max-w640{max-width:640px}.max-w780{max-width:780px}.max-width{max-width:1636px}.min-h100{min-height:100px}.z-10{z-index:10}.z-40{z-index:40}.text-xs{font-size:0.75rem}.text-sm{font-size:0.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.grid{display:grid}.gap{gap:1rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-auto{flex:1 1 0%}.clear{clear:both}.left{float:left}.right{float:right}.center{text-align:center}.align-right{text-align:right}.middle{vertical-align:middle}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.italic{font-style:italic}.sticky{position:sticky}.absolute{position:absolute}.relative{position:relative}.hidden{overflow:hidden}.none{display:none}.block{display:block}.table{display:table}.inline{display:inline-block}.list-none-one{list-style:none}.logo{color:var(--black);font-size:21px}.favicons{height:18px;width:18px}.emoji{height:16px;width:16px}.ava-sm{height:21px;width:21px;margin-right:6px;border-radius:50%}.ava-base{height:40px;width:40px;margin-right:6px;border-radius:50%}.ava-lg{height:60px;width:60px;margin-right:8px;border-radius:50%}.ava-xl{height:160px;width:160px;margin-right:15px;border-radius:50%}.img-base{width:30px;height:30px;margin-right:6px;border:1px solid var(--br-box-gray)}.img-lg{width:50px;height:50px;margin-right:8px;border:1px solid var(--br-box-gray)}.img-xl{width:94px;height:94px;margin-right:15px;border:1px solid var(--br-box-gray)}textarea{width:100%;font-size:16px;padding:1px 6px;border:1px solid var(--slate-300)}input,select{border:1px solid var(--slate-300);font-size:16px}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]),fieldset select{width:100%;min-height:34px;padding:5px}fieldset{padding:0;border:0;position:relative;margin:10px 0}fieldset.rememberme label{display:inline;vertical-align:middle;margin-left:5px;color:var(--gray)}.help{font-size:0.875rem;color:var(--gray-600)}select{background-color:var(--white)}input:focus,textarea:focus{border:1px solid #9ccdf8}label{display:block;margin-bottom:5px}::placeholder{color:#919191}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px}table tr:nth-of-type(2n){background-color:var(--slate-100)}table thead th{border-bottom:2px solid rgba(222, 226, 230, 0.5)}td,th{padding:5px}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}.btn-small{padding:0.15rem 0.35rem;font-size:0.775rem}.btn-primary{color:var(--white);background-color:#0085ee;border-color:#0379d7}.btn-outline-primary{color:#0085ee;background-color:var(--white);border-color:#0085ee}.btn-primary:hover,.btn-primary:focus{color:var(--white);opacity:0.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--white);background-color:#0085ee;border-color:#0379d7}.fon-rgba{background-color:rgba(0, 0, 0, 0.3);padding:1px 6px}.focus-id{text-align:center;border-radius:20px;font-size:0.875rem;padding:5px 15px 5px 15px}.focus-id.yes{background-color:#f3f4f6;color:#9ca3af}.focus-id.no{background-color:#f0f9ff;color:#0ea5e9}.focus-id:hover{opacity:0.8}.tags{padding:0.15rem 0.35rem;font-size:0.775rem;color:#0ea5e9;background-color:#dbeafe;border-radius:5px;display:inline-block}.tags:hover{color:#fff;background-color:#5fb878}.tags-xs{margin-right:5px;padding:2px 6px 2px 6px;border-bottom:1px solid #bbbbbb;background-color:#ececec;color:#6b3e4a;border-radius:3px;font-size:0.75rem}.tags-xs:hover{color:#444;background-color:#fff}.tags-look .tagify__dropdown__item{display:inline-block;border-radius:3px;padding:0.3em 0.5em;border:1px solid #ccc;background-color:#f3f3f3;margin:0.2em;font-size:0.85em;color:black;transition:0s}.tags-look .tagify__dropdown__item--active{color:black}.tags-look .tagify__dropdown__item:hover{background-color:lightyellow;border-color:gold}.tagify--outside{border:0}.tagify--outside .tagify__input{order:-1;flex:100%;border:1px solid var(--tags-border-color);margin-bottom:1em;transition:0.1s}.tagify--outside .tagify__input:hover{border-color:var(--tags-hover-border-color)}.tagify--outside.tagify--focus .tagify__input{transition:0s;border-color:var(--tags-focus-border-color)}[x-cloak]{display:none !important}.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:10;width:100%;height:100%}.model-inner{background-color:white;border-radius:0.5em;max-width:600px;padding:2em;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid black}.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:black;opacity:0.75}main{width:calc(100% - 390px)}.col-two{width:calc(100% - 160px)}.article{width:calc(100% - 320px)}.menuno main{width:calc(100% - 230px)}.menuno .col-two{width:100%}@media (max-width:1050px){.home-img,img.thumb{width:160px;height:auto}.menu__left{min-width:160px}aside{width:250px}}@media (max-width:890px){aside{display:none}main{width:calc(100% - 160px)}.menuno main{width:100%}}@media (max-width:780px){.menu__button{transition:0.3s ease}.menu__left{opacity:0;position:absolute}.menu__left{opacity:0;visibility:hidden;transition-property:opacity, visibility;z-index:98;left:0;top:0;bottom:0;min-width:180px;background-color:#eaecf0;box-shadow:5px 0 5px -5px rgba(0, 0, 0, 0.25);overflow-x:hidden;position:absolute}.menu__left.menu__active,.menu__left.menu-none.menu__active{opacity:1;visibility:visible;transition:0.25s;position:fixed;display:block}.menu__left.menu__active ul.top-sm{top:0}.menu__left.menu__active .menu li{background-color:#fff}.mb-w-33{width:33%}.mb-w100{width:100px}.mb-ml10{margin-left:10px}.mb-ml20{margin-left:20px}.mb-mr5{margin-right:5px}.mb-ml5{margin-left:5px}.mb-mt5{margin-top:5px}.mb-ml0{margin-left:0}.mb-pl0{padding-left:0}.mb-pr0{padding-right:0}.mb-p10{padding:10px}.mb-text-xl{font-size:1.25rem}.mb-inline{display:inline}.mb-gap-05{gap:0.5rem}.mb-block{display:block}.mb-absolute{position:absolute}.logo{font-size:18px}.mb-w-100,main,main.col-two{width:100%}.mb-none{display:none}.d-header_contents{padding:0 2px}ul.setting>li>a>i{display:none}.home-img{width:100%}.mb-video-object{max-width:280px;max-height:155px}.flex-auto{flex-wrap:wrap;flex:1 1 auto}}@font-face{font-family:"bootstrap-icons";src:url("./fonts/bootstrap-icons.woff2?a74547b2f0863226942ff8ded57db345") format("woff2"), url("./fonts/bootstrap-icons.woff?a74547b2f0863226942ff8ded57db345") format("woff");font-display:swap}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em}.bi-type-bold::before{content:""}.bi-camera::before{content:""}.bi-emoji-smile::before{content:""}.bi-type-italic::before{content:""}.bi-type-strikethrough::before{content:""}.bi-quote::before{content:""}.bi-code::before{content:""}.bi-arrows-move::before{content:""}.bi-layout-split::before{content:""}.bi-house::before{content:""}.bi-bezier2::before{content:""}.bi-arrow-return-right::before{content:""}.bi-sort-down::before{content:""}.bi-circle::before{content:""}.bi-columns-gap::before{content:""}.bi-journal-text::before{content:""}.bi-journals::before{content:""}.bi-journal-richtext::before{content:""}.bi-chat-left-text::before{content:""}.bi-chat-quote::before{content:""}.bi-receipt::before{content:""}.bi-people::before{content:""}.bi-person::before{content:""}.bi-person-plus::before{content:""}.bi-shield-x::before{content:""}.bi-person-x-fill::before{content:""}.bi-chat-dots::before{content:""}.bi-chat-text::before{content:""}.bi-link-45deg::before{content:""}.bi-slash-lg::before{content:""}.bi-arrow-up-right-square::before{content:""}.bi-heart::before{content:""}.bi-bookmark::before{content:""}.bi-bookmark-plus::before{content:""}.bi-bookmark-dash::before{content:""}.bi-app::before{content:""}.bi-bar-chart::before{content:""}.bi-plus-lg::before{content:""}.bi-intersect::before{content:""}.bi-menu-app::before{content:""}.bi-bell::before{content:""}.bi-bell-fill::before{content:""}.bi-unlock::before{content:""}.bi-brightness-high::before{content:""}.bi-gear::before{content:""}.bi-pencil-square::before{content:""}.bi-app-indicator::before{content:""}.bi-envelope::before{content:""}.bi-arrow-up::before{content:""}.bi-shield-exclamation::before{content:""}.bi-box-arrow-right::before{content:""}.bi-search::before{content:""}.bi-brush::before{content:""}.bi-exclamation-diamond::before{content:""}.bi-reply::before{content:""}.bi-tools::before{content:""}.bi-badge-ad::before{content:""}.bi-award::before{content:""}.bi-patch-question::before{content:""}.bi-bug::before{content:""}.bi-mic::before{content:""}.bi-pencil::before{content:""}.bi-plus::before{content:""}.bi-journal::before{content:""}.bi-flag::before{content:""}.bi-calendar-week::before{content:""}.bi-person-x::before{content:""}.bi-folder-symlink::before{content:""}.bi-lightning::before{content:""}.bi-hash::before{content:""}.bi-trash::before{content:""}.bi-sort-up::before{content:""}.bi-record-circle::before{content:""}.bi-x-circle::before{content:""}.bi-vinyl-fill::before{content:""}.bi-vinyl::before{content:""}.bi-check2-square::before{content:""}.bi-emoji-wink::before{content:""}.bi-list::before{content:""}.bi-info-square::before{content:""}.bi-chevron-down::before{content:""}.bi-chevron-right::before{content:""}.bi-chevron-double-right::before{content:""}.bi-lock::before{content:""}.bi-pin-angle::before{content:""}.bi-eye::before{content:""}.bi-eye-slash::before{content:""}.bi-gift::before{content:""}.bi-x-octagon::before{content:""}.bi-magic::before{content:""}.bi-github::before{content:""}.bi-discord::before{content:""}.bi-info-lg::before{content:""}
\ No newline at end of file
diff --git a/resources/views/default/css/scss/basic.scss b/resources/views/default/css/scss/basic.scss
index c358a584..c8a72d40 100644
--- a/resources/views/default/css/scss/basic.scss
+++ b/resources/views/default/css/scss/basic.scss
@@ -207,7 +207,9 @@ img {
.w-auto { width: auto; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
+.w-40 { width: 40%; }
.w-50 { width: 50%; }
+.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-90 { width: 90% }
.w-100 { width: 100%; }
diff --git a/resources/views/default/header.php b/resources/views/default/header.php
index 291f9d8d..978d4e6d 100644
--- a/resources/views/default/header.php
+++ b/resources/views/default/header.php
@@ -1,5 +1,5 @@
addStyles('/assets/css/style.css?02');
+Request::getHead()->addStyles('/assets/css/style.css?08');
$type = $data['type'] ?? false;
$facet = $data['facet'] ?? false; ?>
diff --git a/resources/views/qa/header.php b/resources/views/qa/header.php
index 97785c5b..8283ede5 100644
--- a/resources/views/qa/header.php
+++ b/resources/views/qa/header.php
@@ -1,5 +1,5 @@
addStyles('/assets/css/style.css?02');
+Request::getHead()->addStyles('/assets/css/style.css?08');
$type = $data['type'] ?? false;
$facet = $data['facet'] ?? false; ?>