From 462d667e53bb2bb9eac89be7ab594e35d0ffdf9b Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Sat, 17 Dec 2022 02:03:02 +0300
Subject: [PATCH] Global: Implement showing platform

---
 VKAPI/Handlers/Account.php                    |   1 +
 VKAPI/Handlers/Users.php                      |  24 ++-
 VKAPI/Handlers/VKAPIRequestHandler.php        |  11 +-
 VKAPI/Handlers/Wall.php                       |  58 ++++++-
 Web/Models/Entities/APIToken.php              |   5 +
 Web/Models/Entities/Post.php                  |  57 +++++++
 Web/Models/Entities/User.php                  |  57 +++++++
 Web/Presenters/OpenVKPresenter.php            |   1 +
 Web/Presenters/VKAPIPresenter.php             |  11 +-
 Web/Presenters/templates/User/View.xml        |   5 +
 .../components/post/microblogpost.xml         |   5 +
 .../templates/components/post/oldpost.xml     |   5 +
 Web/static/css/style.css                      |  11 ++
 Web/static/img/app_icons/.DS_Store            | Bin 0 -> 6148 bytes
 Web/static/img/app_icons/openvk_legacy.png    | Bin 0 -> 19343 bytes
 Web/static/img/app_icons/vk4me.png            | Bin 0 -> 10290 bytes
 Web/static/img/app_icons_mini/android.svg     | 161 ++++++++++++++++++
 Web/static/img/app_icons_mini/api.svg         | 113 ++++++++++++
 Web/static/img/app_icons_mini/iphone.svg      |  56 ++++++
 Web/static/img/app_icons_mini/mobile.svg      |  82 +++++++++
 Web/static/js/al_wall.js                      |  67 ++++++++
 data/clients.xml                              |   5 +
 install/sqls/00036-platforms.sql              |   8 +
 23 files changed, 728 insertions(+), 15 deletions(-)
 create mode 100644 Web/static/img/app_icons/.DS_Store
 create mode 100644 Web/static/img/app_icons/openvk_legacy.png
 create mode 100644 Web/static/img/app_icons/vk4me.png
 create mode 100755 Web/static/img/app_icons_mini/android.svg
 create mode 100755 Web/static/img/app_icons_mini/api.svg
 create mode 100755 Web/static/img/app_icons_mini/iphone.svg
 create mode 100755 Web/static/img/app_icons_mini/mobile.svg
 create mode 100644 data/clients.xml
 create mode 100755 install/sqls/00036-platforms.sql

diff --git a/VKAPI/Handlers/Account.php b/VKAPI/Handlers/Account.php
index b05e01bd..4b97a266 100644
--- a/VKAPI/Handlers/Account.php
+++ b/VKAPI/Handlers/Account.php
@@ -46,6 +46,7 @@ final class Account extends VKAPIRequestHandler
         $this->requireUser();
 
         $this->getUser()->setOnline(time());
+        $this->getUser()->setClient_name($this->getPlatform());
         $this->getUser()->save();
         
         return 1;
diff --git a/VKAPI/Handlers/Users.php b/VKAPI/Handlers/Users.php
index 6185a250..acb29469 100644
--- a/VKAPI/Handlers/Users.php
+++ b/VKAPI/Handlers/Users.php
@@ -108,11 +108,31 @@ final class Users extends VKAPIRequestHandler
 								}
 								break;
 							case "last_seen":
-								if ($usr->onlineStatus() == 0)
+								if ($usr->onlineStatus() == 0) {
+									$platform = $usr->getOnlinePlatform(true);
+									switch ($platform) {
+										case 'iphone':
+											$platform = 2;
+											break;
+
+										case 'android':
+											$platform = 4;
+											break;
+
+										case NULL:
+											$platform = 7;
+											break;
+										
+										default:
+											$platform = 1;
+											break;
+									}
+
 									$response[$i]->last_seen = (object) [
-										"platform" => 1,
+										"platform" => $platform,
 										"time"     => $usr->getOnline()->timestamp()
 									];
+								}
 							case "music":
 								$response[$i]->music = $usr->getFavoriteMusic();
 								break;
diff --git a/VKAPI/Handlers/VKAPIRequestHandler.php b/VKAPI/Handlers/VKAPIRequestHandler.php
index 79cfb41b..e9413c12 100644
--- a/VKAPI/Handlers/VKAPIRequestHandler.php
+++ b/VKAPI/Handlers/VKAPIRequestHandler.php
@@ -6,10 +6,12 @@ use openvk\Web\Models\Entities\User;
 abstract class VKAPIRequestHandler
 {
     protected $user;
+    protected $platform;
     
-    function __construct(?User $user = NULL)
+    function __construct(?User $user = NULL, ?string $platform = NULL)
     {
-        $this->user = $user;
+        $this->user     = $user;
+        $this->platform = $platform;
     }
     
     protected function fail(int $code, string $message): void
@@ -22,6 +24,11 @@ abstract class VKAPIRequestHandler
         return $this->user;
     }
     
+    protected function getPlatform(): ?string
+    {
+        return $this->platform;
+    }
+    
     protected function userAuthorized(): bool
     {
         return !is_null($this->getUser());
diff --git a/VKAPI/Handlers/Wall.php b/VKAPI/Handlers/Wall.php
index 9297dcbc..f47160f2 100644
--- a/VKAPI/Handlers/Wall.php
+++ b/VKAPI/Handlers/Wall.php
@@ -64,6 +64,17 @@ final class Wall extends VKAPIRequestHandler
                     else
                         $profiles[] = $attachment->getOwner()->getId();
 
+                    $post_source = [];
+    
+                    if($attachment->getPlatform(true) === NULL) {
+                        $post_source = (object)["type" => "vk"];
+                    } else {
+                        $post_source = (object)[
+                            "type" => "api",
+                            "platform" => $attachment->getPlatform(true)
+                        ];
+                    }
+
                     $repost[] = [
                         "id" => $attachment->getVirtualId(),
                         "owner_id" => $attachment->isPostedOnBehalfOfGroup() ? $attachment->getOwner()->getId() * -1 : $attachment->getOwner()->getId(),
@@ -72,13 +83,22 @@ final class Wall extends VKAPIRequestHandler
                         "post_type" => "post",
                         "text" => $attachment->getText(false),
                         "attachments" => $repostAttachments,
-                        "post_source" => [
-                            "type" => "vk"
-                        ],
+                        "post_source" => $post_source,
                     ];
                 }
             }
 
+            $post_source = [];
+    
+            if($attachment->getPlatform(true) === NULL) {
+                $post_source = (object)["type" => "vk"];
+            } else {
+                $post_source = (object)[
+                    "type" => "api",
+                    "platform" => $attachment->getPlatform(true)
+                ];
+            }
+
             $items[] = (object)[
                 "id"           => $post->getVirtualId(),
                 "from_id"      => $from_id,
@@ -94,7 +114,7 @@ final class Wall extends VKAPIRequestHandler
                 "is_archived"  => false,
                 "is_pinned"    => $post->isPinned(),
                 "attachments"  => $attachments,
-                "post_source"  => (object)["type" => "vk"],
+                "post_source"  => $post_source,
                 "comments"     => (object)[
                     "count"    => $post->getCommentsCount(),
                     "can_post" => 1
@@ -212,6 +232,17 @@ final class Wall extends VKAPIRequestHandler
                         else
                             $profiles[] = $attachment->getOwner()->getId();
 
+                        $post_source = [];
+        
+                        if($attachment->getPlatform(true) === NULL) {
+                            $post_source = (object)["type" => "vk"];
+                        } else {
+                            $post_source = (object)[
+                                "type" => "api",
+                                "platform" => $attachment->getPlatform(true)
+                            ];
+                        }
+
                         $repost[] = [
                             "id" => $attachment->getVirtualId(),
                             "owner_id" => $attachment->isPostedOnBehalfOfGroup() ? $attachment->getOwner()->getId() * -1 : $attachment->getOwner()->getId(),
@@ -220,13 +251,22 @@ final class Wall extends VKAPIRequestHandler
                             "post_type" => "post",
                             "text" => $attachment->getText(false),
                             "attachments" => $repostAttachments,
-                            "post_source" => [
-                                "type" => "vk"
-                            ],
+                            "post_source" => $post_source,
                         ];
                     }
                 }
 
+                $post_source = [];
+
+                if($post->getPlatform(true) === NULL) {
+                    $post_source = (object)["type" => "vk"];
+                } else {
+                    $post_source = (object)[
+                        "type" => "api",
+                        "platform" => $post->getPlatform(true)
+                    ];
+                }
+
                 $items[] = (object)[
                     "id"           => $post->getVirtualId(),
                     "from_id"      => $from_id,
@@ -241,7 +281,7 @@ final class Wall extends VKAPIRequestHandler
                     "can_archive"  => false, # TODO MAYBE
                     "is_archived"  => false,
                     "is_pinned"    => $post->isPinned(),
-                    "post_source"  => (object)["type" => "vk"],
+                    "post_source"  => $post_source,
                     "attachments"  => $attachments,
                     "comments"     => (object)[
                         "count"    => $post->getCommentsCount(),
@@ -384,6 +424,7 @@ final class Wall extends VKAPIRequestHandler
             $post->setCreated(time());
             $post->setContent($message);
             $post->setFlags($flags);
+            $post->setApi_Source_Name($this->getPlatform());
             $post->save();
         } catch(\LogicException $ex) {
             $this->fail(100, "One of the parameters specified was missing or invalid");
@@ -415,6 +456,7 @@ final class Wall extends VKAPIRequestHandler
         $nPost->setOwner($this->user->getId());
         $nPost->setWall($this->user->getId());
         $nPost->setContent($message);
+        $nPost->setApi_Source_Name($this->getPlatform());
         $nPost->save();
         $nPost->attach($post);
         
diff --git a/Web/Models/Entities/APIToken.php b/Web/Models/Entities/APIToken.php
index 7257c6a8..f5744ec3 100644
--- a/Web/Models/Entities/APIToken.php
+++ b/Web/Models/Entities/APIToken.php
@@ -22,6 +22,11 @@ class APIToken extends RowModel
     {
         return $this->getId() . "-" . chunk_split($this->getSecret(), 8, "-") . "jill";
     }
+
+    function getPlatform(): ?string
+    {
+        return $this->getRecord()->platform;
+    }
     
     function isRevoked(): bool
     {
diff --git a/Web/Models/Entities/Post.php b/Web/Models/Entities/Post.php
index 40769292..7fffb3dd 100644
--- a/Web/Models/Entities/Post.php
+++ b/Web/Models/Entities/Post.php
@@ -113,6 +113,63 @@ class Post extends Postable
     {
         return $this->getOwner(false)->getId();
     }
+
+    function getPlatform(bool $forAPI = false): ?string
+    {
+        $platform = $this->getRecord()->api_source_name;
+        if($forAPI) {
+            switch ($platform) {
+                case 'openvk_android':
+                case 'openvk_legacy_android':
+                    return 'android';
+                    break;
+
+                case 'openvk_ios':
+                case 'openvk_legacy_ios':
+                    return 'iphone';
+                    break;
+                
+                case 'vika_touch': // кика хохотач ахахахаххахахахахах
+                case 'vk4me':
+                    return 'mobile';
+                    break;
+
+                case NULL:
+                    return NULL;
+                    break;
+                
+                default:
+                    return 'api';
+                    break;
+            }
+        } else {
+            return $platform;
+        }
+    }
+
+    function getPlatformDetails(): array
+    {
+        $clients = simplexml_load_file(OPENVK_ROOT . "/data/clients.xml");
+
+        foreach($clients as $client) {
+            if($client['tag'] == $this->getPlatform()) {
+                return [
+                    "tag"  => $client['tag'],
+                    "name" => $client['name'],
+                    "url"  => $client['url'],
+                    "img"  => $client['img']
+                ];
+                break;
+            }
+        }
+
+        return [
+            "tag"  => $this->getPlatform(),
+            "name" => NULL,
+            "url"  => NULL,
+            "img"  => NULL
+        ];
+    }
     
     function pin(): void
     {
diff --git a/Web/Models/Entities/User.php b/Web/Models/Entities/User.php
index 31d8f4c8..dcdf6ef4 100644
--- a/Web/Models/Entities/User.php
+++ b/Web/Models/Entities/User.php
@@ -751,6 +751,63 @@ class User extends RowModel
         return time() - $this->getRecord()->online <= 300;
     }
 
+    function getOnlinePlatform(bool $forAPI = false): ?string
+    {
+        $platform = $this->getRecord()->client_name;
+        if($forAPI) {
+            switch ($platform) {
+                case 'openvk_android':
+                case 'openvk_legacy_android':
+                    return 'android';
+                    break;
+
+                case 'openvk_ios':
+                case 'openvk_legacy_ios':
+                    return 'iphone';
+                    break;
+                
+                case 'vika_touch': // кика хохотач ахахахаххахахахахах
+                case 'vk4me':
+                    return 'mobile';
+                    break;
+
+                case NULL:
+                    return NULL;
+                    break;
+                
+                default:
+                    return 'api';
+                    break;
+            }
+        } else {
+            return $platform;
+        }
+    }
+
+    function getOnlinePlatformDetails(): array
+    {
+        $clients = simplexml_load_file(OPENVK_ROOT . "/data/clients.xml");
+
+        foreach($clients as $client) {
+            if($client['tag'] == $this->getOnlinePlatform()) {
+                return [
+                    "tag"  => $client['tag'],
+                    "name" => $client['name'],
+                    "url"  => $client['url'],
+                    "img"  => $client['img']
+                ];
+                break;
+            }
+        }
+
+        return [
+            "tag"  => $this->getOnlinePlatform(),
+            "name" => NULL,
+            "url"  => NULL,
+            "img"  => NULL
+        ];
+    }
+
     function prefersNotToSeeRating(): bool
     {
         return !((bool) $this->getRecord()->show_rating);
diff --git a/Web/Presenters/OpenVKPresenter.php b/Web/Presenters/OpenVKPresenter.php
index 1505df92..710713e5 100755
--- a/Web/Presenters/OpenVKPresenter.php
+++ b/Web/Presenters/OpenVKPresenter.php
@@ -254,6 +254,7 @@ abstract class OpenVKPresenter extends SimplePresenter
             $cacheTime     = 0; # Force no cache
             if($this->user->identity->onlineStatus() == 0 && !($this->user->identity->isDeleted() || $this->user->identity->isBanned())) {
                 $this->user->identity->setOnline(time());
+                $this->user->identity->setClient_name(NULL);
                 $this->user->identity->save();
             }
 
diff --git a/Web/Presenters/VKAPIPresenter.php b/Web/Presenters/VKAPIPresenter.php
index a26a25b9..7c8ed39f 100644
--- a/Web/Presenters/VKAPIPresenter.php
+++ b/Web/Presenters/VKAPIPresenter.php
@@ -195,10 +195,12 @@ final class VKAPIPresenter extends OpenVKPresenter
                 $identity = NULL;
             } else {
                 $token = (new APITokens)->getByCode($this->requestParam("access_token"));
-                if(!$token)
+                if(!$token) {
                     $identity = NULL;
-                else
+                } else {
                     $identity = $token->getUser();
+                    $platform = $token->getPlatform();
+                }
             }
         }
         
@@ -207,7 +209,7 @@ final class VKAPIPresenter extends OpenVKPresenter
         if(!class_exists($handlerClass))
             $this->badMethod($object, $method);
         
-        $handler = new $handlerClass($identity);
+        $handler = new $handlerClass($identity, $platform);
         if(!is_callable([$handler, $method]))
             $this->badMethod($object, $method);
         
@@ -274,8 +276,11 @@ final class VKAPIPresenter extends OpenVKPresenter
                 $this->fail(28, "Invalid 2FA code", "internal", "acquireToken");
         }
         
+        $platform = $this->requestParam("client_name");
+
         $token = new APIToken;
         $token->setUser($user);
+        $token->setPlatform(is_null($platform) ? "api" : $platform);
         $token->save();
         
         $payload = json_encode([
diff --git a/Web/Presenters/templates/User/View.xml b/Web/Presenters/templates/User/View.xml
index 61acc215..1c2a797b 100644
--- a/Web/Presenters/templates/User/View.xml
+++ b/Web/Presenters/templates/User/View.xml
@@ -47,6 +47,11 @@
         {else}
             <span>{$user->isFemale() ? tr("was_online_f") : tr("was_online_m")} {$user->getOnline()}</span>
         {/if}
+        {var $platform = $user->getOnlinePlatform()}
+        {var $platformDetails = $user->getOnlinePlatformDetails()}
+        <a n:if="!empty($platform)" class="client_app client_app_titlebar" data-app-tag="{$platform}" data-app-name="{$platformDetails['name']}" data-app-url="{$platformDetails['url']}" data-app-img="{$platformDetails['img']}">
+            <img src="/assets/packages/static/openvk/img/app_icons_mini/{$user->getOnlinePlatform(this)}.svg">
+        </a>
     </div>
     <div n:if="$user->onlineStatus() == 2" style="float:right;">
         <span><b>{_deceased_person}</b></span>
diff --git a/Web/Presenters/templates/components/post/microblogpost.xml b/Web/Presenters/templates/components/post/microblogpost.xml
index daf2c275..90c72677 100644
--- a/Web/Presenters/templates/components/post/microblogpost.xml
+++ b/Web/Presenters/templates/components/post/microblogpost.xml
@@ -1,6 +1,8 @@
 {var $author = $post->getOwner()}
 {var $comments = $post->getLastComments(3)}
 {var $commentsCount = $post->getCommentsCount()}
+{var $platform = $post->getPlatform()}
+{var $platformDetails = $post->getPlatformDetails()}
 {if $post->isDeactivationMessage() && $post->getText()}
     {var $deac = "post_deact"}
 {else}
@@ -83,6 +85,9 @@
                 </div>
                 <div class="post-menu" n:if="!isset($compact)">
                     <a href="/wall{$post->getPrettyId()}" class="date">{$post->getPublicationTime()}</a>
+                    <a n:if="!empty($platform)" class="client_app" data-app-tag="{$platform}" data-app-name="{$platformDetails['name']}" data-app-url="{$platformDetails['url']}" data-app-img="{$platformDetails['img']}">
+                        <img src="/assets/packages/static/openvk/img/app_icons_mini/{$post->getPlatform(this)}.svg">
+                    </a>
                     {if isset($thisUser)}
                         &nbsp;
                         
diff --git a/Web/Presenters/templates/components/post/oldpost.xml b/Web/Presenters/templates/components/post/oldpost.xml
index ac440a25..dcbee4f6 100644
--- a/Web/Presenters/templates/components/post/oldpost.xml
+++ b/Web/Presenters/templates/components/post/oldpost.xml
@@ -1,4 +1,6 @@
 {var $author = $post->getOwner()}
+{var $platform = $post->getPlatform()}
+{var $platformDetails = $post->getPlatformDetails()}
 {if $post->isDeactivationMessage() && $post->getText()}
     {var $deac = "post_deact"}
 {else}
@@ -46,6 +48,9 @@
                     <br/>
                     <a href="/wall{$post->getPrettyId()}" class="date">
                         {$post->getPublicationTime()}{if $post->isPinned()}, {_pinned}{/if}
+                        <a n:if="!empty($platform)" class="client_app" data-app-tag="{$platform}" data-app-name="{$platformDetails['name']}" data-app-url="{$platformDetails['url']}" data-app-img="{$platformDetails['img']}">
+                            <img src="/assets/packages/static/openvk/img/app_icons_mini/{$post->getPlatform(this)}.svg">
+                        </a>
                     </a>
                 </div>
                 <div class="post-content" id="{$post->getPrettyId()}">
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index deafd2ad..42783603 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -2216,6 +2216,17 @@ a.poll-retract-vote {
     border-radius: 1px;
 }
 
+.client_app > img {
+	top: 3px;
+	position: relative;
+}
+
+.client_app.client_app_titlebar > img {
+    top: 2px;
+	position: relative;
+    filter: invert(100%) sepia(100%) saturate(800%) hue-rotate(2deg) brightness(130%) contrast(50.1%);
+}
+
 @keyframes appearing {
     from {
         opacity: 0;
diff --git a/Web/static/img/app_icons/.DS_Store b/Web/static/img/app_icons/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ba9eb77734a18b98acbd514e3b5268127d0bba9a
GIT binary patch
literal 6148
zcmeHKyG{c!5S)b+L1{uq>5>WwiH^pKLP5<300}4sM=lLWbl34Md?n02Kshe76tFAp
zjvqVr-4tFMfXtrmPJt<aF<lX_8iuCx>I2)05k;{zp7DTdG`PoVkiC0Axrb=6A!m(k
z{w<bx!3k&9SY0;la?!L4X6vWE(U0HF*a8lWd4@->vYT=KjbXG5sX!`_3Zw$5z&})g
zHCt^wam<(sqynkHmjZe|6uM#!>>TarV9@Kk&W{w;*tWL>u|&THc8;8(iBpMAm3U%^
z(>Y!uuLgFGPKVgeTqkyxc%g{x&hcXDkm{H*6-Wj83haA#s`dYZ{=@sfPs&~@kP7@M
z1!Oe8n$P%4QCkN;r?s}wZ|I-KTuW!@T>{wAQhc<PSG3K%8rV4+o#RF)=0!ktNlOKO
GLxB&rAS){X

literal 0
HcmV?d00001

diff --git a/Web/static/img/app_icons/openvk_legacy.png b/Web/static/img/app_icons/openvk_legacy.png
new file mode 100644
index 0000000000000000000000000000000000000000..05995a400fa8fb7cb675b268ebb13514ab5fd01c
GIT binary patch
literal 19343
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
a17dgup70x7yGj3-S=$VE8Wf_OkNzJHsCF#?

literal 0
HcmV?d00001

diff --git a/Web/static/img/app_icons/vk4me.png b/Web/static/img/app_icons/vk4me.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d51b710f1938da2fee8689d237ed4613f434fc5
GIT binary patch
literal 10290
zcmZ`<V{j!*(~a$HY$qH0#<n+hZk&y6+u4n8ys>TD*2cE&<lX20_f2(A*UbDmH8s<H
z>QqN6D@q|F;3I&6fg#ICi~sl+J^phzn13^mDc9V;0Pi5J?F<Hni20v`gMl(}|80Uh
z|Bw;|tC}J_`L}?w5K#~T1FMZkd<Q~<fzb@hh>NIsfM58+r>PGnUzaY^Zz#+okC=yO
z#E1(^#LDl!<AEG+dC~_$#93NI%?~qP)Tzzc90N;AR1$H&d=%xW?`YUzzB%-7i|4au
zB+xoWhUkl+;YZkPxNvteUo9<^>Z(7fZM0QiS>ua#RVz8S%GnlAX%s6icA^@g!2tgs
z+nEN(eNXRwf4M6MlO3F8k7dOj;^89#<Rk#`;5?Km>LNG{265eD)g7y<2UVx6)b;o+
zcC`~*Z2Dkh%-l?fRWuVz%4PWfGCG|f3aqptnc|aZKaRjWvj-=FdcPbNV=?QXZQ03G
zJ+h5NV*yaA?3^P|{B<H=B3y{to)OlL)1IW&oJRQ2rd(z&)QP{Qm0{S@Av|NJ5fBhs
z0PHuY2#AO`JemjGA)>uYkbBnRh-aw`+I0kqKLDk;42|rF^`xpSV(U{FQtG5>vm1-h
zodTUR8}pEzot-ljQzP<~>4L)4b1sh6oJ;)f=~?$k;Edubj=xO(935GinV5_v1_yUr
zE3BIVONi(mDHe6siqv6Wqj-dDoa{Lke=P#~k@m%Ob?L7zFM%5y8$TfFdf_2GJkB_~
z?F^hRvRy${6s3YvS`)6nX6#H|tgPsgl9J$TnS}>5EC38VcxfLrCfD!Qhs(D?L4!f~
zjU~w!7Z)>B99XE4X{5A2>3+t<dm>OKVrB;~X(7w3o)lTzh7%^JrOw#V(i1?4g(b<b
zGuP;j)vXlDr7&tE`$GVBkh&yUngZa5*h(&rj{{Otu!R*Q>cS|1P*p`_P2};jMq^OR
zlyBJ&o~U|DS4~+1){G%COJI#{6%|Nh<KyTzi+%VTo##;OuOX}+m+LQ_R1(layJ!o<
z0;>>}m6g8%81U0tGM5U(QUqoit6|gcbFaRu=X4aU70{!ansW}hYYxz2mTYPo8nWim
ztZ%iK1}!FoQD0TTm|!#^z03MfPtk)Xa#=)K>Iw=9=6V<7rsM^zsWLh#MK(;*)^n;5
zIGX@5$$UvfYscmMctIy_LJL3@(vr?v#zm!o(|!b=VIpa7ZS8ZCsktvG$JBU(jR$H#
zH)T8JFKn~zD<P*g3kU}b%l7zm%I`6fCN77<Z5`KVQT?tM3%f>LUw?!1;o*VRSzZ7b
z95byKb|N#C1TAQMhz55T!NwE&QfON+x<?=Ed{$QWeJ3XQ@^bQax=O3oRDckcHee6z
zAAHn1ai8tT!^3<Nd;$Vzp6|Y_3iMQq6CD$Fb1j*$D88b^=Br=`{8NNbYVg$4o!ddE
z-R*uKZOy;{U=JQc$G*1c7O{|5gC`uXD!zv_^dYZWE?nk#d*O6%e?r=0iH_?>5_pxi
zA_(y<vw<=fn}*q6<lD*VW#3JUntZjO&_(8*yZzq=KjHp7$T1_1apTptQ%kvVw7gEH
zJkjZI3|8^!7G4)7V4dcE2kb~t<oqEu2E@;4-{S#O*eG$2b%a($iu2s+%&*j1e@vyV
zE*47X4OSbhKEQEFaamyU#i+uPaWXPMQY5y5r&)(H^@t_fxNolGvo0hS{Hs&A;{yH)
z5K;M$c$NgMP!zVhGA{*?-;1Wi#$><TZuhOe>OJpXsd2$ZdcXpWF3aK`<3Q%&txQ0*
zf)PDTqa9<Bm|CFm{*U1~pNGeTgE=-PL5`_PsByiwYv;zT%ETh8-kU-a0k3ZZYIQ|5
z0bg)1a4_P*gDvfVwKcxxyqyT{I<aAzoE0a$-Jg8pI~#T1M3A`|8I6c6)d|V=1c7%u
zI|NSmz8FR>)g2ub=BusqMteob*4wx{X#&z#AjD^;%%i5p#*8Ch&vt%6`&b?ztEsk=
z5gCrje3H9^+`;`ratiZto9y79!DH6^xJUE$Y5iJb2_iyB!um+;oBP2^Tif5Qg1fEM
zvcXH{WkgBfg6!F*KN?Ra%<z3(sTYrWIcq!Cum>Y|Q?O}5;-(ZursKwt=yf25;f78B
zRCnI4;{AC-U0mkYQiKnhCTu7DG5DP<pL&M(2)s0i6m-aQd)IY(tGM+Zn&y02Zm7Z8
z0!ASU;+&u2v40qvBzUVF94_b;fw}x?YnvE-E%Q4a(xI>?E1x<=!CFVPpq8>6!k1;4
z(E@6|^(w!kd&g2Q^+b9;1-q6M(gBAM@;;+?d7`sOqei*{iBq>;oCIA@wS?4BwjldP
z&wO>1pk2xMk2RxHy46?$<(-Y|2>ZamDk%!6YO8l~20HbJ#OG?O^qHS%Hy(q}foIG9
z@>+(3&4%eFPN3(lM_CrK7+elya`cSM1>k_EGNb7LgFjWcHRe_!Jpl7g{)`%?rx2RB
z<uuH|72G5`FK31sW;%<nSu&S%%e6v}ZXt{Mgv}#yfY3|nXh5b<blBH%(#o3+<{-|q
z0D)2Xay{c`WprXy;1SCeiX!#kgNmqa)7th;6i=9U=--7YP-wf%UAP}B08*k+;9q{H
z>*%CR49OKRxs9RIUOtID{8iNMi8;n{@E5PsAyj;@m<onB_CO2j#*)MN=En=5mVY#8
zoUFEc^(W6Xu4IdsxAy>s$rb-G?0s~vDE5)7i<`3eMEVmDzt`lq)8dYx34An~xVLsy
z8y!j)myhkdEkAr;I{m<RB{cjaJ%A@P6eA{Y9e+Z*{9RZFUd*BPeNj^u6sMlJGq}=>
z26wy^OUHqayxdr7ku6Ca;oR~8CR(U2LkQxp(IcKyES>epV!!kgKTC&S>(G%!{lA^!
z;UBDWyNahVC)%4I3V1gfI1nLabk3|3K|7QkzRxY$jn+X}1`IO!=)8RG`wpr)t69z1
zIHK94_#a3cUirVSZN)Wzk4B{5#sM4NUyhW5QT?vvJ=N6Igj)e9ga9zuN0I=ccVH(!
zMuTdVWNWR1{#H6kChaK!f>^kQaCw@co&S@*7ITWhSB+igB5M51&knpw)cD&dr$~w^
zYPXJd_OP6A?J$_ukSM`<Un|VnzNn~Myxm!h5y)E<yvZ!@i>lZDaO)Z0VmOsb>8QP*
z#;rlhWD$ZEj|UEeSoH^-(9QKD$2bP>cpcBXay4HcABU~#Ii&A|D$AKX|Bfj#!1OvE
zueO-+K1TeR(U)QM)+ZrGX@p+j(*%y3MzwH+urH6210Fh``{W?HbKraVEv+1N@K3m`
z{Js_a>X+gW_}s7i`45b7O(wC(PSw-bvmlN+=tV=BL-anKzVMl0I}lFQ{O`;BRPY-1
z27<|OT<sXOl4Hv{Z@`4sZGPc(AEHqGX%_XV?){=JaN>BDEk|8Y%D%R%I7bIwN$4ZS
z%!)dj2fgd_p*r;8<N~PC33O{M2JuUk-;GenLDy6H)#_6UwjFa-+LiOSgj=td?hTx3
zC?`%sh#S-%)2TA0p__Uia&dDP8&JvOBeG7PujB;t;cPKA%Ev3&2@AU^YjZ2EXGPsQ
zJ&%9grT*|<D%WQ+e17w+aoDLOuMFDFj}Vt95C5wbRpkA8A3fkn>%I5DZMLcOzEOC+
z-P}bt$zo~FqN=W?DQX1SJme?84NK-{o<7U1Q4CJ#1!bqT5jL5@UAUQ>iW6L{nC;}N
zWIrwCz%P7lm0|6#ubK~h%$)8Gg60k}qh0Ka$xA`IV3DCjHOL<d;`QG_ydzgA6fan{
zo_k<~Z5#Ey-LD5uq|N>=rDf>pHKg&l6!6XFy3o_sVC9+Rf6JCzO|YOE98}g))@n98
zE6Nd(9T^|Rz<%Jr5THrNpzk(k@T7tQHn6xO+I94@U>LrrQ6bG<Yn#H5+p^l?<v<&K
z;#46vvTXx51I~<hoX5nC_S5^aBwo-yALrx_dRbo!pcJ@J<#z^=`W3REG%KiQUeLN<
zmSu(&)BI!oDV-*|o_G>KDFViiKR|)-39$Q|3K%ZsqNxIXzev$B?f4F5?}YAWg7aF{
z<sByrO#z(w-%r0yBhEU*jmsQ5MTx0#or@VkeP<xqMJuV}?ZawRSXB`%zH=gvQQ_Oy
z`HJkgJJcrty`n{wNj||7b1qx8gwWn91@n_K!yvw76&aUNFA?sHGD>;}UqUc--tYYg
zrXs^qg^-vCSQ|iY34Z|x0uEsvaP!~@p;Sud;6zDz@Jr4DSYYI}+kGj}WOE_7tL-%R
zL_&D_$a-u64lf5e7a1c!PeqPp9SUq^cI%~z1@QO<q-=JJDUP`aE(OQpz?IdrqI}9>
zjwI&{^r)I`HWhX#j=)A}xC!*@i0vMtBIlY_aJ%L5bgA^RvdA>sRY<Aa7R@`WoP^%n
zPRb3bVV#iogQZLCsN%F%=^+a?vwovoya`VcEG9#3@OMHoev(Z0O`ad#$Up{iw6I{}
z-4Z++Pg+(oV^OVCsWTqVdNdpiuwW^p5T%T(9yrs2R<Nc)a72<bg98!p-c|-37Gy!8
zAs#?seQu{(NuQ{nU_r=&VoFaTjAnvfh!fda6^y>m&7cwC_uU0?Gc0R~^yKM^phCIS
zQQFybV<xX@f#}6`jU)Et?e~65-Q#a`VIdSnNC5upp5Pi_KXoMPlKVKLA^H)!JW-j0
zwAK&>YD7aJbai7TR<?F4f`Qk`k&~XpBuC6%RXd7`rwTX13;Q2?84d)JaCU{Qb-d)5
zo4y77OfL|J=k0=apZLO9ax7YYM-U~Prh#YZ!ZzG`Gfdx^6p22J(EAR>tu7&)R2&C_
z@h3!-T-1)3g+H7P1-fUe3Kp4H#9?o6`1ZJA7oOX>$8=K9tAU><@<gUKL09HQ14*|<
z(Nr)jYL9L62GdwIOab)L!)dv7A*q4OY<L!LgG98Kww{^|?s<?gi<}1&csH@Ko>mQT
zd}*?r40?ahbTNS&3Nv-siCk(Z$I>Uy#1i*Z45r<c0=)aF^D9IuRnjVRo*z)e;~H&&
z3nhZ=27V?+-&@M_2y$gHcN>l)64kN`bl=(lE{0l7^WRliT2p9sLBxll3dF5K*r8f?
zkxluA@mYraN&}-K;|vb1#Vt~3AjXF?&LrO>ubjsE-TU($ft(y>08&!nA$f6m#D~A)
zhLIFxte^?#xLwoim15xUejO{<*d*mbj>Zk05R(h&+pUs3dDAq|K12V;X1j})K}V}f
zXkz+%w<Ra^6!AxVFTauc6bd|kT*DB8A_U_14N@W))O}UH1hhjIpxk`bk=M!G@P1gs
z+1HiOr~vsdszMX$L`?Vf`ipr4s0Cx<(o|VQdox3|O~cPyO=F}l{{(4*@hB)G0v%rJ
zHIHZG7n!j<vVHIcVc8Mp8FV%PwGOMeM@44-j&K2JB3z;={%ewomHjZ7<m*}cc`0~{
z3qqoi9FAOJNFsz%`BVHo!1A;G=VE>21m}mwg}>X9MN-WVB_U91cwmxgVkTt-Ymqb8
z^_@`?{z)&oX1v>!Xu!(I30up81uu~Uy8!Dv)eV%8{dFa57fQZVY#r|rySC+2b@!*C
zs6xod0>~-hI-B*cNjo|({m;Rj+ToP`r|z#{TukHVh;i%cPJGE&-a!nEDXXtO4c0h&
zE2cZ^GQRf{3nx_G>p+W|HIbR7@HMOZbhD<xTIZvwh%_A*OEuZ#|Je1q=aD8=ePTp;
z&eh*q%&yzyHNcRURaP$C+UhC>vs79{(WdzD2=3=`{`dh9UOt!ik^#ZzKA$Aex~g>y
z7dX{xg4Jii7n*Nwov*+bPwGv{!E`Q@02}O??0!Z=DVIxs0#IiKNs7e{6hMCu@fgA@
z9%t3KDwC!RXxV7J6L9-LHsnA&PZN7X>_gHe&eQE`ETl3PM%xVpwcD&jdFV0_vr7Ws
z$GUxG9_S*BXT8$kY>Mqa!eUt^B2+*ug5Yt%k#4y1c*n90mtfA1R+S$c)=uh!DK^u%
zCE13z-0V9!UoRwP>TQ>4!=>`;y}__MhZ#71y^!HCT;HSfh=dO@dyomZwXyewzP?bQ
zgEdRaMo+N@pmEdRdbqDrQ>aNj2oUpdM8INPwb~yWOMJJRLUUz%cV$K8?|Z_(bI#dG
zp|4NwO|jU54fD;5kb>lfO%$^u_t<l~kgB>~$Ka5Ow>XNce~mV;x1n*7&x^09Pk&PW
z;=$Lbd?nGg%a3r{@EI5NRI-2+qz{FKk?wklecMh_Rg9cd^FPOBr@g>Rkwl{DTNRFJ
z;K~Bz(YfDg^_w6_cN0%^jA$YAg>bJKSaz9>YxYp3PQ)aGXWJxJb^WZ0k^b1l=|*aP
z3rQJhcZZ+6XKZHrtrKckd&8sst!C5n?rZim-XsuE7*KV!)#Z~osK@*%Ke_9H`>OYF
z?wkNsK+=%)%x0W@)6dTVczQma{eF3VpI~7cFk2ClOp{~vy3Fj0KE-44ol4MIfvZy^
zhgP;Mo~H2(90o;OW&3lNx#(y>Q<uDQQV6Fn65`Z)obhOPV7=4qy#=6+&L&tH(Mb()
z=$nVTJDw_p!WUBdr(Co))J-2Yoq5agO*9Q~gM=8b7jnxgp8+^rk=!38kjvzCMbPtH
zJnEcKIEB@LKd(o{F?{2-6TW*0)x_9mMSYBy!oP2ki;^CF+U|2?^0?}J8n0DaLi9U?
z5;2-2n>}aJaVbx;kBe%&>K%-xNAJoM&23okCKK3>Ts`Eo>$Lr4>V(n7gfdaj!`ybb
zq$6xNbLHtEdSndcC}5QpM$~1yb3vA<zyNrKh+V<RN9p7<PQrca^7|6dQ0^U^>?}IT
z{nm5z!e>?ijkSU5vdx7*z1BQPqr(TYh$_(FA^MA7Mw)Ql!zF9&w1veeM@1F_^%wGv
zDD@WE^r{@UPC5VI04ZH}7vJOcb^k2^C(v$_NMuTY*o32FCY>C>*OmYN3bmiC@Ru5H
zV<G(hWr7WE$~S**Uq|pvcGt3aR^O_z!Bn)?7iQ!Fa|bljHADn9NAK}BH~iyHxdyRt
zl-@oG_a1QDD$fBud`Gs2684|BzE6@MdD0<ak{f;x*6e=r8Lx&1R-odQ9&yDH_l64v
z3hPkFHDL;Mq#Ic_o}S8SKvIGq5=t&!pMci-uo}(^CF38@hEY-WPHC1E<WJbCITD&x
zLTLqJ_$N8)_}iu|xnrM}!PkjSb9J`kT(pU|%Qu+j)4e8G<N{_(S3%#E;t3k;$l#ID
z-(>FBdt+r*`KYHR0j1qRsi59;h@}G&re6TxKsigwznb>ln5!I#MD<64^R<V+f<~V<
zyi*-Jq-~aCbnz>ct&^sQhVRxPf2(A0*#qN+ZVJ*-pv}XnHR*qFP33f*Cpx(o(z68K
zGOKmQ-KRgw-_s_Jx`@e2Pj1_A9Sfh#!cnoNqosILZjpCngsEgp1daYk>;=|oBRMn>
zG@2B!EE~4Vfozk9y%a)pkb;@zST<A$_*1V>+cYXXFt}`22;qsIl#;J;*-YW&a|DUT
z+py--z_UEJanL7<z(RuL!SC-~xc^m^;nAOchQh44H!UXloO(IF$qu_#Vw9*bZWpV_
z&0Af7InzpL;l`MZ*mFHAM9^6^S>j+C(&ve`e98I|uJ@4VW#5`znB1oqb-vY9<|fAG
z+m*jCLSf_hTyvnoyFwP*%7WCj5pm$r{^q{fvzS5!=~M9?e8Hv*x8rVl4xCr;=rb0V
zEN-O!Hy<u5JG3B(WDP?v6IINLw|=jB)!CI|;Jb9R%q}f60R#y;deO3hzp7-N2glH0
zQJmnq`BWxZy7y^mao>G3)9+Z@mAb`Kii@za@I8Z@>`mgAqJpyZb2YNJhyB)$3c~EK
z6GRv?S-!%RnDajch*WhX&&~paRG}Ho_FGMaKZIXd)6Ck^=Zq+BZeF;G4=Gbd-rRaP
za;g1~cCKW|p-pdkEo&akMG9sqq~b!nue2Gm@D;=^(|-P}Yb+vl{xa)D*5J#@VJ8su
zAGDD(u@Wdlffsriy~|siO$p7ML<{a8rK9LL%$Q5I<fKaK7$(`oNR3Uv_`%-7z1B|R
zPaMWq6iW^Rf5&U<Wa&%HZn_vcT<zbf!}21u;M?G-(A^2<#j02ses-hB_LALxm1Mpa
zUVaxNbGYf@yZ=yDC{S^R(7O+fSY_cAl~4MJ<;mau_<A<>{+(t#GUX&IA4Tio)SEmL
z`-II2=~CvS_nJSm;+)9`zLnX5DpNJQSB7HR<A*@EpC>2(`^J~@H0hjqW4PRv^Bi%x
z`7PbZe!C5IxmPJ97`ycs0yf+sj7z#wcS%vhRkgK6ZVwA*S4JJ>ClelKB~vKA+#ArK
zl<cDrBnvfze@SRfyEgiGy^(-%3+EzS|C!E1g30s5$GPC_s+oDu&Wkd8^r}6we+4Pd
zDqI&)mF+lA_S*^&Iww#4fG^U1uIdlVz3I@|$zpFi7+Yoile%Xk`YHiJ#7x|9K^}LS
zdR*ZJbR&Ek;pSH2UjC3)7Clc?c9|e-g4$72lF;bh)P+h%)|jZSFHliZS9hADvw)2g
zg$9li_hJmMD|Q!=D)(1klZHOW>2c+^$HX<~z0o~A>yLrf*Z6S6Z|oKm0Y!)Ae>>Y1
z4@I24Cl{UZ{BS~eZDXYVVD8E?pbaAj9^76)FPIJ#S61p{_>U!xo<CM^!bnIA!oY&%
zTpZl)F_&w8g_+k|!QMVa$ErdPNc6`~s3Dj4RbTRVxL;igBtZO7eOY&&{^$w0!F<}y
zfW4KXOe$zSt0M!>b=F=6>E`Ih(GOcpWlo2_RRv<O-`3-a#}qT2@AN;^$g$uRe}6`h
zhKLQUll-EEy}<m*pWSTZtBWvmBHCUmL^2!HMAD~Z=z*TX;5%`zaHx(ANBUUKC<(lF
zl#ziaVK+zezI;*N8@T)U2jlAaZ;Rtzp5xxo@;`ApmhxXQ$h4nhhaVi2=eessak_kG
z%A2~|pQo?Ib_<;m4Cw(0uPE6_!lQZ*z?}r(F~Zt$m3miHEo=*8aC0=v@8l`GtdM}9
zc0OOhIM`K4@7F#E&lRHJ>^p9#(JnalYB6jsc+N_HOF$Bmx3}><MU5{6#`y^DkQRCC
z^F>EROMV}ahln5GoPBSL8DzVELJNp!D@GZUc-&W|H``oE^`9F3!x7kO_z`hW0H9f|
z`~ksox1^lkr#7l4qSpC2b%9di)(`-rLM%?PUJiM08{Hp{Dp%=#oR?l!nR;M~UOprz
zCpV})lm{!QM#pZ!wib;L-E&FPY^%)A7*o&7AzI+-B7ML)6?%zQI{eT>m6+q@Wj4a{
zaM*QN?TMc0r%2`k4D8ynMhVg}x|L8RBApJ{Mz>8om@TGAnzz{eOS)#BWAI`kTRo!o
z?=3ISG4hsnRJ63folTz6T>le!X10;33aRkn_YV1<T)rE1NF3bgl&csahOO8X&BOIq
zx~YW&560B57sf316@;HiV7-VD$J(i5l%IYX39G^M_^kHY1S8vkM|Sb&LIuFdYB5D9
zG_!o2a&`x%YF6(Md*P{G{N!vFusRuNY-;*Kxee&R^*L7V*P-Ns;pbqdt&4-2i&M6B
zDQ|4}yAdBE?B=Cagl{cb*(3Ik<1;XZTFMq)LO!JU3v+O08i21Pp=xyAW1`MB^BM=)
zK49MM%C5}cs;f^)bH^k*LF)+AhtbCv<vDLGEV#ULJZHIc+2Rn{Gh^vgq=Ad~w_u8K
zPUM2l((l;99hoSQkG=F|{B<mAmrVOPs?vu>qYVRDTT{|eZ0_0*xw}K5xj*Q)82bwI
zz-XyqMQq@eb%O#H3WXp8kN#1H{td%+!?<o@DfTY@W2A>Rq@VUp?Zx1pV4lKV-EDKM
zcITxeI3_nCadC?5n)yJ^-NWG{IIvo}fFqu}edl@OZl#uo3-^7cHy?*xJY~IaFYs*f
zZf%4*l27Xmx5p;qz(Gu<9b;(S_D6TUiLaICdBwy^Eqh*%vnYP6Z_#aS0@tyy!~-Yk
zYs+fB%c?3Jgj^LEwo`{2?OWcs|L)jd!(!ohHnFU%OlWCgVIs1Ktt_hna=&%7JcY>F
zYoiT?QB3h;vz5Cm;<0_%Ae^oCk{8(bTtYt8Il+l7^=^x`dC^Sr>h7`kWRFL7ad{HB
z)!m44dUm!Fa<g~fRi%y{kyw-#=h_&VT#>{7q{<{(Az%3uFHh|NPn-0QU+9#De1ltE
zS$X+Q@fET6*N1O+5PyJ3HYxS$JadQ9>)CUyLf&9*LXAA<UnB?rxj0BIIpZQbP-;qJ
z1SkQfNh6}=TKaJZkvRa>(1Xkf?pM%Iq1`mGhaAiGWb@LEfcGO?PR)%pXWnDAAPkOy
z19+zIBPHH;u1+l3NSlCnq44`*bN6C5#E}k5*|(}Y+_U&12^ksI7y@pTCfhB8c9UT~
zYf{vaj9!Sasfy11$*QVL8PVuoi8!|q(hRr~NThe72eab7AWs2jD^(n5^zCi(0oprb
z@$&r6EJTH9ZNj15v%d&Z<^IO3!Le$Hcn^QN`X3&)ca;<vDyQ=sw|7O(@CAJU->`7(
zyk8Cscb64ZVR_JQKS=@G(=QE8oopR#uME9LCX$54<2-guk|%K`@ufg*QnQ#8zK50v
z&<pD#%sd>Ko0u3RW?bA2UJDVGaaG}L3=qiDe*r5N)+SGN;TT%ZT3cYJxLOpAV$O8_
z8@Y0@R}9u4#gh#u&+zTf*{K^7x?DJtNj^UahSi+_fwAAyM%Ks*;pkBo6{t5czfYzG
zNWV#-oT<AkuWle-MPWn%TUQ-w=oi?mk-eKd>GWJopVcB5G#nuE5D|gFCqVrod<Fmb
zmoY+`LnGG=w6(1WX&e$XBb@uBC7(D;;~Yf6m>mTmL<A<Kd&vEyL?Bo$!r)_GAQ)Nm
z3UtJ8e~@v4#%#~f)0at4QL*4w4Hs33*kgAhlvNCRK^Ym#mn-!a$oG)1Z{}kCpTTeb
z0rYIN`rleAwNo0x=(}ebdPYgs{)h$>e~&HF-E42xx8q@O+{NIx<V(w}iCs(s9_3ej
zlL{p)#_lN#L%@Vj8Gr%{CU`z6rHDnw9kmMd6Ye(D_dLp~r03(~Ey0!}{XOZ4qFPxM
zi(PUg7zFYnB7X^jk}=Xo{cgtOIEstUzEKt6U?B|_A(an@j7x@44COR_I-H!`pPOH9
zl9Bu1Jfj3iaZfyb{B*q9`zQVHUcqZY4aA#6h`Vr@uxk~8ygI7VVRcb#7?0Koaum6O
z-T1IoWdy2974K;XM|j*Y-%Wg>hGl2n5{j^}4t%z{I-fVK3})#OhVO4z;)vEX?_Jz&
zNmz{m9*6GRmO15E4d3a#Ah`lfwRd~c-}Las@g%Mt^CeqxO)hYp)1}`a9l@_{$L?O~
zh{q}I|9$&w3OfR**ga<KBk<vS$XN*d)m7aUSV0z`q^72(3Ri|J9*zPhIrV(0y3KS-
zz6eL=(G*pBzAr~L7U!Rf=UZM^0@SqKoSC?xLGJ3s<(S9h`}o!a7d|X3td6p_DBI1B
zPeF8eZ}d3uxR(c&9hK?|d%!z=;UK;?vP;b36UKV=7PzoHfis77C6$=ooAJYAUg@O+
z5FXUe53*Y|z5$E0=M^6xa1b3vcCSLXFhdSU6{4|Rt1d+k4fGK5_-b>t_iJwEZrAq>
zN>JQ95crgmFD5H$b5kHGdB;xtHjvpG(jmxx%<GN~aD9dfco{qOa#ao<4v*0?Ac<>}
z!)?SUSAO&BzKpf+XN~E^k6RSC{=2rhi62A6XV(@Xom`reRY=V^8iGGRzAI9#rH0sJ
zP`i7>x(LfaCeU<yusz_M4DDUwsNl)K%z0<m{@T{ohJeF?&m~dB^RSdjiAxJ(0WIqN
ztF|~c$3Z2mb~kPc1;6_NBaljxEpb?8xMDUJ67VD_sS*KgMGCFz8&tF!yR&^K;PcVT
zKe9dsOuo=<viqF+r?-3}-g>|SaFD(QqwDDE>Yj!trKn}I{hZ(sZ_Cf8i0KvOcru-h
zN|5jfHyWCt?@O;60M>HQiV(Q!r%)u7Gc*&4kUr1e0GxjJJs6JfkXztKI687jKsh_|
zBz)Y&zom3HTf<(KZoorAL5>=Qi1o4lO$DZ(r_Guav82!qk<=Ds9sZKakPN0JYq?uL
z`zUj>41gj9Mr`}V6Y*dC7~ezqevx>SDN^~$ccIKX(oxddABKGPx7mIAw$k4Iv&!QU
z8;KN&BN+XWglEn{nB{S#bWbr$=ii_%QvMMTnTR#d<aAY)zUsO7h*UPX&Dtwi>9*>+
z44Ma>E?l(qN4BD`I3C#EAFKF`B+OChHru^SRc-L8IKw8j!VL%a!o7vI3VJmZzRaYt
zn$RF)-Ao8i{AzFa_PN{90!sFbj`wY-&8}nESjd~p&B-5fNKOjepttlp(3c&8bf2=<
zz_IBysyK0;xc6{^LXJ9p?^2Mrgj}At5giEAq8&PLV`>a7Z#LW7^sm%3QJK*ZFD<aJ
zu~~iSMMK%>DARv>O8%J%^&QUpWwzhO=1|QparO{%H<384sRYUmM-Pa3)j^olRa1*#
z?t`z_n<OBJ=l^;ou=Xdl3=y*Qn3&I_G;(+cmH>X1mrKcKaahe2hiRx8#N?3tw6WPY
zzRcV=)y}4EKI&t`!ys%Z@bWRs+988!9s7}MQkH>3vS%JvRt7Y_$;B{4U1@r_P>>_Q
z$LET?=bV{V|I^?=j$5(A;HU=x_MPBlyRANthb5u#lou943t5k>uJQSZkB!n!RUWH)
zpoa=zK5@T5g(W4@)F@QE5u>}-b$E~5cd`uj1(qf8vGMZqHD7G#K6TVsj{J4q{R>3{
zrbro#uAK2})`Bd5IF9&jHY!g{2y}5_R%v@Nv$TZpuQ?=a+shlpB+@&Lb|2)Xed23X
zM58atq_D^xRC){m@@t0?@$t1cU2It3wrdlW3jJ}aaQK5)0gfjiLU;r>ug~svpH?p!
zhwJEAI&+$xZNLOU?bJ>exBMI&ldzreU=|m-S1@nN8Ru+X2Z;_wDyUuM=Ag$&N0%(L
zsi$E80}UNis-Lx{qXSy%e!F~J9>9&>ng{H}EM6BIvp}2PQ#vldna2y8Yic43RTmU^
zbj$>xuh@|K-+YUonnHOgf-opI3>dZI0<U0fOOa8Uk+c^UkImO(NyNfQ6=wa!a0lis
zsJ%DjO55Yqhans9*4S!pcoTe6bqpr-8Y<n~6EJXKW6^@_TI7->ERHs*0EChE4}M>?
zQcqsANJgO(h&5vqlZ}#76dTHYNa;50fi!J$`0J(poE2N~5(2>nGrzkUu0y!F+t;Qj
zMveXL+eqw-M}&3n0(lq;zu+)5gNnbHrp2=0JFd33_uA$MEUJyYjg7GRAGf8*JzrPB
zoz>Ie#K>Nz80BGUS7MYrw16~S|J;I-hKi03n}0o7qY=Bmf1`&Q|H{v;$witUbV0h?
zrT=C|UZw%_d&6<QvT6-#Z6D>+Cczf9uA{TP_zjNQ&DDJ|8u%x#xxGC<?<OLmu^I8;
zyocywq(cL)vECpnzMOmA5Ri^{4r%IA%bS|OE?BO-3<(a>t~|xpbd4)Jqj31mHV^A>
zhop!ow%Dpg)S8>DM?s;4FwYAY%<_NOOaB+dUjuPvicH+}e=UAsG7^g7RiZ{g{{t@p
B&eH$@

literal 0
HcmV?d00001

diff --git a/Web/static/img/app_icons_mini/android.svg b/Web/static/img/app_icons_mini/android.svg
new file mode 100755
index 00000000..d674718f
--- /dev/null
+++ b/Web/static/img/app_icons_mini/android.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="13"
+   height="12"
+   viewBox="0 0 3.4395834 3.175"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="android3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="cm"
+     showgrid="false"
+     units="px"
+     height="41.5748px"
+     inkscape:zoom="81.919998"
+     inkscape:cx="5.6030275"
+     inkscape:cy="3.3142091"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:object-nodes="true" />
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath37304">
+      <path
+         id="path37306"
+         style="fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.264583"
+         d="m -1.208195,0.05994466 v 0.8536947 h 0.011369 0.010335 c 9.525e-4,-4.757e-5 0.0018,-1.9037e-4 0.00259,0 3.889e-4,-0.002058 0.00411,0 0.0062,0 h 0.010852 c 0.00848,-0.005343 0.011591,-0.006478 0.024288,-0.004651 9.843e-4,2.8575e-4 0.00211,2.5879e-4 0.0031,5.1594e-4 0.00234,-8.9694e-4 0.0077,-4.101e-4 0.010335,-5.1594e-4 0.00711,2.273e-5 0.014077,1.408e-5 0.021187,0 0.00677,-2.28e-5 0.013384,-3.81e-6 0.020154,0 0.00714,-1.66e-6 0.014564,-1.6e-7 0.021704,0 0.00477,3.2e-7 0.00918,3e-8 0.013953,0 h 0.014469 c 9.101e-4,-1.0771e-4 0.00536,-4.818e-5 0.00827,0 -6.853e-4,-4.363e-5 -7.038e-4,-4.445e-4 -0.00207,-5.1594e-4 0.0056,-0.003323 0.011823,-0.004677 0.018087,-0.005168 0.010439,-8.1756e-4 0.021763,0.001344 0.0320393,0.00155 0.008938,1.592e-4 0.0174199,-6.2442e-4 0.0263549,-5.1594e-4 0.006779,1.0192e-4 0.0138906,6.88e-6 0.0206706,0 0.005075,-3.7e-7 0.009911,1.06e-6 0.0149863,0 0.008078,-1.69e-6 0.01621,-1.3e-7 0.024288,0 h 0.0299723 0.0294556 c 0.0115597,-2.0775e-4 0.0150818,-1.8132e-4 0.0232545,0.005684 0.001302,-3.4661e-4 0.002787,-3.5454e-4 0.004134,-5.1594e-4 0.009007,-0.001082 0.0178197,-7.1173e-4 0.0268717,-5.1594e-4 0.0118994,4.0481e-4 0.0242689,4.818e-5 0.0361735,0 0.012287,2.323e-5 0.024403,2.41e-6 0.0366903,0 0.008969,0.001328 0.0217141,-0.001524 0.0304891,0 0.004907,8.5196e-4 0.009589,0.002109 0.0144693,0.003101 0.0202716,0.005682 0.0420467,0.00955 0.0630453,0.006718 0.019264,-0.001664 0.0385238,-5.715e-4 0.0578776,-5.1594e-4 0.0113678,-1.6364e-4 0.0227375,-1.317e-5 0.0341064,0 0.0217093,2.096e-5 0.0434032,9e-7 0.0651123,0 0.021019,1.99e-6 0.0420264,3.5e-7 0.0630452,0 0.026329,-3.2e-7 0.052736,-2e-8 0.0790649,0 h 0.063562 0.0764811 0.08319906 0.08940023 0.09198405 0.0868164 0.083199 c 0.004775,0 0.009727,-5.6356e-4 0.0144693,0 0.009292,0.001106 0.0181795,0.002985 0.0273885,0.004651 0.0202634,0.008023 0.0410901,0.00671 0.0620117,0.005168 v -0.868168 z M 0.37723795,1.3363526 c -0.0323437,0.00475 -0.064737,0.00932 -0.0971517,0.013436 0.004483,5.635e-4 0.008947,0.00103 0.0134358,0.00155 0.024294,0.00283 0.0484908,0.00519 0.0728638,0.00723 0.003614,8.02e-5 0.007237,3.492e-4 0.0108522,5.159e-4 z M -1.208195,1.405599 v 0.2397786 h 0.031523 c -0.0068,-0.00804 -0.011061,-0.018327 -0.010335,-0.032039 0.00141,-0.026685 0.025509,-0.046915 0.044442,-0.066663 -4.89e-5,-0.00911 0.0015,-0.019856 0.00465,-0.032039 0.00221,-0.00855 0.00827,-0.013763 0.01602,-0.01757 0.00162,-0.00552 0.00327,-0.011245 0.00517,-0.01757 -0.00484,-0.025418 -0.00871,-0.030086 0.0093,-0.029972 0.00103,-0.00113 0.00384,-0.00105 0.00775,0 0.00575,2.349e-4 0.012762,7.461e-4 0.021704,0.00103 0.00553,9.48e-5 0.011002,4.26e-4 0.016536,5.16e-4 -0.00132,-0.014832 -2.778e-4,-0.030044 0.00207,-0.044959 -0.015697,6.43e-4 -0.03133,0.00143 -0.047025,0.00207 -0.028246,0.00115 -0.056602,0.00624 -0.084749,0.00362 -0.00598,-5.582e-4 -0.011522,-0.0033 -0.017053,-0.0062 z M 0.34881593,1.48208 c -4.8419e-4,0.011645 -0.001095,0.023097 -0.001035,0.034623 0.009555,0.00225 0.0188897,0.00465 0.0294556,0.00723 V 1.482597 c -0.001537,-10e-5 -0.00306,-4.419e-4 -0.004651,-5.16e-4 -0.007902,-3.043e-4 -0.0158594,2.66e-5 -0.0237712,0 z M 0.24597982,1.528072 c -0.0145686,0.00173 -0.028946,0.00358 -0.0434082,0.00517 -5.4637e-4,0.00269 -9.3345e-4,0.00483 -0.00155,0.00775 0.011559,-8.09e-5 0.0230651,-3.625e-4 0.0346232,-5.159e-4 0.00258,-0.00459 0.00618,-0.00858 0.0103353,-0.012402 z" />
+    </clipPath>
+  </defs>
+  <g
+     inkscape:label="Слой 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <rect
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.546032;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34329"
+       width="1.3066522"
+       height="0.89519173"
+       x="1.1048477"
+       y="1.3112783" />
+    <rect
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.169924;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34655"
+       width="0.11897118"
+       height="0.5640986"
+       x="1.2708721"
+       y="2.5055668" />
+    <rect
+       style="display:inline;fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.169924;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34655-7"
+       width="0.11897118"
+       height="0.5640986"
+       x="1.2708721"
+       y="2.5055668" />
+    <rect
+       style="display:inline;fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.169924;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34655-77"
+       width="0.11897118"
+       height="0.5640986"
+       x="2.0999825"
+       y="2.5055668" />
+    <rect
+       style="display:inline;fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.194942;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34655-8-3"
+       width="0.11897118"
+       height="0.74242336"
+       x="0.41690901"
+       y="1.1351641" />
+    <rect
+       style="display:inline;fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.194942;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect34655-8-3-4"
+       width="0.11897118"
+       height="0.74242336"
+       x="2.9593756"
+       y="1.1416239" />
+    <ellipse
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.158603;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path36426"
+       clip-path="url(#clipPath37304)"
+       transform="matrix(1.1765277,0,0,1.1469176,2.2471522,-0.09130454)"
+       cy="0.85245097"
+       cx="-0.41533118"
+       rx="0.71396536"
+       ry="0.71345931" />
+    <circle
+       id="path37453"
+       style="fill:#b1bfcd;stroke:#b1bfcd;stroke-width:0.300027"
+       cx="0.21413387"
+       cy="-0.21969676"
+       rx="0.00042967169"
+       ry="0.00043080389" />
+    <path
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.0742921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 0.82567734,0.95656447 1.86605516,3.202e-4"
+       id="path37509" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.0737073;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path49381"
+       cx="1.3264734"
+       cy="0.40012473"
+       rx="0.093269438"
+       ry="0.093515202" />
+    <circle
+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.0737073;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path49381-9"
+       cx="2.1689706"
+       cy="0.38728926"
+       rx="0.093269438"
+       ry="0.093515202" />
+    <rect
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.0567164;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect49512"
+       width="0.082897075"
+       height="0.24411611"
+       x="0.70749021"
+       y="0.74012035"
+       transform="matrix(0.76266423,-0.64679462,0.64481325,0.76434016,0,0)" />
+    <rect
+       style="display:inline;fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.0567164;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect49512-4"
+       width="0.082917184"
+       height="0.24405694"
+       x="1.7347863"
+       y="-1.7031983"
+       transform="matrix(0.69963446,0.71450096,-0.71265767,0.70151197,0,0)" />
+    <ellipse
+       style="fill:#ffffff;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.08;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:stroke markers fill"
+       id="path858"
+       cx="1.3066671"
+       cy="0.3659997"
+       rx="0.082137227"
+       ry="0.086169124" />
+    <ellipse
+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.08;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:stroke markers fill"
+       id="path858-3"
+       cx="2.1833293"
+       cy="0.37142435"
+       rx="0.082137227"
+       ry="0.086169124" />
+  </g>
+</svg>
diff --git a/Web/static/img/app_icons_mini/api.svg b/Web/static/img/app_icons_mini/api.svg
new file mode 100755
index 00000000..09b9f1b5
--- /dev/null
+++ b/Web/static/img/app_icons_mini/api.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="13"
+   height="12"
+   viewBox="0 0 3.4395834 3.175"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="app.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="cm"
+     showgrid="false"
+     units="px"
+     height="41.5748px"
+     inkscape:zoom="57.926187"
+     inkscape:cx="4.1949939"
+     inkscape:cy="6.8794447"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="false"
+     inkscape:lockguides="false" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Слой 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.56;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path11829"
+       cx="1.7356859"
+       cy="1.466198"
+       r="0.97289771" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.46;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-4"
+       width="0.19183896"
+       height="0.1644334"
+       x="-2.2404912"
+       y="-1.0640687"
+       transform="rotate(-135)" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.46;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-4-2"
+       width="0.19183896"
+       height="0.1644334"
+       x="-2.2501805"
+       y="1.2423611"
+       transform="rotate(-135)" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.46;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-4-8"
+       width="0.19183896"
+       height="0.1644334"
+       x="-3.5406613"
+       y="0.10690999"
+       transform="rotate(-135)" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.46;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-4-3"
+       width="0.19183896"
+       height="0.1644334"
+       x="-1.1922439"
+       y="0.10045043"
+       transform="rotate(-135)" />
+    <rect
+       style="fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.459999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013"
+       width="0.19183896"
+       height="0.1644334"
+       x="1.6580368"
+       y="0.29689372" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.459999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-6"
+       width="0.19183896"
+       height="0.1644334"
+       x="2.7679622"
+       y="1.3291701" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.459999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-2"
+       width="0.19183896"
+       height="0.1644334"
+       x="1.6580368"
+       y="2.4272633" />
+    <rect
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b4c3d1;stroke-width:0.459999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect12013-5"
+       width="0.19183896"
+       height="0.1644334"
+       x="0.54624069"
+       y="1.3246025" />
+  </g>
+</svg>
diff --git a/Web/static/img/app_icons_mini/iphone.svg b/Web/static/img/app_icons_mini/iphone.svg
new file mode 100755
index 00000000..906837c7
--- /dev/null
+++ b/Web/static/img/app_icons_mini/iphone.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="13"
+   height="12"
+   viewBox="0 0 3.4395834 3.175"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="apple.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="cm"
+     showgrid="false"
+     units="px"
+     height="41.5748px"
+     inkscape:zoom="81.919999"
+     inkscape:cx="5.6640626"
+     inkscape:cy="6.9396973"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="false"
+     inkscape:lockguides="false" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Слой 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.3291067,1.0352556 C 1.3580953,1.0451798 1.8687503,0.76443557 1.8105126,0.53722663 1.7522756,0.3100176 1.621695,0.40133587 1.621695,0.40133587 c 0,0 -0.3093879,0.23521626 -0.2925883,0.63391973 z"
+       id="path1945" />
+    <path
+       style="fill:#b1bfcd;fill-opacity:1;stroke:#b1bfcd;stroke-width:0.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 0.97396656,1.1195755 0.14048714,0.072757 0.1644335,0.022838 0.1827037,0.00914 0.1827038,-0.031973 0.1781362,-0.063946 0.1827038,-0.044014 0.1539604,0.00724 0.1020544,0.08088 0.075528,0.1039464 c 0.02427,0.054119 0.024692,0.093929 0.00591,0.1222167 l -0.058271,0.1012706 -0.080879,0.1134062 -0.078987,0.1141899 -0.04623,0.1362441 -0.013703,0.1233251 0.036541,0.095919 0.086784,0.1324602 0.1004871,0.1552982 0.045676,0.1278927 0.00914,0.1370278 -0.027406,0.1096223 c -0.025883,0.083323 -0.051766,0.1129373 -0.077649,0.1278926 L 2.1193331,2.9371552 1.9137914,2.9736962 1.7407683,2.9672366 1.6206731,2.894153 C 1.5765696,2.8621799 1.5404585,2.797909 1.4623746,2.7659359 c -0.054811,-0.010658 0.00847,-0.0084 -0.1289059,-0.019054 -0.066681,0.00329 -0.2291582,0.018753 -0.1634201,0.036865 0.231283,-0.096394 0.1105141,-0.1101151 -0.088906,0.067176 L 0.96261481,2.9312482 0.85299253,2.9699104 0.67241023,2.9758156 0.5206664,2.9417212 0.32559765,2.7923281 C 0.23756462,2.6934606 0.21200587,2.5973369 0.19258326,2.5215023 0.1637006,2.380765 0.16615923,2.3389987 0.14723193,2.2447711 0.13735317,2.1712436 0.13163511,2.0912566 0.12817787,2.0112696 l -0.002446,-0.1808118 c 0.0108463,-0.054849 -0.0112231,0.00221 0.0378786,-0.1827038 0.0192686,-0.047555 -0.0187052,0.00665 0.0692976,-0.1630956 0.0217224,-0.036948 0.0259959,-0.056447 0.0959195,-0.1415955 0.0378682,-0.031385 0.008225,-0.021224 0.14616303,-0.1141898 0.10598978,-0.062222 0.12681384,-0.063611 0.17813618,-0.086784 0.12977684,-0.03018 0.13969562,-0.030395 0.17112248,-0.035987 0.17440878,0.00449 0.1016276,0.00898 0.14971744,0.013473 z"
+       id="path8625"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/Web/static/img/app_icons_mini/mobile.svg b/Web/static/img/app_icons_mini/mobile.svg
new file mode 100755
index 00000000..88d6417f
--- /dev/null
+++ b/Web/static/img/app_icons_mini/mobile.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="13"
+   height="12"
+   viewBox="0 0 3.4395834 3.175"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="mobile3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="cm"
+     showgrid="false"
+     units="px"
+     height="41.5748px"
+     inkscape:zoom="64"
+     inkscape:cx="10.0625"
+     inkscape:cy="7.4453125"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Слой 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="fill:#b4c3d1;fill-opacity:1;stroke:#b3c3d1;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.2844079,0.13500142 H 1.9097538 v 0.3100586 H 0.67597893 V 3.0482604 H 2.5944665 V 0.45497889 l -0.3067759,3e-8 z"
+       id="path968"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.148069;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 0.91868877,0.72209311 V 1.5567067 H 2.3520943 V 0.72209311 Z"
+       id="path10486" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.100298;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect11110-4"
+       height="0.34838068"
+       x="1.8627164"
+       y="1.9218891"
+       width="0.44" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.101671;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect11110-3"
+       width="0.45654547"
+       height="0.34838077"
+       x="1.86374"
+       y="2.5335131" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.101671;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect11110-07"
+       width="0.45654535"
+       height="0.34838042"
+       x="0.91714829"
+       y="1.9186219" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.100298;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect11110-9"
+       width="0.4442997"
+       height="0.34838066"
+       x="0.91569108"
+       y="2.5289454" />
+  </g>
+</svg>
diff --git a/Web/static/js/al_wall.js b/Web/static/js/al_wall.js
index bee1bb1f..fb3f8520 100644
--- a/Web/static/js/al_wall.js
+++ b/Web/static/js/al_wall.js
@@ -122,3 +122,70 @@ u("#write > form").on("keydown", function(event) {
     if(event.ctrlKey && event.keyCode === 13)
         this.submit();
 });
+
+var tooltipClientTemplate = Handlebars.compile(`
+    <table>
+        <tr>
+            <td width="54" valign="top">
+                <img src="{{img}}" width="54" />
+            </td>
+            <td width="1"></td>
+            <td width="150" valign="top">
+                <text>
+                    {{app_tr}}: <b>{{name}}</b>
+                </text><br/>
+                <a href="{{url}}">Подробнее</a>
+            </td>
+        </tr>
+    </table>
+`);
+
+var tooltipClientNoInfoTemplate = Handlebars.compile(`
+    <table>
+        <tr>
+            <td width="150" valign="top">
+                <text>
+                    {{app_tr}}: <b>{{name}}</b>
+                </text><br/>
+            </td>
+        </tr>
+    </table>
+`);
+
+tippy(".client_app", {
+    theme: "light vk",
+    content: "⌛",
+    allowHTML: true,
+    interactive: true,
+    interactiveDebounce: 500,
+
+    onCreate: async function(that) {
+        that._resolvedClient = null;
+    },
+
+    onShow: async function(that) {
+        let client_tag = that.reference.dataset.appTag;
+        let client_name = that.reference.dataset.appName;
+        let client_url = that.reference.dataset.appUrl;
+        let client_img = that.reference.dataset.appImg;
+        
+        if(client_name != "") {
+            let res = {
+                'name':   client_name,
+                'url':    client_url,
+                'img':    client_img,
+                'app_tr': tr("app") 
+            };
+    
+            that.setContent(tooltipClientTemplate(res));
+        } else {
+            let res = {
+                'name': client_tag,
+                'app_tr': tr("app") 
+            };
+    
+            that.setContent(tooltipClientNoInfoTemplate(res));
+        }
+    }
+});
+
diff --git a/data/clients.xml b/data/clients.xml
new file mode 100644
index 00000000..44373e40
--- /dev/null
+++ b/data/clients.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Clients name="standard">
+    <Client tag="vk4me" name="VK4ME" url="http://vk4me.crx.moe/" img="/assets/packages/static/openvk/img/app_icons/vk4me.png" />
+    <Client tag="openvk_legacy_android" name="OpenVK Legacy" url="https://f-droid.org/ru/packages/uk.openvk.android.legacy/" img="/assets/packages/static/openvk/img/app_icons/openvk_legacy.png" />
+</Clients>
\ No newline at end of file
diff --git a/install/sqls/00036-platforms.sql b/install/sqls/00036-platforms.sql
new file mode 100755
index 00000000..67c9340e
--- /dev/null
+++ b/install/sqls/00036-platforms.sql
@@ -0,0 +1,8 @@
+ALTER TABLE `profiles`
+    ADD COLUMN `client_name` TEXT NULL DEFAULT NULL AFTER `backdrop_2`;
+
+ALTER TABLE `posts`
+    ADD COLUMN `api_source_name` TEXT NULL DEFAULT NULL AFTER `anonymous`;
+
+ALTER TABLE `api_tokens`
+    ADD COLUMN `platform` TEXT NULL DEFAULT NULL AFTER `deleted`;