Merge branch 'textarea-refactor' of https://github.com/openvk/openvk into textarea-refactor

.github/workflows/codeberg-mirror.yml

@@ -0,0 +1,17 @@
+name: Codeberg Mirroring
+
+on:
+  push:
+    branches: ["master"]
+
+jobs:
+  to_codeberg:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - uses: pixta-dev/repository-mirroring-action@v1
+        with:
+          target_repo_url: "git@codeberg.org:openvk/openvk.git"
+          ssh_private_key: ${{ secrets.CODEBERG_PRIVSSH }}

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;

VKAPI/Handlers/Groups.php

@@ -185,7 +185,7 @@ final class Groups extends VKAPIRequestHandler
 			                $response[$i]->site = $clb->getWebsite();
 			                break;
                         case "description":
-			                $response[$i]->desctiption = $clb->getDescription();
+			                $response[$i]->description = $clb->getDescription();
                             break;
 			            case "contacts":
                             $contacts;

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;

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->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());

VKAPI/Handlers/Wall.php

@@ -14,6 +14,8 @@ final class Wall extends VKAPIRequestHandler
 {
     function get(int $owner_id, string $domain = "", int $offset = 0, int $count = 30, int $extended = 0): object
     {
+        $this->requireUser();
+        
         $posts    = new PostsRepo;
 
         $items    = [];
@@ -64,6 +66,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 +85,22 @@ final class Wall extends VKAPIRequestHandler
                         "post_type" => "post",
                         "text" => $attachment->getText(false),
                         "attachments" => $repostAttachments,
-                        "post_source" => [
+                        "post_source" => $post_source,
-                            "type" => "vk"
-                        ],
                     ];
                 }
             }
 
+            $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,
@@ -94,7 +116,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 +234,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 +253,22 @@ final class Wall extends VKAPIRequestHandler
                             "post_type" => "post",
                             "text" => $attachment->getText(false),
                             "attachments" => $repostAttachments,
-                            "post_source" => [
+                            "post_source" => $post_source,
-                                "type" => "vk"
-                            ],
                         ];
                     }
                 }
 
+                $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 +283,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 +426,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 +458,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);
         

Web/Models/Entities/APIToken.php

@@ -23,6 +23,11 @@ class APIToken extends RowModel
         return $this->getId() . "-" . chunk_split($this->getSecret(), 8, "-") . "jill";
     }
 
+    function getPlatform(): ?string
+    {
+        return $this->getRecord()->platform;
+    }
+    
     function isRevoked(): bool
     {
         return $this->isDeleted();

Web/Models/Entities/Club.php

@@ -360,5 +360,6 @@ class Club extends RowModel
         return $this->getRecord()->alert;
     }
     
+    use Traits\TBackDrops;
     use Traits\TSubscribable;
 }

Web/Models/Entities/Notifications/CommentNotification.php

@@ -8,6 +8,6 @@ final class CommentNotification extends Notification
     
     function __construct(User $recipient, Comment $comment, $postable, User $commenter)
     {
-        parent::__construct($recipient, $postable, $commenter, time(), ovk_proc_strtr($comment->getText(), 10));
+        parent::__construct($recipient, $postable, $commenter, time(), ovk_proc_strtr(strip_tags($comment->getText()), 400));
     }
 }

Web/Models/Entities/Notifications/MentionNotification.php

@@ -1,13 +1,14 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Models\Entities\Notifications;
+use openvk\Web\Models\Entities\Postable;
 use openvk\Web\Models\Entities\User;
 
 final class MentionNotification extends Notification
 {
     protected $actionCode = 4;
     
-    function __construct(User $recipient, User $target, User $mentioner)
+    function __construct(User $recipient, Postable $discussionHost, $mentioner, string $quote = "")
     {
-        parent::__construct($recipient, $target, $mentioner, time(), "");
+        parent::__construct($recipient, $mentioner, $discussionHost, time(), $quote);
     }
 }

Web/Models/Entities/Notifications/Notification.php

@@ -30,6 +30,11 @@ class Notification
         return (int) json_decode(file_get_contents(__DIR__ . "/../../../../data/modelCodes.json"), true)[get_class($model)];
     }
     
+    function reverseModelOrder(): bool
+    {
+        return false;
+    }
+    
     function getActionCode(): int
     {
         return $this->actionCode;

Web/Models/Entities/Photo.php

@@ -1,6 +1,8 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Models\Entities;
 use MessagePack\MessagePack;
+use Nette\Utils\ImageException;
+use Nette\Utils\UnknownImageFileException;
 use openvk\Web\Models\Entities\Album;
 use openvk\Web\Models\Repositories\Albums;
 use Chandler\Database\DatabaseConnection as DB;
@@ -14,47 +16,61 @@ class Photo extends Media
 
     const ALLOWED_SIDE_MULTIPLIER = 7;
     
-    private function resizeImage(string $filename, string $outputDir, \SimpleXMLElement $size): array
+    /**
+     * @throws \ImagickException
+     * @throws ImageException
+     * @throws UnknownImageFileException
+     */
+    private function resizeImage(\Imagick $image, string $outputDir, \SimpleXMLElement $size): array
     {
         $res = [false];
-        $image = Image::fromFile($filename);
         $requiresProportion = ((string) $size["requireProp"]) != "none";
         if($requiresProportion) {
             $props = explode(":", (string) $size["requireProp"]);
             $px = (int) $props[0];
             $py = (int) $props[1];
-            if(($image->getWidth() / $image->getHeight()) > ($px / $py)) {
+            if(($image->getImageWidth() / $image->getImageHeight()) > ($px / $py)) {
-                # For some weird reason using resize with EXACT flag causes system to consume an unholy amount of RAM
+                $height = (int) ceil(($px * $image->getImageWidth()) / $py);
-                $image->crop(0, 0, "100%", (int) ceil(($px * $image->getWidth()) / $py));
+                $image->cropImage($image->getImageWidth(), $height, 0, 0);
                 $res[0] = true;
             }
         }
     
         if(isset($size["maxSize"])) {
             $maxSize = (int) $size["maxSize"];
-            $image->resize($maxSize, $maxSize, Image::SHRINK_ONLY | Image::FIT);
+            $sizes   = Image::calculateSize($image->getImageWidth(), $image->getImageHeight(), $maxSize, $maxSize, Image::SHRINK_ONLY | Image::FIT);
+            $image->resizeImage($sizes[0], $sizes[1], \Imagick::FILTER_HERMITE, 1);
         } else if(isset($size["maxResolution"])) {
             $resolution = explode("x", (string) $size["maxResolution"]);
-            $image->resize((int) $resolution[0], (int) $resolution[1], Image::SHRINK_ONLY | Image::FIT);
+            $sizes = Image::calculateSize(
+                $image->getImageWidth(), $image->getImageHeight(), (int) $resolution[0], (int) $resolution[1], Image::SHRINK_ONLY | Image::FIT
+            );
+            $image->resizeImage($sizes[0], $sizes[1], \Imagick::FILTER_HERMITE, 1);
         } else {
             throw new \RuntimeException("Malformed size description: " . (string) $size["id"]);
         }
     
-        $res[1] = $image->getWidth();
+        $res[1] = $image->getImageWidth();
-        $res[2] = $image->getHeight();
+        $res[2] = $image->getImageHeight();
         if($res[1] <= 300 || $res[2] <= 300)
-            $image->save("$outputDir/" . (string) $size["id"] . ".gif");
+            $image->writeImage("$outputDir/$size[id].gif");
         else
-            $image->save("$outputDir/" . (string) $size["id"] . ".jpeg");
+            $image->writeImage("$outputDir/$size[id].jpeg");
         
-        imagedestroy($image->getImageResource());
+        $res[3] = true;
+        $image->destroy();
         unset($image);
         
         return $res;
     }
 
-    private function saveImageResizedCopies(string $filename, string $hash): void
+    private function saveImageResizedCopies(?\Imagick $image, string $filename, string $hash): void
     {
+        if(!$image) {
+            $image = new \Imagick;
+            $image->readImage($filename);
+        }
+        
         $dir = dirname($this->pathFromHash($hash));
         $dir = "$dir/$hash" . "_cropped";
         if(!is_dir($dir)) {
@@ -67,8 +83,13 @@ class Photo extends Media
             throw new \RuntimeException("Could not load photosizes.xml!");
 
         $sizesMeta = [];
+        if(OPENVK_ROOT_CONF["openvk"]["preferences"]["photos"]["photoSaving"] === "quick") {
             foreach($sizes->Size as $size)
-            $sizesMeta[(string) $size["id"]] = $this->resizeImage($filename, $dir, $size);
+                $sizesMeta[(string)$size["id"]] = [false, false, false, false];
+        } else {
+            foreach($sizes->Size as $size)
+                $sizesMeta[(string)$size["id"]] = $this->resizeImage(clone $image, $dir, $size);
+        }
 
         $sizesMeta = MessagePack::pack($sizesMeta);
         $this->stateChanges("sizes", $sizesMeta);
@@ -76,13 +97,19 @@ class Photo extends Media
 
     protected function saveFile(string $filename, string $hash): bool
     {
-        $image = Image::fromFile($filename);
+        $image = new \Imagick;
-        if(($image->height >= ($image->width * Photo::ALLOWED_SIDE_MULTIPLIER)) || ($image->width >= ($image->height * Photo::ALLOWED_SIDE_MULTIPLIER)))
+        $image->readImage($filename);
+        $h = $image->getImageHeight();
+        $w = $image->getImageWidth();
+        if(($h >= ($w * Photo::ALLOWED_SIDE_MULTIPLIER)) || ($w >= ($h * Photo::ALLOWED_SIDE_MULTIPLIER)))
             throw new ISE("Invalid layout: image is too wide/short");
     
-        $image->resize(8192, 4320, Image::SHRINK_ONLY | Image::FIT);
+        $sizes = Image::calculateSize(
-        $image->save($this->pathFromHash($hash), 92, Image::JPEG);
+            $image->getImageWidth(), $image->getImageHeight(), 8192, 4320, Image::SHRINK_ONLY | Image::FIT
-        $this->saveImageResizedCopies($filename, $hash);
+        );
+        $image->resizeImage($sizes[0], $sizes[1], \Imagick::FILTER_HERMITE, 1);
+        $image->writeImage($this->pathFromHash($hash));
+        $this->saveImageResizedCopies($image, $filename, $hash);
         
         return true;
     }
@@ -115,7 +142,7 @@ class Photo extends Media
         if(!$sizes || $forceUpdate) {
             if($forceUpdate || $upgrade || OPENVK_ROOT_CONF["openvk"]["preferences"]["photos"]["upgradeStructure"]) {
                 $hash = $this->getRecord()->hash;
-                $this->saveImageResizedCopies($this->pathFromHash($hash), $hash);
+                $this->saveImageResizedCopies(NULL, $this->pathFromHash($hash), $hash);
                 $this->save();
 
                 return $this->getSizes();
@@ -127,6 +154,16 @@ class Photo extends Media
         $res   = [];
         $sizes = MessagePack::unpack($sizes);
         foreach($sizes as $id => $meta) {
+            if(isset($meta[3]) && !$meta[3]) {
+                $res[$id] = (object) [
+                    "url"    => ovk_scheme(true) . $_SERVER["HTTP_HOST"] . "/photos/thumbnails/" . $this->getId() . "_$id.jpeg",
+                    "width"  => NULL,
+                    "height" => NULL,
+                    "crop"   => NULL
+                ];
+                continue;
+            }
+            
             $url  = $this->getURL();
             $url  = str_replace(".$this->fileExtension", "_cropped/$id.", $url);
             $url .= ($meta[1] <= 300 || $meta[2] <= 300) ? "gif" : "jpeg";
@@ -150,6 +187,47 @@ class Photo extends Media
         return $res;
     }
     
+    function forceSize(string $sizeName): bool
+    {
+        $hash  = $this->getRecord()->hash;
+        $sizes = MessagePack::unpack($this->getRecord()->sizes);
+        $size  = $sizes[$sizeName] ?? false;
+        if(!$size)
+            return $size;
+        
+        if(!isset($size[3]) || $size[3] === true)
+            return true;
+    
+        $path = $this->pathFromHash($hash);
+        $dir  = dirname($this->pathFromHash($hash));
+        $dir  = "$dir/$hash" . "_cropped";
+        if(!is_dir($dir)) {
+            @unlink($dir);
+            mkdir($dir);
+        }
+    
+        $sizeMetas = simplexml_load_file(OPENVK_ROOT . "/data/photosizes.xml");
+        if(!$sizeMetas)
+            throw new \RuntimeException("Could not load photosizes.xml!");
+        
+        $sizeInfo = NULL;
+        foreach($sizeMetas->Size as $size)
+            if($size["id"] == $sizeName)
+                $sizeInfo = $size;
+        
+        if(!$sizeInfo)
+            return false;
+        
+        $pic = new \Imagick;
+        $pic->readImage($path);
+        $sizes[$sizeName] = $this->resizeImage($pic, $dir, $sizeInfo);
+        
+        $this->stateChanges("sizes", MessagePack::pack($sizes));
+        $this->save();
+        
+        return $sizes[$sizeName][3];
+    }
+
     function getVkApiSizes(): ?array
     {
         $res   = [];

Web/Models/Entities/Post.php

@@ -114,6 +114,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
     {
         DB::i()

Web/Models/Entities/Traits/TBackDrops.php

@@ -0,0 +1,44 @@
+<?php declare(strict_types=1);
+namespace openvk\Web\Models\Entities\Traits;
+
+use openvk\Web\Models\Entities\Photo;
+use openvk\Web\Models\Repositories\Photos;
+
+trait TBackDrops {
+    function getBackDropPictureURLs(): ?array
+    {
+        $photo1 = $this->getRecord()->backdrop_1;
+        $photo2 = $this->getRecord()->backdrop_2;
+        if(is_null($photo1) && is_null($photo2))
+            return NULL;
+        
+        $photo1obj = $photo2obj = NULL;
+        if(!is_null($photo1))
+            $photo1obj = (new Photos)->get($photo1);
+        if(!is_null($photo2))
+            $photo2obj = (new Photos)->get($photo2);
+        
+        if(is_null($photo1obj) && is_null($photo2obj))
+            return NULL;
+        
+        return [
+            is_null($photo1obj) ? "" : $photo1obj->getURL(),
+            is_null($photo2obj) ? "" : $photo2obj->getURL(),
+        ];
+    }
+    
+    function setBackDropPictures(?Photo $first, ?Photo $second): void
+    {
+        if(!is_null($first))
+            $this->stateChanges("backdrop_1", $first->getId());
+        
+        if(!is_null($second))
+            $this->stateChanges("backdrop_2", $second->getId());
+    }
+    
+    function unsetBackDropPictures(): void
+    {
+        $this->stateChanges("backdrop_1", NULL);
+        $this->stateChanges("backdrop_2", NULL);
+    }
+}

Web/Models/Entities/Traits/TRichText.php

@@ -1,5 +1,6 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Models\Entities\Traits;
+use openvk\Web\Models\Repositories\{Users, Clubs};
 use Wkhooy\ObsceneCensorRus;
 
 trait TRichText
@@ -51,6 +52,62 @@ trait TRichText
         return preg_replace("%[\x{0300}-\x{036F}]{3,}%Xu", "<EFBFBD>", $text);
     }
     
+    function resolveMentions(array $skipUsers = []): \Traversable
+    {
+        $contentColumn = property_exists($this, "overrideContentColumn") ? $this->overrideContentColumn : "content";
+        $text = $this->getRecord()->{$contentColumn};
+        $text = preg_replace("%@([A-Za-z0-9]++) \(((?:[\p{L&}\p{Lo} 0-9]\p{Mn}?)++)\)%Xu", "[$1|$2]", $text);
+        $text = preg_replace("%([\n\r\s]|^)(@([A-Za-z0-9]++))%Xu", "$1[$3|@$3]", $text);
+        
+        $resolvedUsers = $skipUsers;
+        $resolvedClubs = [];
+        preg_match_all("%\[([A-Za-z0-9]++)\|((?:[\p{L&}\p{Lo} 0-9@]\p{Mn}?)++)\]%Xu", $text, $links, PREG_PATTERN_ORDER);
+        foreach($links[1] as $link) {
+            if(preg_match("%^id([0-9]++)$%", $link, $match)) {
+                $uid = (int) $match[1];
+                if(in_array($uid, $resolvedUsers))
+                    continue;
+                
+                $resolvedUsers[] = $uid;
+                $maybeUser = (new Users)->get($uid);
+                if($maybeUser)
+                    yield $maybeUser;
+            } else if(preg_match("%^(?:club|public|event)([0-9]++)$%", $link, $match)) {
+                $cid = (int) $match[1];
+                if(in_array($cid, $resolvedClubs))
+                    continue;
+    
+                $resolvedClubs[] = $cid;
+                $maybeClub = (new Clubs)->get($cid);
+                if($maybeClub)
+                    yield $maybeClub;
+            } else {
+                $maybeUser = (new Users)->getByShortURL($link);
+                if($maybeUser) {
+                    $uid = $maybeUser->getId();
+                    if(in_array($uid, $resolvedUsers))
+                        continue;
+                    else
+                        $resolvedUsers[] = $uid;
+                    
+                    yield $maybeUser;
+                    continue;
+                }
+                
+                $maybeClub = (new Clubs)->getByShortURL($link);
+                if($maybeClub) {
+                    $cid = $maybeClub->getId();
+                    if(in_array($cid, $resolvedClubs))
+                        continue;
+                    else
+                        $resolvedClubs[] = $cid;
+    
+                    yield $maybeClub;
+                }
+            }
+        }
+    }
+    
     function getText(bool $html = true): string
     {
         $contentColumn = property_exists($this, "overrideContentColumn") ? $this->overrideContentColumn : "content";
@@ -59,7 +116,6 @@ trait TRichText
         $proc = iconv_strlen($this->getRecord()->{$contentColumn}) <= OPENVK_ROOT_CONF["openvk"]["preferences"]["wall"]["postSizes"]["processingLimit"];
         if($html) {
             if($proc) {
-                $rel  = $this->isAd() ? "sponsored" : "ugc";
                 $text = $this->formatLinks($text);
                 $text = preg_replace("%@([A-Za-z0-9]++) \(((?:[\p{L&}\p{Lo} 0-9]\p{Mn}?)++)\)%Xu", "[$1|$2]", $text);
                 $text = preg_replace("%([\n\r\s]|^)(@([A-Za-z0-9]++))%Xu", "$1[$3|@$3]", $text);

Web/Models/Entities/User.php

@@ -5,7 +5,7 @@ use openvk\Web\Themes\{Themepack, Themepacks};
 use openvk\Web\Util\DateTime;
 use openvk\Web\Models\RowModel;
 use openvk\Web\Models\Entities\{Photo, Message, Correspondence, Gift};
-use openvk\Web\Models\Repositories\{Users, Clubs, Albums, Gifts, Notifications};
+use openvk\Web\Models\Repositories\{Photos, Users, Clubs, Albums, Gifts, Notifications};
 use openvk\Web\Models\Exceptions\InvalidUserNameException;
 use Nette\Database\Table\ActiveRow;
 use Chandler\Database\DatabaseConnection;
@@ -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);
@@ -1044,5 +1101,6 @@ class User extends RowModel
         return true;
     }
     
+    use Traits\TBackDrops;
     use Traits\TSubscribable;
 }

Web/Models/VideoDrivers/YouTubeVideoDriver.php

@@ -19,7 +19,7 @@ final class YouTubeVideoDriver extends VideoDriver
         <iframe
                width="600"
                height="340"
-               src="https://www.youtube.com/embed/$this->id"
+               src="https://www.youtube-nocookie.com/embed/$this->id"
                frameborder="0"
                sandbox="allow-same-origin allow-scripts allow-popups"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"

Web/Presenters/AboutPresenter.php

@@ -38,6 +38,9 @@ final class AboutPresenter extends OpenVKPresenter
     function renderBB(): void
     {}
 
+    function renderTour(): void
+    {}
+    
     function renderInvite(): void
     {
         $this->assertUserLoggedIn();

Web/Presenters/CommentPresenter.php

@@ -1,6 +1,6 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Presenters;
-use openvk\Web\Models\Entities\{Comment, Photo, Video, User, Topic, Post};
+use openvk\Web\Models\Entities\{Comment, Notifications\MentionNotification, Photo, Video, User, Topic, Post};
 use openvk\Web\Models\Entities\Notifications\CommentNotification;
 use openvk\Web\Models\Repositories\{Comments, Clubs};
 
@@ -106,6 +106,15 @@ final class CommentPresenter extends OpenVKPresenter
             if(($owner = $entity->getOwner()) instanceof User)
                 (new CommentNotification($owner, $comment, $entity, $this->user->identity))->emit();
     
+        $excludeMentions = [$this->user->identity->getId()];
+        if(($owner = $entity->getOwner()) instanceof User)
+            $excludeMentions[] = $owner->getId();
+
+        $mentions = iterator_to_array($comment->resolveMentions($excludeMentions));
+        foreach($mentions as $mentionee)
+            if($mentionee instanceof User)
+                (new MentionNotification($mentionee, $entity, $comment->getOwner(), strip_tags($comment->getText())))->emit();
+        
         $this->flashFail("succ", "Комментарий добавлен", "Ваш комментарий появится на странице.");
     }
     

Web/Presenters/GroupPresenter.php

@@ -1,6 +1,7 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Presenters;
 use openvk\Web\Models\Entities\{Club, Photo};
+use Nette\InvalidStateException;
 use openvk\Web\Models\Entities\Notifications\ClubModeratorNotification;
 use openvk\Web\Models\Repositories\{Clubs, Users, Albums, Managers, Topics};
 use Chandler\Security\Authenticator;
@@ -191,7 +192,7 @@ final class GroupPresenter extends OpenVKPresenter
         $this->willExecuteWriteAction();
         
         $club = $this->clubs->get($id);
-        if(!$club->canBeModifiedBy($this->user->identity))
+        if(!$club || !$club->canBeModifiedBy($this->user->identity))
             $this->notFound();
         else
             $this->template->club = $club;
@@ -250,6 +251,45 @@ final class GroupPresenter extends OpenVKPresenter
         }
     }
     
+    function renderEditBackdrop(int $id): void
+    {
+        $this->assertUserLoggedIn();
+        $this->willExecuteWriteAction();
+    
+        $club = $this->clubs->get($id);
+        if(!$club || !$club->canBeModifiedBy($this->user->identity))
+            $this->notFound();
+        else
+            $this->template->club = $club;
+        
+        if($_SERVER["REQUEST_METHOD"] !== "POST")
+            return;
+    
+        if($this->postParam("subact") === "remove") {
+            $club->unsetBackDropPictures();
+            $club->save();
+            $this->flashFail("succ", tr("backdrop_succ_rem"), tr("backdrop_succ_desc")); # will exit
+        }
+    
+        $pic1 = $pic2 = NULL;
+        try {
+            if($_FILES["backdrop1"]["error"] !== UPLOAD_ERR_NO_FILE)
+                $pic1 = Photo::fastMake($this->user->id, "Profile backdrop (system)", $_FILES["backdrop1"]);
+        
+            if($_FILES["backdrop2"]["error"] !== UPLOAD_ERR_NO_FILE)
+                $pic2 = Photo::fastMake($this->user->id, "Profile backdrop (system)", $_FILES["backdrop2"]);
+        } catch(InvalidStateException $e) {
+            $this->flashFail("err", tr("backdrop_error_title"), tr("backdrop_error_no_media"));
+        }
+    
+        if($pic1 == $pic2 && is_null($pic1))
+            $this->flashFail("err", tr("backdrop_error_title"), tr("backdrop_error_no_media"));
+    
+        $club->setBackDropPictures($pic1, $pic2);
+        $club->save();
+        $this->flashFail("succ", tr("backdrop_succ"), tr("backdrop_succ_desc"));
+    }
+    
     function renderStatistics(int $id): void
     {
         $this->assertUserLoggedIn();

Web/Presenters/InternalAPIPresenter.php

@@ -1,5 +1,6 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Presenters;
+use openvk\Web\Models\Repositories\Posts;
 use MessagePack\MessagePack;
 use Chandler\Session\Session;
 
@@ -95,4 +96,37 @@ final class InternalAPIPresenter extends OpenVKPresenter
             ]);
         }
     }
+
+    function renderGetPhotosFromPost(string $post_id) {
+        if($_SERVER["REQUEST_METHOD"] !== "POST") {
+            header("HTTP/1.1 405 Method Not Allowed");
+            exit("иди нахуй заебал");
+        }
+        
+        $id   = explode("_", $post_id);
+        $post = (new Posts)->getPostById(intval($id[0]), intval($id[1]));
+
+        if(is_null($post)) {
+            $this->returnJson([
+                "success" => 0
+            ]);
+        } else {
+            $response = [];
+            $attachments = $post->getChildren();
+            foreach($attachments as $attachment) 
+            {
+                if($attachment instanceof \openvk\Web\Models\Entities\Photo)
+                {
+                    $response[] = [
+                        "url" => $attachment->getURLBySizeId('normal'),
+                        "id"  => $attachment->getPrettyId()
+                    ];
+                }
+            }
+            $this->returnJson([
+                "success" => 1,
+                "body" => $response
+            ]);
+        }
+    }
 }

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();
             }
 

Web/Presenters/PhotosPresenter.php

@@ -185,6 +185,18 @@ final class PhotosPresenter extends OpenVKPresenter
         $this->renderPhoto($photo->getOwner(true)->getId(), $photo->getVirtualId());
     }
     
+    function renderThumbnail($id, $size): void
+    {
+        $photo = $this->photos->get($id);
+        if(!$photo || $photo->isDeleted())
+            $this->notFound();
+        
+        if(!$photo->forceSize($size))
+            chandler_http_panic(588, "Gone", "This thumbnail cannot be generated due to server misconfiguration");
+        
+        $this->redirect($photo->getURLBySizeId($size), 8);
+    }
+    
     function renderEditPhoto(int $ownerId, int $photoId): void
     {
         $this->assertUserLoggedIn();

Web/Presenters/UserPresenter.php

@@ -1,5 +1,6 @@
 <?php declare(strict_types=1);
 namespace openvk\Web\Presenters;
+use Nette\InvalidStateException;
 use openvk\Web\Util\Sms;
 use openvk\Web\Themes\Themepacks;
 use openvk\Web\Models\Entities\{Photo, Post, EmailChangeVerification};
@@ -208,6 +209,30 @@ final class UserPresenter extends OpenVKPresenter
                 $user->setFav_Books(empty($this->postParam("fav_books")) ? NULL : ovk_proc_strtr($this->postParam("fav_books"), 300));
                 $user->setFav_Quote(empty($this->postParam("fav_quote")) ? NULL : ovk_proc_strtr($this->postParam("fav_quote"), 300));
                 $user->setAbout(empty($this->postParam("about")) ? NULL : ovk_proc_strtr($this->postParam("about"), 300));
+            } elseif($_GET["act"] === "backdrop") {
+                if($this->postParam("subact") === "remove") {
+                    $user->unsetBackDropPictures();
+                    $user->save();
+                    $this->flashFail("succ", tr("backdrop_succ_rem"), tr("backdrop_succ_desc")); # will exit
+                }
+    
+                $pic1 = $pic2 = NULL;
+                try {
+                    if($_FILES["backdrop1"]["error"] !== UPLOAD_ERR_NO_FILE)
+                        $pic1 = Photo::fastMake($user->getId(), "Profile backdrop (system)", $_FILES["backdrop1"]);
+    
+                    if($_FILES["backdrop2"]["error"] !== UPLOAD_ERR_NO_FILE)
+                        $pic2 = Photo::fastMake($user->getId(), "Profile backdrop (system)", $_FILES["backdrop2"]);
+                } catch(InvalidStateException $e) {
+                    $this->flashFail("err", tr("backdrop_error_title"), tr("backdrop_error_no_media"));
+                }
+                
+                if($pic1 == $pic2 && is_null($pic1))
+                    $this->flashFail("err", tr("backdrop_error_title"), tr("backdrop_error_no_media"));
+                
+                $user->setBackDropPictures($pic1, $pic2);
+                $user->save();
+                $this->flashFail("succ", tr("backdrop_succ"), tr("backdrop_succ_desc"));
             } elseif($_GET['act'] === "status") {
                 if(mb_strlen($this->postParam("status")) > 255) {
                     $statusLength = (string) mb_strlen($this->postParam("status"));
@@ -235,7 +260,7 @@ final class UserPresenter extends OpenVKPresenter
         }
         
         $this->template->mode = in_array($this->queryParam("act"), [
-            "main", "contacts", "interests", "avatar"
+            "main", "contacts", "interests", "avatar", "backdrop"
         ]) ? $this->queryParam("act")
             : "main";
         

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([

Web/Presenters/WallPresenter.php

@@ -2,7 +2,7 @@
 namespace openvk\Web\Presenters;
 use openvk\Web\Models\Exceptions\TooMuchOptionsException;
 use openvk\Web\Models\Entities\{Poll, Post, Photo, Video, Club, User};
-use openvk\Web\Models\Entities\Notifications\{RepostNotification, WallPostNotification};
+use openvk\Web\Models\Entities\Notifications\{MentionNotification, RepostNotification, WallPostNotification};
 use openvk\Web\Models\Repositories\{Posts, Users, Clubs, Albums};
 use Chandler\Database\DatabaseConnection;
 use Nette\InvalidStateException as ISE;
@@ -317,6 +317,15 @@ final class WallPresenter extends OpenVKPresenter
         if($wall > 0 && $wall !== $this->user->identity->getId())
             (new WallPostNotification($wallOwner, $post, $this->user->identity))->emit();
         
+        $excludeMentions = [$this->user->identity->getId()];
+        if($wall > 0)
+            $excludeMentions[] = $wall;
+
+        $mentions = iterator_to_array($post->resolveMentions($excludeMentions));
+        foreach($mentions as $mentionee)
+            if($mentionee instanceof User)
+                (new MentionNotification($mentionee, $post, $post->getOwner(), strip_tags($post->getText())))->emit();
+        
         $this->redirect($wallOwner->getURL());
     }
     

Web/Presenters/templates/@layout.xml

@@ -49,6 +49,12 @@
         <div class="notifications_global_wrap"></div>
         <div class="dimmer"></div>
 
+        {if isset($backdrops) && !is_null($backdrops)}
+            <div id="backdrop" style="background-image: url('{$backdrops[0]|noescape}'), url('{$backdrops[1]|noescape}');">
+                <div id="backdropDripper"></div>
+            </div>
+        {/if}
+
         <div class="toTop">
             ⬆ {_to_top}
         </div>
@@ -163,7 +169,7 @@
                             </a>
 
                             <div class="floating_sidebar">
-                                <a class="minilink" href="/friends{$thisUser->getId()}">
+                                <a id="minilink-friends" class="minilink" href="/friends{$thisUser->getId()}">
                                     <object type="internal/link" n:if="$thisUser->getFollowersCount() > 0">
                                         <div class="counter">
                                             +{$thisUser->getFollowersCount()}
@@ -171,10 +177,10 @@
                                     </object>
                                     <img src="/assets/packages/static/openvk/img/friends.svg">
                                 </a>
-                                <a class="minilink" href="/albums{$thisUser->getId()}">
+                                <a id="minilink-albums" class="minilink" href="/albums{$thisUser->getId()}">
                                     <img src="/assets/packages/static/openvk/img/photos.svg">
                                 </a>
-                                <a class="minilink" href="/im">
+                                <a id="minilink-messenger" class="minilink" href="/im">
                                     <object type="internal/link" n:if="$thisUser->getUnreadMessagesCount() > 0">
                                         <div class="counter">
                                             +{$thisUser->getUnreadMessagesCount()}
@@ -182,10 +188,10 @@
                                     </object>
                                     <img src="/assets/packages/static/openvk/img/messages.svg">
                                 </a>
-                                <a class="minilink" href="/groups{$thisUser->getId()}">
+                                <a id="minilink-groups" class="minilink" href="/groups{$thisUser->getId()}">
                                     <img src="/assets/packages/static/openvk/img/groups.svg">
                                 </a>
-                                <a class="minilink" href="/notifications">
+                                <a id="minilink-notifications" class="minilink" href="/notifications">
                                     <object type="internal/link" n:if="$thisUser->getNotificationsCount() > 0">
                                         <div class="counter">
                                             +{$thisUser->getNotificationsCount()}

Web/Presenters/templates/About/Index.xml

@@ -7,6 +7,9 @@
 
 {block content}
     {presenter "openvk!Support->knowledgeBaseArticle", "about"}
+    
+    <a href="/tour"><div class="tour" onmouseover="this.style.backgroundColor='#FCFBF5'" onmouseout="this.style.backgroundColor='#F9F6E7'" style="background-color: rgb(249, 246, 231);"><b>{_tour_title}</b><div>{_tour_promo}</div></div></a><br>
+
     <center>
         <a class="button" style="margin-right: 5px;cursor: pointer;" href="/login">{_log_in}</a>
         <a class="button" style="cursor: pointer;" href="/reg">{_registration}</a>

Web/Presenters/templates/About/Tour.xml

@@ -0,0 +1,515 @@
+{extends "../@layout.xml"}
+{block title}{_tour_title}{/block}
+
+{block header}
+    {_tour_title}
+{/block}
+
+{block content}
+
+{css "css/tour.css"}
+<div id="tour">
+
+    
+    
+    <div class="rightNav">
+     <h1>{_tour_title}</h1>
+     
+    
+    
+    <div class="rightLinks">
+    <div class="tab">
+      <button class="tablinks" onclick="eurotour(event, 'start')" id="defaultOpen"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/1.svg" width="16" height="16"></div>{_tour_section_1|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'profile')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/2.svg" width="16" height="16"></div>{_tour_section_2|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'photos')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/3.svg" width="16" height="16"></div>{_tour_section_3|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'search')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/4.svg" width="16" height="16"></div>{_tour_section_4|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'videos')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/5.svg" width="16" height="16"></div>{_tour_section_5|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'audios')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/6.svg" width="16" height="16"></div>{_tour_section_6|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'news')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/7.svg" width="16" height="16"></div>{_tour_section_7|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'news_global')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/8.svg" width="16" height="16"></div>{_tour_section_8|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'groups')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/9.svg" width="16" height="16"></div>{_tour_section_9|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'events')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/10.svg" width="16" height="16"></div>{_tour_section_10|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'themes')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/11.svg" width="16" height="16"></div>{_tour_section_11|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'customization')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/12.svg" width="16" height="16"></div>{_tour_section_12|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'vouchers')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/13.svg" width="16" height="16"></div>{_tour_section_13|noescape}</button>
+      <button class="tablinks" onclick="eurotour(event, 'mobile')"><div class="tabicon"><img src="assets/packages/static/openvk/img/icons/14.svg" width="16" height="16"></div>{_tour_section_14|noescape}</button>
+       
+     
+    </div>
+    
+    
+    </div>
+    
+    <div class="rightNav" n:if="!isset($thisUser)">
+    <h1>{_reg_title|noescape}</h1>
+    <div class="rightLinks">
+      <div>{_reg_text|noescape}</div>
+     </div>
+    
+      <h1>{_ifnotlike_title|noescape}</h1>
+       <div class="rightLinks">
+      <div>{_ifnotlike_text|noescape}</div>
+     </div>
+     </div>
+      
+     </div>
+      
+    
+    <div id="start" class="tabcontent">
+      <h2>{_tour_section_1_title_1|noescape}</h2>
+     <ul class="listing">
+     <li><span>{_tour_section_1_text_1|noescape}</span></li>
+     <li><span>{_tour_section_1_text_2|noescape}</span></li> 
+     <li><span>{_tour_section_1_text_3|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/reg.png" width="440">
+     <p class="big">{_tour_section_1_bottom_text_1|noescape}</p>
+     <div style="margin-top:10px; padding-left:175px">
+                            
+     </div>         
+     <br>
+    </div>
+    
+    <div id="profile" class="tabcontent">
+    <h2>{_tour_section_2_title_1|noescape}</h2>
+     <ul class="listing">
+      <li><span>{_tour_section_2_text_1_1|noescape}</span></li>
+      <li><span>{_tour_section_2_text_1_2|noescape}</span></li> 
+      <li><span>{_tour_section_2_text_1_3|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/profile.png" width="440">
+     <p class="big">{_tour_section_2_bottom_text_1|noescape}</p>
+     <h2>{_tour_section_2_title_2|noescape}</h2>
+     <ul class="listing">
+      <li><span>{_tour_section_2_text_2_1|noescape}</span></li>
+      <li><span>{_tour_section_2_text_2_2|noescape}</span></li>
+      <li><span>{_tour_section_2_text_2_3|noescape}</span></li> 
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/privacy.png" width="440">
+     
+     <h2>{_tour_section_2_title_3|noescape}</h2>
+     <ul class="listing">
+      <li><span>{_tour_section_2_text_3_1|noescape}</span></li>
+        <li><span>{_tour_section_2_text_3_2|noescape}</span></li> 
+      </ul>
+      <center><img src="assets/packages/static/openvk/img/tour/adres_ff.jpg"></center>
+      <ul class="listing">
+    
+    <li><span>{_tour_section_2_text_3_3|noescape}</span></li>
+      <li><span>{_tour_section_2_text_3_4|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/adres3.png" width="440">
+      <center><img src="assets/packages/static/openvk/img/tour/adres_ff_tohru.jpg"></center>
+     <br>
+    <i><p class="big">{_tour_section_2_bottom_text_2|noescape}</p></p></i>
+    
+     <h2>{_tour_section_2_title_4|noescape}</h2>
+     <img src="assets/packages/static/openvk/img/tour/wall.png" width="440">
+     
+                          
+     <br>
+    </div>
+    
+    <div id="photos" class="tabcontent">
+      <h2>{_tour_section_3_title_1|noescape}</h2>
+     <ul class="listing">
+     <li><span>{_tour_section_3_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_3_text_2|noescape}</span></li> 
+     <li><span>{_tour_section_3_text_3|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/photos.png" width="440">
+     <img src="assets/packages/static/openvk/img/tour/photos2.png" width="440">
+     <p class="big">{_tour_section_3_bottom_text_1|noescape}</p>
+    
+                              
+     <br>       
+    </div>
+    
+    <div id="search" class="tabcontent">
+    <h2>{_tour_section_4_title_1|noescape}</h2>
+        
+        <ul class="listing">
+     <li><span>{_tour_section_4_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_4_text_2|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/search.png" width="440">
+     <ul class="listing">
+     <li><span>{_tour_section_4_text_3|noescape}</span></li> 
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/search2.png" width="440">
+    
+    <h2>{_tour_section_4_title_2|noescape}</h2>
+    
+    <ul class="listing">
+     <li><span>{_tour_section_4_text_4|noescape}</span></li> 
+     </ul>
+     
+      <img src="assets/packages/static/openvk/img/tour/search_h.png" width="440">
+    
+                            
+     <br>       
+    </div>
+    
+    <div id="videos" class="tabcontent">
+     <h2>{_tour_section_5_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_5_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_5_text_2|noescape}</span></li>
+     </ul>
+     <img src="assets/packages/static/openvk/img/tour/videos.png" width="440">
+     <p class="big">{_tour_section_5_bottom_text_1|noescape}</p>
+     <img src="assets/packages/static/openvk/img/tour/videos_a.png" width="440">
+    <h2>{_tour_section_5_title_2|noescape}</h2>
+    
+    <ul class="listing">
+     <li><span>{_tour_section_5_text_3|noescape}</span></li> 
+     </ul>
+       <img src="assets/packages/static/openvk/img/tour/videos_y.png" width="440">
+     
+     
+      <img src="assets/packages/static/openvk/img/tour/videos_w.png" width="440">
+    
+                            
+     <br>       
+    </div>
+    
+    <div id="audios" class="tabcontent">
+    <h2>{_tour_section_6_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_6_text_1|noescape}</span></li> 
+     </ul>
+     
+    
+                          
+     <br>       
+    </div>
+    
+    <div id="news" class="tabcontent">
+      <h2>{_tour_section_7_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_7_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_7_text_2|noescape}</span></li> 
+     
+     </ul>
+     
+      <img src="assets/packages/static/openvk/img/tour/local_news.png" width="440">
+      
+      <p class="big">{_tour_section_7_bottom_text_1|noescape}</p> 
+    
+                         
+     <br>       
+    </div>
+    
+    <div id="news_global" class="tabcontent">
+        <h2>{_tour_section_8_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_8_text_1|noescape}</span></li>
+      <li><span>{_tour_section_8_text_2|noescape}</span></li>  
+     
+     </ul>
+     
+    
+      
+        <img src="assets/packages/static/openvk/img/tour/news_global.png" width="440">
+        
+        <p class="big">{_tour_section_8_bottom_text_1|noescape}</p>
+     
+      
+          <img src="assets/packages/static/openvk/img/tour/poll.png" width="440">
+          
+            <p class="big">{_tour_section_8_bottom_text_2|noescape}</p>
+    
+                           
+     <br>       
+    </div>
+    
+    <div id="groups" class="tabcontent">
+    <h2>{_tour_section_9_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_9_text_1|noescape}</span></li>
+     <li><span>{_tour_section_9_text_2|noescape}</span></li> 
+     <li><span>{_tour_section_9_text_3|noescape}</span></li>
+     </ul>
+     
+    
+      
+        <img src="assets/packages/static/openvk/img/tour/groups.png" width="440">
+        <p class="big">{_tour_section_9_bottom_text_1|noescape}</p>
+        <img src="assets/packages/static/openvk/img/tour/groups_view.png" width="440">
+        <p class="big">{_tour_section_9_bottom_text_2|noescape}</p>
+     
+          <h2>{_tour_section_9_title_2|noescape}</h2>
+        
+    <ul class="listing">
+      <li><span>{_tour_section_9_text_2_1|noescape}</span></li>
+      <li><span>{_tour_section_9_text_2_2|noescape}</span></li> 
+     <li><span>{_tour_section_9_text_2_3|noescape}</span></li> 
+     </ul>
+      
+          <img src="assets/packages/static/openvk/img/tour/groups_admin.png" width="440">
+          
+            <p class="big">{_tour_section_9_bottom_text_3|noescape}</p>
+    
+                             
+     <br>       
+    </div>
+    
+    <div id="events" class="tabcontent">
+      <h2>{_tour_section_10_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_10_text_1|noescape}</span></li> 
+     </ul>
+     
+    
+                             
+     <br>       
+    </div>
+    
+    <div id="themes" class="tabcontent">
+      <h2>{_tour_section_11_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_11_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_11_text_2|noescape}</span></li>
+     <li><span>{_tour_section_11_text_3|noescape}</span></li>
+     </ul>
+     
+     <center><img src="assets/packages/static/openvk/img/tour/theme_picker.png"></center>
+     
+     <p class="big">{_tour_section_11_bottom_text_1|noescape}</p><br>
+    
+     
+     <img src="assets/packages/static/openvk/img/tour/theme3.png" width="460">
+     
+      <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/theme1.png" style="float:left;" width="220"></td>
+          <td><img src="assets/packages/static/openvk/img/tour/theme2.png" style="float:right;" width="220"></td>
+        </tr>
+      </tbody>
+    </table>
+      
+       
+      <br>
+       <center>{_tour_section_11_wordart|noescape}</center>
+    
+                            
+     <br>       
+    </div>
+    
+    <div id="customization" class="tabcontent">
+      <h2>{_tour_section_12_title_1|noescape}</h2>
+        
+     <ul class="listing">
+     <li><span>{_tour_section_12_text_1|noescape}</span></li> 
+     <li><span>{_tour_section_12_text_2|noescape}</span></li>
+     </ul>
+     
+     <img src="assets/packages/static/openvk/img/tour/backdrop.png" width="440">
+     
+     <p class="big">{_tour_section_12_bottom_text_1|noescape}</p><br>
+    
+    <ul class="listing">
+     <li><span>{_tour_section_12_text_3|noescape}</span></li> 
+     </ul>
+     
+     
+     <br>
+     
+     <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/backdrop_ex.png" width="440"></td>
+        </tr>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/backdrop_ex1.png" width="440"></td>
+        </tr>
+         <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/backdrop_ex2.png" width="440"></td>
+        </tr>
+      </tbody>
+    </table>
+    
+     
+     
+      <p class="big">{_tour_section_12_bottom_text_2|noescape}</p><br>
+      
+      <p class="big">{_tour_section_12_bottom_text_3|noescape}</p>
+     
+     
+     <h2>{_tour_section_12_title_2|noescape}</h2>
+     
+      <ul class="listing">
+     <li><span>{_tour_section_12_text_2_1|noescape}</span></li> 
+     <li><span>{_tour_section_12_text_2_2|noescape}</span></li>
+     </ul>
+     
+     <center><img src="assets/packages/static/openvk/img/tour/avatar_picker.png"></center><br>
+    
+    <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/avatars_def.png" style="float:left;" width="220"></td>
+          <td><img src="assets/packages/static/openvk/img/tour/avatars_round.png" style="float:right;" width="220"></td>
+        </tr>
+      </tbody>
+    </table><br>
+    
+     <img src="assets/packages/static/openvk/img/tour/avatars_quad.png" width="440">
+    
+    <h2>{_tour_section_12_title_3|noescape}</h2>
+     
+      <ul class="listing">
+     <li><span>{_tour_section_12_text_3_1|noescape}</span></li> 
+     <li><span>{_tour_section_12_text_3_2|noescape}</span></li>
+     </ul>
+    
+     <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/leftmenu.png" style="float:left;" width="220"></td>
+          <td><img src="assets/packages/static/openvk/img/tour/leftmenu2.png" style="float:right;" width="220"></td>
+        </tr>
+      </tbody>
+    </table>
+      
+      <h2>{_tour_section_12_title_4|noescape}</h2>
+      <ul class="listing">
+      <li><span>{_tour_section_12_text_4_1|noescape}</span></li> 
+      <li><span>{_tour_section_12_text_4_2|noescape}</span></li>
+     <li><span>{_tour_section_12_text_4_3|noescape}</span></li>
+      </ul>
+      
+      <center><img src="assets/packages/static/openvk/img/tour/wall_pick.png"></center><br>
+     
+     <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/wall_old.png" style="float:left;" width="220">
+     <br> <p class="big"{_tour_section_12_bottom_text_4|noescape}</p></td>
+          <td><img src="assets/packages/static/openvk/img/tour/wall_new.png" style="float:right;" width="220">
+          <br><p class="big">{_tour_section_12_bottom_text_5|noescape}</p></td>
+        </tr>
+      </tbody>
+    </table>
+      
+      
+     <br>
+    
+      
+    
+                    
+     <br>       
+    </div>
+    
+    <div id="vouchers" class="tabcontent">
+     <h2>{_tour_section_13_title_1|noescape}</h2>
+        
+     <ul class="listing">
+       <li><span>{_tour_section_13_text_1|noescape}</span></li>
+       <li><span>{_tour_section_13_text_2|noescape}</span></li>
+     </ul>
+     
+     <img src="assets/packages/static/openvk/img/tour/vouchers.png" width="440">
+     
+     <img src="assets/packages/static/openvk/img/tour/vouchers_type.png" width="440">
+     <p class="big">{_tour_section_13_bottom_text_1|noescape}</p><br>
+     
+     <ul class="listing">
+     <li><span>{_tour_section_13_text_3|noescape}</span></li> 
+     <li><span>{_tour_section_13_text_4|noescape}</span></li>
+     </ul>
+      <img src="assets/packages/static/openvk/img/tour/vouchers_ok.png" width="440">
+     
+     <p class="big">{_tour_section_13_bottom_text_2|noescape}</p><br>
+    
+    <p class="big">{_tour_section_13_bottom_text_3|noescape}</p><br>
+      
+      
+     <br>
+    
+      
+    
+                      
+     <br>       
+    </div>
+    
+    <div id="mobile" class="tabcontent">
+     <h2>{_tour_section_14_title_1|noescape}</h2>
+        
+     <ul class="listing">
+       <li><span>{_tour_section_14_text_1|noescape}</span></li>
+       <li><span>{_tour_section_14_text_2|noescape}</span></li>
+       <li><span>{_tour_section_14_text_3|noescape}</span></li>
+     </ul>
+     <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/app1.png" style="float:left;" width="210"></td>
+          <td><img src="assets/packages/static/openvk/img/tour/app2.png" style="float:right;" width="210"></td>
+        </tr>
+      </tbody>
+    </table>
+    
+    
+    <table cellspacing="5" border="0">
+      <tbody>
+        <tr>
+          <td><img src="assets/packages/static/openvk/img/tour/app3.png" width="425"></td>
+        </tr>
+      </tbody>
+    </table>
+    
+    
+     
+     
+     
+     <p class="big">{_tour_section_14_bottom_text_1|noescape}</p><br>
+     
+     <h2>{_tour_section_14_title_2|noescape}</h2>
+     
+     <ul class="listing">
+     <li><span>{_tour_section_14_text_2_1|noescape}</span></li>
+      <li><span>{_tour_section_14_text_2_2|noescape}</span></li>
+     <li><span>{_tour_section_14_text_2_3|noescape}</span></li>
+     </ul>
+      <img src="assets/packages/static/openvk/img/tour/app4.jpeg" width="440">
+     
+     <br>
+    
+    <p class="big" n:if="!isset($thisUser)">{_tour_section_14_bottom_text_2|noescape}</p><br>
+        <p class="big" n:if="isset($thisUser)">{_tour_section_14_bottom_text_3|noescape}</p><br>
+    
+      <div style="margin-top:10px; padding-left:175px" n:if="!isset($thisUser)">
+      
+                                <a class="button" href="/reg">{_tour_reg|noescape}</a>
+                                
+                            
+     </div>  
+     
+     
+
+     <br>   
+    </div>
+    <!-- 
+.__           .__  __                        .__    .___.__  __                                                              
+|  |__   ____ |__|/  |_  ___________ ___.__. |__| __| _/|__|/  |_  ____   ___  __ _____    ____ _____    ____ _____    ______
+|  |  \_/ __ \|  \   __\/ __ \_  __ <   |  | |  |/ __ | |  \   __\/ __ \  \  \/ / \__  \  /    \\__  \  /    \\__  \  /  ___/
+|   Y  \  ___/|  ||  | \  ___/|  | \/\___  | |  / /_/ | |  ||  | \  ___/   \   /   / __ \|   |  \/ __ \|   |  \/ __ \_\___ \ 
+|___|  /\___  >__||__|  \___  >__|   / ____| |__\____ | |__||__|  \___  >   \_/   (____  /___|  (____  /___|  (____  /____  >
+     \/     \/              \/       \/              \/               \/               \/     \/     \/     \/     \/     \/ 
+                     .__  .__              __                          __                                                    
+  _____ ___.__. _____|  | |__|__  __ _____/  |_  ______ _____ ___  ___/  |_  ___________                                     
+ /     <   |  |/  ___/  | |  \  \/ // __ \   __\/  ___/ \__  \\  \/ /\   __\/  _ \_  __ \                                    
+|  Y Y  \___  |\___ \|  |_|  |\   /\  ___/|  |  \___ \   / __ \\   /  |  | (  <_> )  | \/                                    
+|__|_|  / ____/____  >____/__| \_/  \___  >__| /____  > (____  /\_/   |__|  \____/|__|                                       
+      \/\/         \/                   \/          \/       \/                                                              -->
+{script "js/tour.js"}
+{/block}

Web/Presenters/templates/Auth/FinishRestoringPassword.xml

@@ -9,21 +9,47 @@
 {/block}
 
 {block content}
-    <p>
+	<h4 style="margin-left: 100px; margin-right: 100px;">{_access_recovery}</h4>
+        <table cellspacing="10" cellpadding="0" border="0" align="center" width="70%">
+            <tbody>
+                <tr>
+                    <td>
                     {_access_recovery_info_2}
-    </p>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
 
     <form method="POST" enctype="multipart/form-data">
-        <label for="password">{_new_password}: </label>
+        <table cellspacing="7" cellpadding="0" width="55%" border="0" align="center">
+            <tbody>
+                <tr>
+                    <td class="regform-left">
+                        <span class="nobold">{_new_password}: </span>
+                    </td>
+                    <td class="regform-right">
                         <input id="password" type="password" name="password" required />
-        <br/><br/>
+                    </td>
+                    </tr>
                     {if $is2faEnabled}
-            <label for="code">{_"2fa_code_2"}: </label>
+                    <tr style="text-align: right;">
-            <input id="code" type="text" name="code" required />
+                        <td class="regform-left">
-            <br/><br/>
+                            <span class="nobold">{_"2fa_code_2"}: </span>
+                        </td>
+                        <td class="regform-right">
+                            <input id="password" type="password" name="password" required />
+                        </td>
+                    </tr>
                     {/if}
-        
+                <tr>
+                    <td>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <center>
             <input type="hidden" name="hash" value="{$csrfToken}" />
-        <input type="submit" value="{_reset_password}" class="button" style="float: right;" />
+            <input type="submit" value="{_reset_password}" class="button" />
+        </center>
     </form>
 {/block}

Web/Presenters/templates/Auth/Login.xml

@@ -7,35 +7,36 @@
 
 {block content}
     <form method="POST" enctype="multipart/form-data">
-        <table cellspacing="7" cellpadding="0" width="40%" border="0" align="center">
+	<h4 style="margin-left: 100px; margin-right: 100px;">{_log_in}</h4>
+        <table cellspacing="7" cellpadding="0" width="46%" border="0" align="center">
             <tbody>
-                <tr>
+                <tr style="text-align: right;">
                     <td>
-                        <span>{_email}: </span>
+                        <span class="nobold">{_email}: </span>
                     </td>
-                    <td>
+                    <td style="width:191px;">
                         <input type="text" name="login" required />
                     </td>
                 </tr>
-                <tr>
+                <tr style="text-align: right;">
                     <td>
-                        <span>{_password}: </span>
+                        <span class="nobold">{_password}: </span>
                     </td>
                     <td>
                         <input type="password" name="password" required />
                     </td>
                 </tr>
-                <tr>
-                    <td>
-                        
-                    </td>
-                    <td>
-                        <input type="hidden" name="hash" value="{$csrfToken}" />
-                        <input type="submit" value="{_log_in}" class="button" />
-                        <a href="/reg">{_registration}</a>
-                    </td>
-                </tr>
             </tbody>
         </table>
+		    <center>
+            <!-- div style="margin-bottom: 8px;"> 
+                <input type="checkbox" name="someone_pc" value=""/>
+				<label for="someone_pc" class="nobold">{_not_your_pc}?</label><br>
+            </div -->
+                <input type="hidden" name="hash" value="{$csrfToken}" />
+                <input type="submit" value="{_log_in}" class="button" />
+                <a href="/reg" class="button" style="display: inline-block;">{_registration}</a><br><br>
+                <a href="/restore">{_forgot_password}</a>
+		    </center>
     </form>
 {/block}

Web/Presenters/templates/Auth/LoginSecondFactor.xml

@@ -6,16 +6,23 @@
 {/block}
 
 {block content}
-    <p>
+	<h4 style="margin-left: 100px; margin-right: 100px;">{_two_factor_authentication}</h4>
+        <table cellspacing="10" cellpadding="0" border="0" align="center" width="70%">
+            <tbody>
+                <tr>
+                    <td>
                     {_two_factor_authentication_login}
-    </p>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
 
     <form method="POST" enctype="multipart/form-data">
         <table cellspacing="7" cellpadding="0" width="40%" border="0" align="center">
             <tbody>
-                <tr>
+                <tr style="text-align: right;">
                     <td>
-                        <span>{_code}: </span>
+                        <span class="nobold">{_code}: </span>
                     </td>
                     <td>
                         <input type="text" name="code" autocomplete="off" required />
@@ -25,14 +32,14 @@
                     <td>
                         
                     </td>
-                    <td>
+                </tr>
+            </tbody>
+        </table>
+        <center>
             <input type="hidden" name="login" value="{$login}" />
             <input type="hidden" name="password" value="{$password}" />
             <input type="hidden" name="hash" value="{$csrfToken}" />
             <input type="submit" value="{_log_in}" class="button" />
-                    </td>
+        </center>
-                </tr>
-            </tbody>
-        </table>
     </form>
 {/block}

Web/Presenters/templates/Auth/Register.xml

@@ -22,31 +22,78 @@
         <p n:if="!is_null($referer)" align="center">
             {tr("invites_you_to", $referer->getFullName(), OPENVK_ROOT_CONF['openvk']['appearance']['name'])|noescape}
         </p>
-        
+	<div style="margin: 10px;">
+        <h2 class="header2">{_registration}</h2>
+	    <table cellspacing="10" cellpadding="0" border="0" align="center" style="margin: 9px;">
+	        <tbody>
+	            <tr>
+	                <td>
+	                <img src="assets/packages/static/openvk/img/favicons/favicon64.png" style="width: 32px;" align="middle">
+	                </td>
+	                <td>
+	                <b>{php echo OPENVK_ROOT_CONF['openvk']['appearance']['name']} {_registration_welcome_1}</b><br>
+                        {_registration_welcome_2}
+	                </td>
+	            </tr>
+	        </tbody>
+	    </table>
         <form method="POST" enctype="multipart/form-data">
             <table cellspacing="7" cellpadding="0" width="52%" border="0" align="center">
                 <tbody>
                     <tr>
-                        <td>
+                        <h4 style="margin-left: 60px;">{_main}</h4>
-                            <span>{_name}: </span>
+                    </tr>
+                    <tr>
+                        <td class="regform-left">
+                            <span class="nobold">{_name}: </span>
                         </td>
-                        <td>
+                        <td class="regform-right">
                             <input type="text" name="first_name" required />
                         </td>
                     </tr>
                     <tr>
-                        <td>
+                        <td class="regform-left">
-                            <span>{_surname}: </span>
+                            <span class="nobold">{_surname}: </span>
                         </td>
-                        <td>
+                        <td class="regform-right">
                             <input type="text" name="last_name" />
                         </td>
                     </tr>
+                    
                     <tr>
-                        <td>
+                        <td class="regform-left">
-                            <span>{_gender}: </span>
+                            <span class="nobold">{_email}: </span>
                         </td>
-                        <td>
+                        <td class="regform-right">
+                            <input type="email" name="email" required />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="regform-left">
+                            <span class="nobold">{_password}: </span>
+                        </td>
+                        <td class="regform-right">
+                            <input type="password" name="password" required />
+                        </td>
+                    </tr>
+		        </table>
+		        <table cellspacing="7" cellpadding="0" width="52%" border="0" align="center">
+                        <tr>
+                        <h4 style="margin-left: 60px;">{_other_fields}</h4>
+                        </tr>
+                    <tr>
+                        <td class="regform-left">
+                            <span class="nobold">{_birth_date}: </span>
+                        </td>
+                        <td class="regform-right">
+                            <input max={date('Y-m-d')} name="birthday" type="date"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="regform-left">
+                            <span class="nobold">{_gender}: </span>
+                        </td>
+                        <td class="regform-right">
                             {var $femalePreferred = OPENVK_ROOT_CONF["openvk"]["preferences"]["femaleGenderPriority"]}
                             <select name="sex" required>
                                 <option n:attr="selected => !$femalePreferred" value="male">{_male}</option>
@@ -55,63 +102,43 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>
+                        <td class="regform-left">
-                            <span>{_birth_date}: </span>
+                            <span class="nobold">CAPTCHA: </span>
                         </td>
-                        <td>
+                        <td class="regform-right">
-                            <input max={date('Y-m-d')} name="birthday" type="date"/>
-                        </td>
-                    </tr>
-                    <tr></tr>
-                    <tr>
-                        <td>
-                            <span>{_email}: </span>
-                        </td>
-                        <td>
-                            <input type="email" name="email" required />
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span>{_password}: </span>
-                        </td>
-                        <td>
-                            <input type="password" name="password" required />
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span>CAPTCHA: </span>
-                        </td>
-                        <td>
                             {captcha_template()|noescape}
                         </td>
                     </tr>
-
+                </table>
-                    <tr>
+                    <div style="margin-left: 100px; margin-right: 100px; text-align: center;">
-                        <td>
-
-                        </td>
-                        <td>
                         <input type="hidden" name="hash" value="{$csrfToken}" />
                         <input type="checkbox" required="true" name="confirmation" /> {_checkbox_in_registration|noescape}
                         <br /><br />
-                            <input type="submit" value="{_registration}" class="button" />
+                        <input type="submit" value="{_registration}" class="button" /><br><br>
-                            <a href="/login">{_log_in}</a>
+                        </div>
+                </tbody>
+        </form>
+    </div>
+    {else}
+	<h4>{_registration_closed}</h4>
+		<table cellspacing="10" cellpadding="0" border="0" align="center" style="margin: 9px;">
+	        <tbody>
+	            <tr>
+	                <td style="width: 20%;">
+	                <img src="/assets/packages/static/openvk/img/oof.apng" alt="{_registration_closed}" style="width: 100%;"/>
+	                </td>
+	                <td>
+                        {_registration_disabled_info}
+                        {if OPENVK_ROOT_CONF['openvk']['preferences']['registration']['reason']}
+                        <br/>
+                        <br/>
+                        {_admin_banned_link_reason}: 
+                        <br>
+                        <b>{php echo OPENVK_ROOT_CONF['openvk']['preferences']['registration']['reason']}</b>
+                        {/if}
 	                </td>
 	            </tr>
 	        </tbody>
 	    </table>
-        </form>
-    {else}
-        <center>
-            <img src="/assets/packages/static/openvk/img/oof.apng" alt="{_registration_closed}" style="width: 20%;" />
-            <p>
-                {_registration_disabled_info}
-                {if OPENVK_ROOT_CONF['openvk']['preferences']['registration']['reason']}
-                    <br/><br/><b>{php echo OPENVK_ROOT_CONF['openvk']['preferences']['registration']['reason']}</b>
-                {/if}
-            </p>
-        </center>
     {/if}
 {/block}

Web/Presenters/templates/Auth/Restore.xml

@@ -9,16 +9,37 @@
 {/block}
 
 {block content}
-    <p>
+	<h4 style="margin-left: 100px; margin-right: 100px;">{_access_recovery}</h4>
+        <table cellspacing="10" cellpadding="0" border="0" align="center" width="70%">
+            <tbody>
+                <tr>
+                    <td>
                     {_access_recovery_info}
-    </p>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
 
     <form method="POST" enctype="multipart/form-data">
-        <label for="login">{_log_in}: </label>
+        <table cellspacing="7" cellpadding="0" width="46%" border="0" align="center">
+            <tbody>
+                <tr style="text-align: right;">
+                    <td>
+                        <span class="nobold">{_email}: </span>
+                    </td>
+                    <td>
                         <input id="login" type="text" name="login" required />
-        <br/><br/>
+                    </td>
-        
+                </tr>
+                <tr>
+                    <td>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+		<center>
             <input type="hidden" name="hash" value="{$csrfToken}" />
-        <input type="submit" value="{_reset_password}" class="button" style="float: right;" />
+            <input type="submit" value="{_reset_password}" class="button"/>
+		</center>
     </form>
 {/block}

Web/Presenters/templates/Group/Edit.xml

@@ -12,6 +12,11 @@
                 {_main}
             </a>
         </div>
+        <div class="tab">
+            <a href="/club{$club->getId()}/backdrop">
+                {_backdrop_short}
+            </a>
+        </div>
         <div class="tab">
             <a href="/club{$club->getId()}/followers">
                 {_followers}

Web/Presenters/templates/Group/EditBackdrop.xml

@@ -0,0 +1,63 @@
+{extends "../@layout.xml"}
+{var $backdrops = $club->getBackDropPictureURLs()}
+
+{block title}{$club->getName()} | {_backdrop}{/block}
+
+{block header}
+<a href="{$club->getURL()}">{$club->getName()}</a> » {_backdrop}
+{/block}
+
+{block content}
+    <div class="tabs">
+        <div class="tab">
+            <a href="/club{$club->getId()}/edit">
+                {_main}
+            </a>
+        </div>
+        <div id="activetabs" class="tab">
+            <a id="act_tab_a" href="/club{$club->getId()}/backdrop">
+                {_backdrop_short}
+            </a>
+        </div>
+        <div class="tab">
+            <a href="/club{$club->getId()}/followers">
+                {_followers}
+            </a>
+        </div>
+        <div class="tab">
+            <a href="javascript:void(0)">
+                {_statistics}
+            </a>
+        </div>
+    </div>
+
+    <div class="container_gray">
+        <h4>{_backdrop}</h4>
+        <p>{_backdrop_desc}</p>
+        <form method="POST" enctype="multipart/form-data">
+            <div id="backdropEditor">
+                <div id="backdropFilePicker">
+                    <input type="file" accept="image/*" name="backdrop1" />
+                    <div id="spacer"></div>
+                    <input type="file" accept="image/*" name="backdrop2" />
+                </div>
+            </div>
+
+            <p>
+                <span class="nobold">{_backdrop_warn}</span>
+            </p>
+            <p>
+                <span class="nobold">{_backdrop_about_adding}</span>
+            </p>
+            <p><br/></p>
+
+            <input type="hidden" name="hash" value="{$csrfToken}" />
+            <div>
+                <center>
+                    <button name="subact" value="save" class="button">{_backdrop_save}</button>
+                    <button name="subact" value="remove" class="button">{_backdrop_remove}</button>
+                </center>
+            </div>
+        </form>
+    </div>
+{/block}

Web/Presenters/templates/Group/Followers.xml

@@ -23,6 +23,11 @@
 				{_main}
 			</a>
 		</div>
+        <div class="tab">
+            <a href="/club{$club->getId()}/backdrop">
+                {_backdrop_short}
+            </a>
+        </div>
 		<div id="activetabs" class="tab">
 			<a id="act_tab_a" href="/club{$club->getId()}/followers">
 				{_followers}

Web/Presenters/templates/Group/Statistics.xml

@@ -12,6 +12,11 @@
                 {_main}
             </a>
         </div>
+        <div class="tab">
+            <a href="/club{$club->getId()}/backdrop">
+                {_backdrop_short}
+            </a>
+        </div>
         <div class="tab">
             <a href="/club{$club->getId()}/followers">
                 {_followers}

Web/Presenters/templates/Group/View.xml

@@ -1,4 +1,5 @@
 {extends "../@layout.xml"}
+{var $backdrops = $club->getBackDropPictureURLs()}
 
 {block title}{$club->getName()}{/block} 
 

Web/Presenters/templates/Notification/Feed.xml

@@ -24,9 +24,14 @@
     <table class="post post-divider" border="0" style="font-size: 11px;" n:foreach="$data as $dat">
         <tbody>
             <tr>
+                {var $sxModel = $dat->getModel(1)}
+                {if !(method_exists($sxModel, "getURL") && method_exists($sxModel, "getAvatarUrl"))}
+                    {var $sxModel = $dat->getModel(0)}
+                {/if}
+
                 <td width="54" valign="top">
-                    <a href="/sysop">
+                    <a href="{$sxModel->getURL()}">
-                        <img src="{$dat->getModel(1)->getAvatarUrl('miniscule')}" width=50 />
+                        <img src="{$sxModel->getAvatarUrl('miniscule')}" width=50 />
                     </a>
                 </td>
                 <td width="100%" valign="top">

Web/Presenters/templates/Photos/Photo.xml

@@ -26,9 +26,9 @@
     
     <hr/>
     
-    <div style="width: 100%; min-height: 100px;">
+    <div style="width: 100%; min-height: 100px;" class="ovk-photo-details">
         <div style="float: left; min-height: 100px; width: 70%;">
-            {include "../components/comments.xml", comments => $comments, count => $cCount, page => $cPage, model => "photos", parent => $photo}
+            {include "../components/comments.xml", comments => $comments, count => $cCount, page => $cPage, model => "photos", parent => $photo, custom_id => 999}
         </div>
         <div style="float: left; min-height: 100px; width: 30%;">
             <div>

Web/Presenters/templates/Support/Index.xml

@@ -37,7 +37,7 @@
                 <div class="new">
                     <form action="/support" method="post" style="margin:0;">
                         <center>
-                            <input name="name" style="width: 80%; resize: vertical;" placeholder="{_support_new_title}" /><br /><br />
+                            <input type="text" name="name" style="width: 80%; resize: vertical;" placeholder="{_support_new_title}" /><br /><br />
                             <textarea name="text" style="width: 80%; resize: vertical;" placeholder="{_support_new_content}"></textarea><br /><br />
                             <input type="hidden" name="hash" value="{$csrfToken}" />
                             <input type="submit" value="{_write}" class="button" style="margin-left: 70%;" /><br /><br />

Web/Presenters/templates/User/Edit.xml

@@ -1,4 +1,8 @@
 {extends "../@layout.xml"}
+{if $mode === 'backdrop'}
+    {var $backdrops = $user->getBackDropPictureURLs()}
+{/if}
+
 {block title}{_edit_page}{/block}
 
 {block header}
@@ -6,11 +10,12 @@
 {/block}
 
 {block content}
-
     {var $isMain      = $mode === 'main'}
     {var $isContacts  = $mode === 'contacts'}
     {var $isInterests = $mode === 'interests'}
     {var $isAvatar    = $mode === 'avatar'}
+    {var $isBackDrop  = $mode === 'backdrop'}
+
     <div n:if="$user->hasPendingNumberChange()" class="msg">
         <b>Подтверждение номера телефона</b><br/>
         Введите код для подтверждения смены номера: <a href="/edit/verify_phone">ввести код</a>.
@@ -29,6 +34,9 @@
         <div n:attr="id => ($isAvatar ? 'activetabs' : 'ki')" class="tab">
             <a n:attr="id => ($isAvatar ? 'act_tab_a' : 'ki')" href="/edit?act=avatar">{_avatar}</a>
         </div>
+        <div n:attr="id => ($isBackDrop ? 'activetabs' : 'ki')" class="tab">
+            <a n:attr="id => ($isBackDrop ? 'act_tab_a' : 'ki')" href="/edit?act=backdrop">{_backdrop_short}</a>
+        </div>
     </div>
     
     <div class="container_gray">
@@ -326,6 +334,36 @@
             </table>
         </form>
         
+        {elseif $isBackDrop}
+
+        <h4>{_backdrop}</h4>
+        <p>{_backdrop_desc}</p>
+        <form method="POST" enctype="multipart/form-data">
+            <div id="backdropEditor">
+                <div id="backdropFilePicker">
+                    <input type="file" accept="image/*" name="backdrop1" />
+                    <div id="spacer"></div>
+                    <input type="file" accept="image/*" name="backdrop2" />
+                </div>
+            </div>
+
+            <p>
+                <span class="nobold">{_backdrop_warn}</span>
+            </p>
+            <p>
+                <span class="nobold">{_backdrop_about_adding}</span>
+            </p>
+            <p><br/></p>
+
+            <input type="hidden" name="hash" value="{$csrfToken}" />
+            <div>
+                <center>
+                    <button name="subact" value="save" class="button">{_backdrop_save}</button>
+                    <button name="subact" value="remove" class="button">{_backdrop_remove}</button>
+                </center>
+            </div>
+        </form>
+
         {/if}
     </div>
     

Web/Presenters/templates/User/View.xml

@@ -1,5 +1,9 @@
 {extends "../@layout.xml"}
 
+{if !$user->isBanned()}
+    {var $backdrops = $user->getBackDropPictureURLs()}
+{/if}
+
 {block title}{$user->getCanonicalName()}{/block} 
 
 {block headIncludes}
@@ -43,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>
@@ -60,7 +69,7 @@
     {else}
     
     <div class="left_small_block">
-        <div>
+        <div style="margin-left: auto;margin-right: auto;display: table;">
             <a href="{$user->getAvatarLink()|nocheck}">
                 <img src="{$user->getAvatarUrl('normal')}"
                      alt="{$user->getCanonicalName()}"
@@ -77,25 +86,25 @@
                 </div>
             {else}
                 {if $thisUser->getChandlerUser()->can("substitute")->model('openvk\Web\Models\Entities\User')->whichBelongsTo(0)}
-                    <a href="/setSID/{$user->getChandlerUser()->getId()}?hash={rawurlencode($csrfToken)}" class="profile_link">
+                    <a href="/setSID/{$user->getChandlerUser()->getId()}?hash={rawurlencode($csrfToken)}" class="profile_link" style="width: 194px;">
                         {tr("login_as", $user->getFirstName())}
                     </a>
                 {/if}
                 
                 {if $thisUser->getChandlerUser()->can("access")->model("admin")->whichBelongsTo(NULL)}
-                    <a href="/admin/users/id{$user->getId()}" class="profile_link">
+                    <a href="/admin/users/id{$user->getId()}" class="profile_link" style="width: 194px;">
                         {_manage_user_action}
                     </a>
-                    <a href="javascript:banUser()" class="profile_link">
+                    <a href="javascript:banUser()" class="profile_link" style="width: 194px;">
                         {_ban_user_action}
                     </a>
-                    <a href="javascript:warnUser()" class="profile_link">
+                    <a href="javascript:warnUser()" class="profile_link" style="width: 194px;">
                         {_warn_user_action}
                     </a>
                 {/if}
 
                 {if $thisUser->getChandlerUser()->can('write')->model('openvk\Web\Models\Entities\TicketReply')->whichBelongsTo(0)}
-                    <a href="javascript:toggleBanInSupport()" class="profile_link">
+                    <a href="javascript:toggleBanInSupport()" class="profile_link" style="width: 194px;">
                         {if $user->isBannedInSupport()}
                             {_unban_in_support_user_action}
                         {else}
@@ -104,8 +113,8 @@
                     </a>
                 {/if}
                 
-                <a n:if="OPENVK_ROOT_CONF['openvk']['preferences']['commerce'] && $user->getGiftCount() == 0" href="/gifts?act=pick&user={$user->getId()}" class="profile_link">{_send_gift}</a>
+                <a style="width: 194px;" n:if="OPENVK_ROOT_CONF['openvk']['preferences']['commerce'] && $user->getGiftCount() == 0" href="/gifts?act=pick&user={$user->getId()}" class="profile_link">{_send_gift}</a>
-                <a n:if="$user->getPrivacyPermission('messages.write', $thisUser)" href="/im?sel={$user->getId()}" class="profile_link">{_send_message}</a>
+                <a style="width: 194px;" n:if="$user->getPrivacyPermission('messages.write', $thisUser)" href="/im?sel={$user->getId()}" class="profile_link">{_send_message}</a>
 
                 {var $subStatus = $user->getSubscriptionStatus($thisUser)}
                 {if $subStatus === 0}
@@ -113,32 +122,32 @@
                         <input type="hidden" name="act" value="add" />
                         <input type="hidden" name="id"  value="{$user->getId()}" />
                         <input type="hidden" name="hash" value="{$csrfToken}" />
-                        <input type="submit" class="profile_link" value="{_friends_add}" />
+                        <input type="submit" class="profile_link" value="{_friends_add}" style="width: 194px;" />
                     </form>
                 {elseif $subStatus === 1}
                     <form action="/setSub/user" method="post" class="profile_link_form">
                         <input type="hidden" name="act" value="add" />
                         <input type="hidden" name="id"  value="{$user->getId()}" />
                         <input type="hidden" name="hash" value="{$csrfToken}" />
-                        <input type="submit" class="profile_link" value="{_friends_accept}" />
+                        <input type="submit" class="profile_link" value="{_friends_accept}" style="width: 194px;" />
                     </form>
                 {elseif $subStatus === 2}
                     <form action="/setSub/user" method="post" class="profile_link_form">
                         <input type="hidden" name="act" value="rem" />
                         <input type="hidden" name="id"  value="{$user->getId()}" />
                         <input type="hidden" name="hash" value="{$csrfToken}" />
-                        <input type="submit" class="profile_link" value="{_friends_reject}" />
+                        <input type="submit" class="profile_link" value="{_friends_reject}" style="width: 194px;" />
                     </form>
                 {elseif $subStatus === 3}
                     <form action="/setSub/user" method="post" class="profile_link_form">
                         <input type="hidden" name="act" value="rem" />
                         <input type="hidden" name="id"  value="{$user->getId()}" />
                         <input type="hidden" name="hash" value="{$csrfToken}" />
-                        <input type="submit" class="profile_link" value="{_friends_delete}" />
+                        <input type="submit" class="profile_link" value="{_friends_delete}" style="width: 194px;" />
                     </form>
                 {/if}
             {/if}
-            <a n:if="$user->getFollowersCount() > 0" href="/friends{$user->getId()}?act=incoming" class="profile_link">{tr("followers", $user->getFollowersCount())}</a>
+            <a style="width: 194px;" n:if="$user->getFollowersCount() > 0" href="/friends{$user->getId()}?act=incoming" class="profile_link">{tr("followers", $user->getFollowersCount())}</a>
         </div>
         <div n:if="isset($thisUser) && !$thisUser->prefersNotToSeeRating()" class="profile-hints">
             {var $completeness = $user->getProfileCompletenessReport()}
@@ -481,7 +490,7 @@
                         <td class="data">{$user->getFavoriteQuote()}</td>
                     </tr>
                     <tr n:if="!is_null($user->getDescription())">
-                        <td class="label"><span class="nobold">О себе: </span></td>
+                        <td class="label"><span class="nobold">{_information_about}: </span></td>
                         <td class="data">{$user->getDescription()}</td>
                     </tr>
                   </tbody>

Web/Presenters/templates/components/attachment.xml

@@ -1,7 +1,7 @@
 {if $attachment instanceof \openvk\Web\Models\Entities\Photo}
     {if !$attachment->isDeleted()}
         {var $link = "/photo" . ($attachment->isAnonymous() ? ("s/" . base_convert((string) $attachment->getId(), 10, 32)) : $attachment->getPrettyId())}
-        <a href="{$link}">
+        <a href="{$link}" onclick="OpenMiniature(event, {$attachment->getURLBySizeId('normal')}, {$post->getPrettyId()}, {$attachment->getPrettyId()})">
             <img class="media media_makima" src="{$attachment->getURLBySizeId('normal')}" alt="{$attachment->getDescription()}" />
         </a>
     {else}

Web/Presenters/templates/components/comments.xml

@@ -4,7 +4,7 @@
     {var $commentsURL = "/al_comments/create/$model/" . $parent->getId()}
     {var $club = $parent instanceof \openvk\Web\Models\Entities\Post && $parent->getTargetWall() < 0 ? (new openvk\Web\Models\Repositories\Clubs)->get(abs($parent->getTargetWall())) : $club}
     {if !$readOnly}
-        {include "textArea.xml", route => $commentsURL, postOpts => false, graffiti => (bool) ovkGetQuirk("comments.allow-graffiti"), club => $club}
+        {include "textArea.xml", route => $commentsURL, postOpts => false, graffiti => (bool) ovkGetQuirk("comments.allow-graffiti"), club => $club, custom_id => $custom_id}
     {/if}
 </div>
 

Web/Presenters/templates/components/notifications/4/_18_10_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_u} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/note{$post->getPrettyId()}"><b>{_nt_mention_in_note}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_18_13_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_u} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/photo{$post->getURL()}"><b>{_nt_mention_in_photo}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_18_14_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_u} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/wall{$post->getPrettyId()}"><b>{_nt_mention_in_post_or_comms}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_18_19_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_u} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/video{$post->getPrettyId()}"><b>{_nt_mention_in_video}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_18_21_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_u} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/topic{$post->getPrettyId()}"><b>{_nt_mention_in_topic}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_5_10_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_g} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/note{$post->getPrettyId()}"><b>{_nt_mention_in_note}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_5_13_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_g} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/photo{$post->getURL()}"><b>{_nt_mention_in_photo}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_5_14_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_g} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/wall{$post->getPrettyId()}"><b>{_nt_mention_in_post_or_comms}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_5_19_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_g} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/video{$post->getPrettyId()}"><b>{_nt_mention_in_video}</b></a>: "{$notification->getData()}"

Web/Presenters/templates/components/notifications/4/_5_21_.xml

@@ -0,0 +1,4 @@
+{var $user = $notification->getModel(0)}
+{var $post = $notification->getModel(1)}
+
+{_nt_you_were_mentioned_g} <a href="{$user->getURL()}"><b>{$user->getCanonicalName()}</b></a> {$notification->getDateTime()} <a href="/topic{$post->getPrettyId()}"><b>{_nt_mention_in_topic}</b></a>: "{$notification->getData()}"

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}
@@ -61,9 +63,14 @@
                     <div class="text" id="text{$post->getPrettyId()}">
                         {$post->getText()|noescape}
                         
-                        <div n:ifcontent class="attachments_b">
+                        {var $width = ($GLOBALS["_bigWall"] ?? false) ? 550 : 320}
-                            <div class="attachment" n:foreach="$post->getChildren() as $attachment" data-localized-nsfw-text="{_nsfw_warning}">
+                        {if isset($GLOBALS["_nesAttGloCou"])}
-                                {include "../attachment.xml", attachment => $attachment}
+                            {var $width = $width - 70 * $GLOBALS["_nesAttGloCou"]}
+                        {/if}
+                        {var $attachmentsLayout = $post->getChildrenWithLayout($width)}
+                        <div n:ifcontent class="attachments_b" style="height: {$attachmentsLayout->height|noescape}; width: {$attachmentsLayout->width|noescape};">
+                            <div class="attachment" n:foreach="$attachmentsLayout->tiles as $attachment" style="float: {$attachment[3]|noescape}; width: {$attachment[0]|noescape}; height: {$attachment[1]|noescape};" data-localized-nsfw-text="{_nsfw_warning}">
+                                {include "../attachment.xml", attachment => $attachment[2], post => $post}
                             </div>
                         </div>
                     </div>
@@ -83,6 +90,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;
                         

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()}">
@@ -59,7 +64,7 @@
                         {var $attachmentsLayout = $post->getChildrenWithLayout($width)}
                         <div n:ifcontent class="attachments attachments_b" style="height: {$attachmentsLayout->height|noescape}; width: {$attachmentsLayout->width|noescape};">
                             <div class="attachment" n:foreach="$attachmentsLayout->tiles as $attachment" style="float: {$attachment[3]|noescape}; width: {$attachment[0]|noescape}; height: {$attachment[1]|noescape};" data-localized-nsfw-text="{_nsfw_warning}">
-                                {include "../attachment.xml", attachment => $attachment[2]}
+                                {include "../attachment.xml", attachment => $attachment[2], post => $post}
                             </div>
                         </div>
 

Web/Presenters/templates/components/textArea.xml

@@ -1,5 +1,6 @@
 {php if(!isset($GLOBALS["textAreaCtr"])) $GLOBALS["textAreaCtr"] = 10;}
 {var $textAreaId = ($post ?? NULL) === NULL ? (++$GLOBALS["textAreaCtr"]) : $post->getId()}
+{var $textAreaId = ($custom_id ?? NULL) === NULL ? $textAreaId : $custom_id}
 
 <div id="write" style="padding: 5px 0;" onfocusin="expand_wall_textarea({$textAreaId});">
     <form action="{$route}" method="post" enctype="multipart/form-data" style="margin:0;">

Web/routes.yml

@@ -163,6 +163,8 @@ routes:
       handler: "Photos->uploadPhoto"
     - url: "/photo{num}_{num}"
       handler: "Photos->photo"
+    - url: "/photos/thumbnails/{num}_{text}.jpeg"
+      handler: "Photos->thumbnail"
     - url: "/photos/{text}"
       handler: "Photos->absolutePhoto"
     - url: "/photo{num}_{num}/edit"
@@ -187,6 +189,8 @@ routes:
           club: "club|public|event"
     - url: "/club{num}/edit"
       handler: "Group->edit"
+    - url: "/club{num}/backdrop"
+      handler: "Group->editBackdrop"
     - url: "/club{num}/stats"
       handler: "Group->statistics"
     - url: "/club{num}/followers"
@@ -341,6 +345,10 @@ routes:
       handler: "About->humansTxt"
     - url: "/dev"
       handler: "About->dev"
+    - url: "/iapi/getPhotosFromPost/{text}"
+      handler: "InternalAPI->getPhotosFromPost"
+    - url: "/tour"
+      handler: "About->tour"
     - url: "/{?shortCode}"
       handler: "UnknownTextRouteStrategy->delegate"
       placeholders:

Web/static/css/avatar.2.css

@@ -74,3 +74,10 @@ div.ovk-video > div > img
     object-fit: cover;
     border-radius: 100px;
 }
+
+.tippy-content > table > tbody > tr > td:nth-child(1) > img{
+    width: 54px;
+    height: 54px;
+    object-fit: cover;
+    border-radius: 100px;
+}

Web/static/css/style.css

@@ -33,6 +33,10 @@ p {
     margin: 5px 0;
 }
 
+h1 {
+    margin-top: 0;
+}
+
 .layout {
     width: 791px;
     margin: 0 auto;
@@ -136,6 +140,30 @@ p {
     border-top: 1px solid #CCCCCC;
 }
 
+.navigation .link_soon {
+    display: block;
+    padding: 3px 3px 3px 6px;
+    text-decoration: none;
+    border-top: 1px solid #fff;
+    color: #000;
+    border-bottom: 0;
+    border-left: 0;
+    border-right: 0;
+    font-size: 11px;
+    text-align: left;
+    cursor: pointer;
+    background: none;
+    margin-bottom: 1px;
+}
+
+.navigation .link_soon {
+	color: #2B587A63;
+}
+.navigation .link_soon:hover {
+	background:#DAE1E8;
+	border-top:1px solid #CAD1D9
+}
+
 .navigation .edit-button {
     background-color: #fff !important;
     color: gray !important;
@@ -166,6 +194,54 @@ p {
     border-top: 1px solid #CCCCCC;
 }
 
+#backdrop {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    z-index: -100;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center left, center right;
+    pointer-events: none;
+    opacity: .8;
+}
+
+#backdropDripper {
+    width: 800px;
+    height: 100%;
+    margin: auto;
+    background-color: #fff;
+    box-shadow: -30px 0px 20px 20px #fff, -50px 0px 20px 20px hsl(0deg 0% 100% / 59%), -70px 0px 20px 20px hsl(0deg 0% 100% / 43%), -90px 0px 20px 20px hsl(0deg 0% 100% / 35%), -110px 0px 20px 20px hsl(0deg 0% 100% / 28%), -130px 0px 20px 20px hsl(0deg 0% 100% / 16%), 30px 0px 20px 20px #fff, 50px 0px 20px 20px hsl(0deg 0% 100% / 59%), 70px 0px 20px 20px hsl(0deg 0% 100% / 43%), 90px 0px 20px 20px hsl(0deg 0% 100% / 35%), 110px 0px 20px 20px hsl(0deg 0% 100% / 28%), 130px 0px 20px 20px hsl(0deg 0% 100% / 16%);
+}
+
+#backdropEditor {
+    position: relative;
+    border: 4px inset #cfcfcf;
+    padding: 8px;
+    width: 550px;
+    height: 270px;
+    margin: 8px auto;
+    background-image: url("../img/backdrop-editor.gif");
+    background-size: cover;
+}
+
+#backdropFilePicker {
+    position: absolute;
+    top: 140px;
+    padding: 0 19px;
+}
+
+#backdropFilePicker > input {
+    width: 90px;
+}
+
+#backdropFilePicker > #spacer {
+    display: inline-block;
+    width: calc(550px - 16px - 38px - 171px);
+}
+
 .page_body {
     width: 632px;
     float: right;
@@ -484,7 +560,8 @@ input[type=radio] {
 }
 
 input[type=checkbox] {
-    background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw==");
+    background-image: url("data:image/gif;base64,R0lGODlhDwA4ALMAAP//////AP8A//8AAAD//wD/AAAA/wAAADtZd8XKzuHh4crKysHBwba2tv///wAAACH5BAEAAA4ALAAAAAAPADgAAASzcMlJqVsg653X5SDgYeE2luaHdup6rmKLvq5c0rMdjlUvXb6eDoRAkFBF4yqZOBKLi2aJSUNomE1VEoCNkRLJYiLB+oLF5LJmjBinnOO0BncDBi2NvH6/dzQUgIGCgA1+g4cKhX+IgoqMjYaPhJGSjpKJlI+WlZmMm5qdiIp8pHl+paShh0WLj0mtiEywg0kMCbOBTAyUCLlolkkKWJiLZ8PEgGxogZtsY5CwcYOfnqeofREAOw==");
+    width: 15px;
 }
 
 input[type=radio] {
@@ -501,6 +578,11 @@ input[type=radio]:checked {
     background-position: 0 -14px;
 }
 
+input[type=checkbox]:checked:hover,
+input[type=radio]:checked:hover {
+    background-position: 0 -42px;
+}
+
 #auth {
     padding: 10px;
 }
@@ -524,7 +606,7 @@ input[type=radio]:checked {
 }
 
 .content_title_expanded {
-    background-image: url('../img/flex_arrow_open2.png');
+    background-image: url('../img/flex_arrow_open2.png')!important;
     background-repeat: no-repeat;
     background-color: #e6e6e6;
     border-top: #8B8B8B solid 1px;
@@ -538,7 +620,7 @@ input[type=radio]:checked {
 }
 
 .content_title_unexpanded {
-    background-image: url('../img/flex_arrow_shut.gif');
+    background-image: url('../img/flex_arrow_shut.gif')!important;
     background-repeat: no-repeat;
     background-color: #eee;
     border-top: solid 1px #ccc;
@@ -589,6 +671,15 @@ select {
     box-sizing: border-box;
 }
 
+.header2 {
+    border-bottom: 1px solid #E8EBEE;
+    color: #45688E;
+    font-size: 14px;
+    font-weight: bold;
+    margin: 0;
+    font-family: verdana, arial, sans-serif;
+}
+
 h4 {
     border-bottom: 1px solid #E8EBEE;
     color: #45688E;
@@ -1674,11 +1765,6 @@ body.scrolled .toTop:hover {
     color: #58462a;
 }
 
-.knowledgeBaseArticle {
-    margin-top: -11px;
-    /* this is very stupid fix but nah */
-}
-
 .avatar-list {
     padding: 4px 8px;
 }
@@ -2001,6 +2087,7 @@ table td[width="120"] {
 .cookies-popup {
     position: fixed;
     bottom: 0;
+	left: 0;
     width: 100%;
     height: 40px;
     background: linear-gradient(#fff, #eee);
@@ -2215,6 +2302,74 @@ a.poll-retract-vote {
     border-radius: 3px;
 }
 
+/* https://imgur.com/a/ihB3JZ4 */
+
+.ovk-photo-view-dimmer {
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    overflow: auto;
+    padding-bottom: 20px;
+    z-index: 300;
+}
+
+.ovk-photo-view {
+    position: relative;
+    z-index: 999;
+    background: #fff;
+    width: 610px;
+    padding: 20px;
+    padding-top: 15px;
+    padding-bottom: 10px;
+    box-shadow: 0px 0px 3px 1px #222;
+    margin: 15px auto 0 auto;
+}
+
+.ovk-photo-details {
+    overflow: auto;
+}
+
+.photo_com_title {
+	font-weight: bold;
+	padding-bottom: 20px;
+}
+
+.photo_com_title div {
+	float: right;
+	font-weight: normal;
+}
+
+.ovk-photo-slide-left {
+    left: 0;
+    width: 35%;
+    height: 100%;
+    max-height: 60vh;
+    position: absolute;
+    cursor: pointer;
+}
+
+.ovk-photo-slide-right {
+    right: 0;
+    width: 35%;
+    height: 100%;
+    max-height: 60vh;
+    position: absolute;
+    cursor: pointer;
+}
+
+.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;
@@ -2224,3 +2379,29 @@ a.poll-retract-vote {
         opacity: 1;
     }
 }
+
+.regform-left{
+	text-align: right; 
+	min-width: 110px;
+}
+
+.regform-right{
+	min-width: 200px;
+}
+
+
+.tour {
+    background: #F9F6E7;
+    border: 1px solid #BEAD61;
+    padding: 8px 25px;
+    width:205px;
+    text-align:center;
+    color: #000;
+    font-size:12px;
+    margin:10px auto;
+    cursor:hand;cursor:pointer;
+}
+
+.tour div {
+    font-size: 11px; color:#000; 
+}

Web/static/css/tour.css

@@ -0,0 +1,179 @@
+/* OVK CONTENT TOUR CSS */
+
+#tour {
+ background-color: #f7f7F7;
+ padding:0px;
+  overflow : hidden ! important;
+  _height : 1% ! important;
+
+}
+
+.welcome {
+ background-color: #fff;
+ padding: 10px;
+ padding-right:50px;
+ border: 1px solid #ccc;
+}
+
+h4 {  
+  border-bottom: solid 1px #b9c4da;
+  margin: 0px;
+  padding: 0px 0px 4px;
+  font-size: 15px; 
+}
+
+h6 {
+ color: #45668E; 
+ font-size: 13px; 
+ padding-bottom: 3px;
+ height: 32px;
+ width: auto;
+}
+
+h2 {
+ color: #45668E; 
+ font-size: 14px; 
+ padding-bottom: 3px;
+ width: auto;
+ border-bottom: 1px solid #DAE1E8;
+}
+
+.correctIt {
+ font-size: 11px;
+ color: #777;
+ font-weight: normal;
+ float: right;
+}
+
+p.wel {
+  padding-left: 50px; font-size: 11px; 
+  background: #fff;
+}
+
+#auth{
+	background: #f7f7F7;
+}
+
+.wLabel {
+ float:left; width:100px; padding-top:4px;
+ font-weight: bold;
+ color: #777;
+ text-align: right;
+ padding-right: 16px;
+}
+
+p.big {
+ font-size:12px; text-align:center;
+}
+.tour {
+ background: #F9F6E7;
+ border: 1px solid #BEAD61;
+ padding: 8px 25px;
+ width:205px;
+ text-align:center;
+ color: #000;
+ font-size:12px;
+ margin:10px auto;
+ cursor:hand;cursor:pointer;
+}
+.tour div {
+ font-size: 11px; color:#000; 
+}
+a.noUnd:hover  {
+text-decoration:none;
+}
+
+.helpNav {
+ margin: 4px 0px; padding:4px 6px; background:#DAE1E8; border-top:1px solid #B7BEC6; width: 5.3em;
+ font-size:11px; text-decoration: none; color: #2B587A; cursor: hand; cursor: pointer;
+}
+
+.helpNav a {
+ text-decoration: none;
+}
+
+.selled {
+ background-color: #B8C4CF;
+}
+
+* {box-sizing: border-box}
+
+.rightNav {
+ border:0px; width:140px; padding-left: 6px; float:right;
+}
+.rightNav h1 {
+ border:0px; background: #EAEAEA; font-weight:bold; font-size:11px; padding: 4px 5px;
+}
+.rightLinks {
+ margin-bottom:10px;
+}
+.rightLinks div {
+ padding:4px 6px 4px 5px; margin:1px;
+}
+.rightLinks .active {
+ background: #fff; 
+}
+.rightLinks .active a {
+ cursor: default; color: #000; font-weight:bold;
+}
+.rightLinks .active a:hover {
+ cursor: default; text-decoration: none;
+}
+
+.rightLinks img {
+ vertical-align: bottom; margin-right:5px;
+}
+
+/* Style the tab */
+.tab {
+    float: right;
+    width: 140px;
+}
+
+.tab:hover {
+    background: none;
+}
+
+/* Style the buttons inside the tab */
+.tab button {
+    display: block;
+    background-color: inherit;
+    width: 138px;
+	height: 24px;
+    border: none;
+	margin-bottom: 5px;
+    outline: none;
+    text-align: left;
+    cursor: pointer;
+	background: none;
+	font-size: 10px;
+}
+
+/* Create an active/current "tab button" class */
+.tab button.active {
+    background-color: #fff;
+	cursor: default; color: #000; font-weight:bold;
+}
+
+.tab button.hover{
+	background: none;
+}
+
+/* Style the tab content */
+.tabcontent {
+    float: left;
+    padding: 0px 12px;
+	background: #fff;
+    width: 77%;
+}
+.tabcontent img{
+	margin:auto;
+}
+.tabicon{
+	width: 16px;
+	height: 16px;
+	display: inline;
+	margin-right: 1px;
+}
+
+/* OVK CONTENT TOUR CSS */

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>

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>

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>

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>

Web/static/img/icons/1.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg1306" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="48px" width="48px" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs1308">
+  <radialGradient id="radialGradient3976" gradientUnits="userSpaceOnUse" cy="40" cx="23.857" gradientTransform="matrix(1 0 0 .5 0 20)" r="17.143">
+   <stop id="stop4128" offset="0"/>
+   <stop id="stop4130" stop-opacity="0" offset="1"/>
+  </radialGradient>
+  <linearGradient id="linearGradient3980" y2="-8.5627" gradientUnits="userSpaceOnUse" x2="20.065" y1="53.836" x1="43.936">
+   <stop id="stop2481" stop-color="#ffe69b" offset="0"/>
+   <stop id="stop2483" stop-color="#fff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <metadata id="metadata1311">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:creator>
+     <cc:Agent>
+      <dc:title>Rodney Dawes</dc:title>
+     </cc:Agent>
+    </dc:creator>
+    <dc:contributor>
+     <cc:Agent>
+      <dc:title>Jakub Steiner, Garrett LeSage</dc:title>
+     </cc:Agent>
+    </dc:contributor>
+    <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/2.0/"/>
+    <dc:title/>
+   </cc:Work>
+   <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/2.0/">
+    <cc:permits rdf:resource="http://web.resource.org/cc/Reproduction"/>
+    <cc:permits rdf:resource="http://web.resource.org/cc/Distribution"/>
+    <cc:requires rdf:resource="http://web.resource.org/cc/Notice"/>
+    <cc:requires rdf:resource="http://web.resource.org/cc/Attribution"/>
+    <cc:permits rdf:resource="http://web.resource.org/cc/DerivativeWorks"/>
+    <cc:requires rdf:resource="http://web.resource.org/cc/ShareAlike"/>
+   </cc:License>
+  </rdf:RDF>
+ </metadata>
+ <g id="layer2">
+  <path id="path6548" opacity=".6" style="color:#000000" d="m41 40a17.143 8.5714 0 1 1 -34.286 0 17.143 8.5714 0 1 1 34.286 0z" transform="matrix(1.0706 0 0 .525 -.89276 22.5)" display="block" fill="url(#radialGradient3976)"/>
+ </g>
+ <g id="layer1">
+  <g id="g4006">
+   <path id="path1314" d="m46.857 23.929c0 12.9-10.457 23.357-23.357 23.357s-23.357-10.457-23.357-23.357 10.457-23.357 23.357-23.357 23.357 10.457 23.357 23.357z" transform="matrix(.92049 0 0 .92049 2.3685 .97408)" stroke="#204a87" stroke-width="1.0864" fill="#3465a4"/>
+   <path id="path3560" opacity=".34659" d="m49.902 26.635c0 13.25-10.741 23.991-23.991 23.991s-23.991-10.741-23.991-23.991 10.741-23.991 23.991-23.991 23.991 10.741 23.991 23.991z" fill-opacity="0" transform="matrix(.85448 0 0 .85448 1.86 .24062)" stroke="url(#linearGradient3980)" stroke-width="1.1703"/>
+  </g>
+ </g>
+ <g id="layer3" fill="#fff">
+  <path id="path3684" opacity=".25" d="m24 3c-11.046 0-20 8.954-20 20 0 1.6861 0.23214 3.3108 0.625 4.875 3.204 4.7933 13.254-0.12014 20.219-5.5938 8.008-6.2931 17.842 8.3593 19.125 1.4375 0.008-0.239 0.031-0.478 0.031-0.719 0-11.046-8.954-20-20-20z"/>
+  <g id="g13674" transform="translate(2.8959 -3.6973)">
+   <path id="text3246" d="m21.104 13.697c-0.86423 0.01942-1.5754 0.30821-2.1336 0.86638-0.55819 0.55821-0.84699 1.2694-0.86638 2.1336 0.01939 0.86424 0.30819 1.5754 0.86638 2.1336 0.55818 0.55821 1.2694 0.847 2.1336 0.86638 0.86422-0.01938 1.5754-0.30817 2.1336-0.86638 0.55818-0.55817 0.84697-1.2694 0.86638-2.1336-0.01941-0.8642-0.3082-1.5754-0.86638-2.1336-0.5582-0.55817-1.2694-0.84696-2.1336-0.86638z"/>
+   <path id="path13678" d="m15.104 21.697v3h2c0.55228 0 1 0.44772 1 1v9c0 0.55228-0.44772 1-1 1h-2v3h12v-3h-2c-0.55228 0-1-0.44772-1-1v-13h-9z"/>
+  </g>
+ </g>
+</svg>

Web/static/img/icons/10.svg

@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="Office-calendar.svg"
+   sodipodi:docbase="C:\Documents and Settings\AleXander\Desktop"
+   inkscape:version="0.45.1"
+   sodipodi:version="0.32"
+   id="svg1288"
+   height="48px"
+   width="48px"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs3">
+    <linearGradient
+       id="linearGradient2563">
+      <stop
+         id="stop2565"
+         offset="0"
+         style="stop-color:#e2e2e2;stop-opacity:1;" />
+      <stop
+         id="stop2567"
+         offset="1.0000000"
+         style="stop-color:#9f9f9f;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2551"
+       inkscape:collect="always">
+      <stop
+         id="stop2553"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+      <stop
+         id="stop2555"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2526">
+      <stop
+         id="stop2528"
+         offset="0.0000000"
+         style="stop-color:#e7ebeb;stop-opacity:1.0000000;" />
+      <stop
+         style="stop-color:#e6ebeb;stop-opacity:1.0000000;"
+         offset="0.50000000"
+         id="stop2534" />
+      <stop
+         id="stop2530"
+         offset="1.0000000"
+         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(0.000000,0.785718)"
+       gradientUnits="userSpaceOnUse"
+       y2="28.428572"
+       x2="42.214283"
+       y1="14.428571"
+       x1="13.357142"
+       id="linearGradient2532"
+       xlink:href="#linearGradient2526"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.751938,1.196962e-16,7.193799)"
+       r="18.428572"
+       fy="29.000000"
+       fx="26.000000"
+       cy="29.000000"
+       cx="26.000000"
+       id="radialGradient2557"
+       xlink:href="#linearGradient2551"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="translate(0.000000,0.785718)"
+       gradientUnits="userSpaceOnUse"
+       y2="30.785713"
+       x2="42.214284"
+       y1="30.785713"
+       x1="6.7857148"
+       id="linearGradient2569"
+       xlink:href="#linearGradient2563"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="28.428572"
+       x2="42.214283"
+       y1="14.428571"
+       x1="13.357142"
+       gradientTransform="translate(-1.4581733e-8,0.785718)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient2582"
+       xlink:href="#linearGradient2526"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-y="-4"
+     inkscape:window-x="-4"
+     inkscape:window-height="844"
+     inkscape:window-width="1440"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     showgrid="false"
+     inkscape:current-layer="layer1"
+     inkscape:cy="28.918103"
+     inkscape:cx="33.760848"
+     inkscape:zoom="8.3332646"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata4">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Calendar</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:source>http://jimmac.musichall.cz</dc:source>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>calendar</rdf:li>
+            <rdf:li>date</rdf:li>
+            <rdf:li>time</rdf:li>
+            <rdf:li>cal</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Attribution" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     id="layer1">
+    <path
+       transform="matrix(1.092008,0.000000,0.000000,0.536083,-3.549359,20.73933)"
+       d="M 44.428572 29.000000 A 18.428572 13.857142 0 1 1  7.5714283,29.000000 A 18.428572 13.857142 0 1 1  44.428572 29.000000 z"
+       sodipodi:ry="13.857142"
+       sodipodi:rx="18.428572"
+       sodipodi:cy="29.000000"
+       sodipodi:cx="26.000000"
+       id="path2549"
+       style="opacity:1.0000000;color:#000000;fill:url(#radialGradient2557);fill-opacity:1.0000000;fill-rule:evenodd;stroke:none;stroke-width:0.99999964;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       id="path1316"
+       d="M 4.857143,38.428571 C 4.642857,39.428571 5.464286,40.464285 6.821429,40.428571 L 43,40.428571 C 44.285714,40.392857 44.714286,39.214285 44.428572,38.249999 L 36.571429,9.4285713 L 10.571429,9.4285713 L 4.857143,38.428571 z "
+       style="fill:#a7a7a7;fill-opacity:1;fill-rule:evenodd;stroke:#656565;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       id="path2575"
+       d="M 9.1625040,30.806458 L 39.395095,30.806458 C 40.252297,30.806458 40.942392,31.478744 40.942392,32.313825 L 42.269580,37.114760 C 42.269580,37.949841 41.579486,38.622127 40.722283,38.622127 L 8.2777114,38.622127 C 7.4205088,38.622127 6.7304142,37.949841 6.7304142,37.114760 L 7.6152068,32.313825 C 7.6152068,31.478744 8.3053014,30.806458 9.1625040,30.806458 z "
+       style="opacity:0.10857142;color:#000000;fill:#000000;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999958;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans" />
+    <path
+       style="fill:none;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.99999970px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.34463277"
+       d="M 6.0478436,37.805569 C 5.8479823,38.738255 5.6491963,39.385227 6.5227626,39.385227 L 42.837439,39.385227 C 43.753496,39.385227 43.579187,38.645537 43.312705,37.746161 L 35.770172,10.471961 L 11.520336,10.471961 L 6.0478436,37.805569 z "
+       id="path2520"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="opacity:1.0000000;color:#000000;fill:#c5c5c5;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#696969;stroke-width:0.99999964;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans"
+       d="M 9.6418018,29.928574 L 38.929626,29.928574 C 39.760041,29.928574 40.428570,30.579851 40.428570,31.388835 L 41.714284,36.039742 C 41.714284,36.848726 41.045755,37.500003 40.215340,37.500003 L 8.7846589,37.500003 C 7.9542438,37.500003 7.2857146,36.848726 7.2857146,36.039742 L 8.1428575,31.388835 C 8.1428575,30.579851 8.8113867,29.928574 9.6418018,29.928574 z "
+       id="path2518"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       id="rect2225"
+       d="M 9.6418018,27.785717 L 38.929626,27.785717 C 39.760041,27.785717 40.428570,28.436994 40.428570,29.245978 L 41.714284,33.896885 C 41.714284,34.705869 41.045755,35.357146 40.215340,35.357146 L 8.7846589,35.357146 C 7.9542438,35.357146 7.2857146,34.705869 7.2857146,33.896885 L 8.1428575,29.245978 C 8.1428575,28.436994 8.8113867,27.785717 9.6418018,27.785717 z "
+       style="color:#000000;fill:url(#linearGradient2569);fill-opacity:1.0000000;fill-rule:evenodd;stroke:#696969;stroke-width:0.99999964;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible" />
+    <g
+       transform="matrix(0.942549,0,0,0.942549,-0.222619,1.85586)"
+       id="g2578">
+      <path
+         style="fill:url(#linearGradient2582);fill-opacity:1;fill-rule:evenodd;stroke:#696969;stroke-width:1.06095243px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 10.891973,11.500004 L 6.571428,33.21429 C 6.571428,33.21429 32.857143,33.214291 32.857143,33.214291 C 45.441975,33.214291 48.085306,29.21429 48.085306,29.21429 C 48.085306,29.21429 44.728164,28.035719 43.299593,23.071433 C 43.299593,23.071433 40.23864,11.500004 40.23864,11.500004 L 10.891973,11.500004 z "
+         id="path2524"
+         sodipodi:nodetypes="cczczcc" />
+      <path
+         sodipodi:nodetypes="cccczcc"
+         id="path2571"
+         d="M 11.803734,12.474609 L 7.8122567,32.239668 C 7.8122567,32.239668 24.956518,32.239669 32.238382,32.239669 C 43.465021,32.239669 46.348811,29.388804 46.348811,29.388804 C 46.348811,29.388804 43.355751,27.525962 42.055419,23.007305 C 42.055419,23.007305 39.316856,12.546038 39.316856,12.546038 L 11.803734,12.474609 z "
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.06095195px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       id="rect2522"
+       d="M 11.315699,7.4285707 L 36.494515,7.4285707 C 37.367632,7.4285707 38.070539,8.0973414 38.070539,8.9280566 L 38.427682,11.071942 C 38.427682,11.902657 37.724775,12.571428 36.851658,12.571428 L 10.958556,12.571428 C 10.085439,12.571428 9.382532,11.902657 9.382532,11.071942 L 9.739675,8.9280566 C 9.739675,8.0973414 10.442582,7.4285707 11.315699,7.4285707 z "
+       style="color:#000000;fill:#18a72b;fill-opacity:1;fill-rule:evenodd;stroke:#3a553c;stroke-width:0.99999952;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       transform="matrix(0.684211,0.000000,0.000000,0.684211,3.560154,2.278197)"
+       d="M 12.857143 9.9285717 A 1.3571428 1.3571428 0 1 1  10.142857,9.9285717 A 1.3571428 1.3571428 0 1 1  12.857143 9.9285717 z"
+       sodipodi:ry="1.3571428"
+       sodipodi:rx="1.3571428"
+       sodipodi:cy="9.9285717"
+       sodipodi:cx="11.500000"
+       id="path2559"
+       style="opacity:0.52571428;color:#000000;fill:#fefefe;fill-opacity:1.0000000;fill-rule:evenodd;stroke:none;stroke-width:0.99999964;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2561"
+       d="M 13.042053,8.6010151 L 36.371309,8.6010151"
+       style="opacity:0.30285713;fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.0000001px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1.0000000" />
+    <path
+       style="fill:#a7a7a7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.76243556px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 13.572528,15.756255 L 13.139995,18.005424 L 16.196558,18.005424 L 16.456078,15.756255 L 13.572528,15.756255 z M 17.638333,15.756255 L 17.378814,18.005424 L 21.732974,18.005424 L 21.85485,15.756255 L 17.638333,15.756255 z M 22.730284,15.756255 L 22.557271,18.005424 L 26.328187,18.005424 L 26.068668,15.756255 L 22.730284,15.756255 z M 26.812992,15.756255 L 27.101347,18.005424 L 30.446265,18.005424 L 29.927226,15.756255 L 26.812992,15.756255 z M 31.109481,15.756255 L 31.62852,18.005424 L 35.031109,18.005424 C 34.761227,17.069337 34.367893,15.756255 34.367893,15.756255 L 31.109481,15.756255 z M 12.995818,18.841653 L 12.447943,21.754039 L 15.73519,21.754039 L 16.081216,18.841653 L 12.995818,18.841653 z M 17.292307,18.841653 L 16.946281,21.754039 L 21.473455,21.754039 L 21.675303,18.841653 L 17.292307,18.841653 z M 22.4996,18.841653 L 22.297751,21.754039 L 26.818391,21.754039 L 26.443529,18.841653 L 22.4996,18.841653 z M 27.216689,18.841653 L 27.59155,21.754039 L 31.253659,21.754039 L 30.619278,18.841653 L 27.216689,18.841653 z M 31.801533,18.841653 L 32.46475,21.754039 L 36.098023,21.754039 C 35.840722,20.874771 35.6657,20.242602 35.261793,18.841653 L 31.801533,18.841653 z M 12.27493,22.590268 L 11.727056,25.531489 C 12.692202,25.541472 14.135511,25.552532 15.302658,25.560325 L 15.648684,22.590268 L 12.27493,22.590268 z M 16.830939,22.590268 L 16.484913,25.560325 C 18.083766,25.569721 19.443065,25.582629 21.1851,25.58916 L 21.415784,22.590268 L 16.830939,22.590268 z M 22.211245,22.590268 L 22.009396,25.617996 C 23.807368,25.622683 25.555757,25.598331 27.308594,25.58916 L 26.933733,22.590268 L 22.211245,22.590268 z M 27.706892,22.590268 L 28.081754,25.58916 C 29.510362,25.578525 30.82974,25.551766 32.118724,25.531489 L 31.455507,22.590268 L 27.706892,22.590268 z M 32.637763,22.590268 L 33.300979,25.531489 C 34.902947,25.499889 36.297192,25.44944 37.366785,25.387312 C 37.099732,24.799839 36.824019,24.149448 36.588226,23.397662 C 36.588226,23.397662 36.396815,22.724179 36.357542,22.590268 L 32.637763,22.590268 z M 37.828153,26.367719 C 37.623111,26.374735 37.466963,26.390012 37.251443,26.396554 C 36.906914,26.468331 35.445788,26.492612 33.531663,26.511896 L 34.281386,29.856814 C 38.540437,29.392568 39.183421,28.415039 39.183421,28.415039 C 39.183421,28.41504 38.55028,27.712069 37.828153,26.367719 z M 11.554043,26.396554 L 10.861991,30.029827 C 10.861991,30.029827 13.545705,30.026365 14.783619,30.029827 L 15.187316,26.42539 C 13.982562,26.414763 12.332649,26.406454 11.554043,26.396554 z M 16.398407,26.454225 L 15.965874,30.058663 C 17.830575,30.063939 18.425137,30.051216 20.867909,30.058663 L 21.127429,26.483061 C 19.377943,26.467201 18.076533,26.468423 16.398407,26.454225 z M 21.92289,26.511896 L 21.66337,30.058663 C 24.648955,30.067766 26.570898,30.082616 27.731893,30.087498 L 27.423936,26.540732 C 25.58264,26.53404 23.872128,26.528198 21.92289,26.511896 z M 32.320572,26.511896 C 31.019299,26.519528 29.755218,26.544061 28.197096,26.540732 L 28.658464,30.087498 C 28.679554,30.08759 29.062161,30.087498 29.062161,30.087498 C 30.677769,30.087498 31.799461,30.030747 32.94572,29.943321 L 32.320572,26.511896 z "
+       id="path3160"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>

Web/static/img/icons/11.svg

@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
+  <defs>
+    <path id="p" fill="#fff" d="M8.8749989 37.75a1.2499999 1.2499999 0 1 1-2.4999997 0 1.2499999 1.2499999 0 1 1 2.4999997 0z" opacity=".52777782" overflow="visible" style="marker:none"/>
+  </defs>
+  <defs>
+    <linearGradient id="d">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="f">
+      <stop offset="0" stop-color="#729fcf"/>
+      <stop offset="1" stop-color="#2b5582"/>
+    </linearGradient>
+    <linearGradient id="h">
+      <stop offset="0" stop-color="#729fcf"/>
+      <stop offset="1" stop-color="#3c74b1"/>
+    </linearGradient>
+    <linearGradient id="e">
+      <stop offset="0" stop-color="#f2f2f2"/>
+      <stop offset="1" stop-color="#c3c3c3"/>
+    </linearGradient>
+    <linearGradient id="g">
+      <stop offset="0" stop-color="#aeaeae"/>
+      <stop offset="1" stop-color="#c4c4c4" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="c">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="j">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="i">
+      <stop offset="0" stop-color="#696969"/>
+      <stop offset="1"/>
+    </linearGradient>
+    <linearGradient id="b">
+      <stop offset="0" stop-color="#6e3d09"/>
+      <stop offset=".24242425" stop-color="#ea8113"/>
+      <stop offset=".62121212" stop-color="#5c3307"/>
+      <stop offset="1" stop-color="#e07c12"/>
+    </linearGradient>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#bdbdbd"/>
+      <stop offset=".33333334" stop-color="#e2e2e2"/>
+      <stop offset=".66666669" stop-color="#a3a3a3"/>
+      <stop offset="1" stop-color="#ddd"/>
+    </linearGradient>
+    <linearGradient xlink:href="#a" id="m" x1="19.394735" x2="23.109331" y1="30.001331" y2="33.438831" gradientTransform="translate(-3.90695 -1.802856)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#b" id="l" x1="28.058632" x2="33.436985" y1="18.867767" y2="23.742767" gradientTransform="translate(-3.90695 -1.802856)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#c" id="q" x1="13.236155" x2="7.7521091" y1="37.752247" y2="42.282146" gradientTransform="translate(-1.675107 3.753977) scale(.8523)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#d" id="w" x1="48.25" x2="48.25" y1="54.75" y2="71.25" gradientTransform="translate(-1.897103 -20.68606) scale(.71891)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#e" id="v" x1="60.168766" x2="60.440994" y1="40.119797" y2="43.869797" gradientTransform="matrix(.7373 0 0 .77085 -8.532023 7.121636)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#f" id="u" x1="49.853037" x2="62.768221" y1="64.259623" y2="64.259623" gradientTransform="translate(-1.897103 -22.42481) scale(.71891)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#g" id="t" x1="61.871845" x2="61.871845" y1="29.615223" y2="41.459263" gradientTransform="matrix(.88862 0 0 .71891 -18.29768 9.471728)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#e" id="s" x1="53.168766" x2="69.690994" y1="24.244797" y2="24.244797" gradientTransform="matrix(.71944 0 0 .71891 -7.696252 9.471728)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#h" id="r" x1="52.717936" x2="67.465988" y1="2.3161638" y2="2.3161638" gradientTransform="matrix(.86248 0 0 .58072 -16.25697 11.01348)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#i" id="o" cx="15.415101" cy="35.356506" r="7.5791561" fx="15.415101" fy="35.356506" gradientTransform="matrix(.99465 0 0 .96932 -4.583017 .165919)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#j" id="n" cx="26.78167" cy="42.343147" r="14.407301" fx="26.78167" fy="42.343147" gradientTransform="matrix(1 0 0 .2822 0 30.39355)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#j" id="k" cx="26.78167" cy="42.343147" r="14.407301" fx="26.78167" fy="42.343147" gradientTransform="matrix(1 0 0 .2822 0 30.39355)" gradientUnits="userSpaceOnUse"/>
+  </defs>
+  <g color="#000">
+    <path fill="url(#k)" d="M41.188971 42.343147a14.407301 4.0658641 0 1 1-28.814602 0 14.407301 4.0658641 0 1 1 28.814602 0z" opacity=".3" overflow="visible" style="marker:none" transform="matrix(1.06922 0 0 1.12298 5.769028 -7.11616)"/>
+    <path fill="url(#l)" stroke="#673907" stroke-linecap="round" d="m19.651682 22.586735 4.065864 3.800698c7.187499-7.062499 17.78306-23.9772875 17.78306-23.9772875.42949-1.2244462-1.087245-1.99589286-1.846352-1.170495 0 0-13.690073 14.0970855-20.002572 21.3470845z" overflow="visible" style="marker:none"/>
+    <path fill="url(#m)" stroke="#888a85" stroke-linecap="round" d="m12.050285 32.813894 2.24632 1.93382 8.492766-7.367031.275061-.705828 1.094405-.017815c-.4375-1.5625-2.941514-4.383455-4.816514-4.383455l.082019 1.090075-.669991.380027-6.704066 9.070207z" overflow="visible" style="marker:none"/>
+    <path fill="url(#n)" d="M41.188971 42.343147a14.407301 4.0658641 0 1 1-28.814602 0 14.407301 4.0658641 0 1 1 28.814602 0z" opacity=".3" overflow="visible" style="marker:none" transform="matrix(1.33837 0 0 1 -20.9264 -3.409011)"/>
+    <path fill="url(#o)" d="M1.757709 40.723915c6.6053126 0 11.618187.786601 12.567225-4.019073.764793-3.872709-4.5603244-5.72836-7.1991314-2.271051C4.583799 37.76427 1.757709 40.723915 1.757709 40.723915z" overflow="visible" style="marker:none"/>
+    <use xlink:href="#p" opacity=".52777782" overflow="visible" style="marker:none" transform="translate(3.733554 2.575604) scale(.8523)"/>
+    <use xlink:href="#p" overflow="visible" style="marker:none" transform="translate(14.26538 -4.723366) scale(.78787)"/>
+    <path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="m18.941438 26.398154-5.303301 6.14299" overflow="visible" style="marker:none"/>
+    <path fill="url(#q)" d="M3.0708872 40.068976s3.3411114-1.641821 4.7648284-4.086829c.503707-.865037 1.644373-.126836.941666.734499-1.517828 1.860458-5.7064944 3.35233-5.7064944 3.35233z" opacity=".42777776" overflow="visible" style="marker:none"/>
+    <use xlink:href="#p" opacity=".53333327" overflow="visible" style="marker:none" transform="translate(38.43389 -7.101028) scale(.23787)"/>
+    <path fill="url(#r)" stroke="#204a87" stroke-linecap="round" stroke-width=".99999982" d="M35.12694 7.3500759c-3.057856.0872889-5.484389 1.0560825-5.484389 2.2243336v3.5701185c0 1.225706 2.670932 2.224333 5.94142 2.224333 3.270486 0 5.916029-.998627 5.916029-2.224333V9.5744095c0-1.2257062-2.645543-2.2243336-5.916029-2.2243336-.153305 0-.306646-.0042933-.457031 0z" overflow="visible" style="marker:none"/>
+    <path fill="#3465a4" d="M57.375 49.75a5.375 1.5 0 1 1-10.75 0 5.375 1.5 0 1 1 10.75 0z" overflow="visible" style="marker:none" transform="matrix(.88628 0 0 .46891 -10.44392 -9.718859)"/>
+    <path fill="url(#s)" stroke="#5a5a5a" stroke-linecap="round" stroke-width="1.00000036" d="m27.926447 39.155467 1.047009-21.349435 2.486646-3.663512c1.971292-.635437 6.726427-.635437 8.506948 0l2.486647 3.031873L45.07122 39.66078l-17.144773-.505313z" overflow="visible" style="marker:none"/>
+    <path fill="url(#t)" d="M28.828495 38.896108s2.590673-9.531543 7.540188-9.531543c5.106601 0 8.168535 9.912805 8.168535 9.912805l-15.708723-.381262z" overflow="visible" style="marker:none"/>
+    <path fill="url(#u)" d="m29.180138 20.498708-.295913 6.474742c1.662489-1.078371 11.992511-1.264486 14.343625.387648l-.701548-6.597313c-1.39796-.953154-10.582838-1.478245-13.346164-.265077z" overflow="visible" style="marker:none"/>
+    <path fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.00000012" d="m29.048762 38.222096.877497-20.194312 1.839967-3.032835c1.818556-.592175 6.205258-.592175 7.847823 0l1.960481 2.532586L44.026754 38.7759l-14.977992-.553804z" opacity=".5944443" overflow="visible" style="marker:none"/>
+    <rect width="19.974413" height="3.9277525" x="26.512789" y="37.536133" fill="url(#v)" stroke="#5a5a5a" stroke-linecap="round" stroke-width="1.0000006" overflow="visible" rx=".88388413" ry=".88388366" style="marker:none"/>
+    <path fill="#fff" d="M29.395219 17.996451c1.874537-1.366188 9.097934-1.655174 12.71992-.606704l-2.337406-2.885623c-2.478201-.667208-5.924347-.375766-8.275461.06904l-2.107053 3.423287z" overflow="visible" style="marker:none"/>
+    <path fill="url(#w)" d="M31.172941 17.416382v15.456651l3.235113-3.59457-.359457-12.580995-2.875656.718914z" opacity=".86111109" overflow="visible" style="marker:none"/>
+    <g fill="#e6e7e6" opacity=".57777778">
+      <path d="M31.009391 9.3809738v3.2400352s.611189-.347686.990609-.361321V9c-.481572.0694626-.990609.3809738-.990609.3809738z" opacity=".41111111" overflow="visible" style="marker:none"/>
+      <path d="M33.009391 8.7599648V12s.611189-.082521.990609-.096156V8.5889133c-.511601.0258046-.990609.1710515-.990609.1710515z" overflow="visible" style="marker:none"/>
+      <path d="M35.009391 8.561091v3.295278s.555946-.005182.990609.014329V8.5336706c-.500552-.0515352-.990609.0274204-.990609.0274204z" opacity=".44444444" overflow="visible" style="marker:none"/>
+    </g>
+  </g>
+</svg>

Web/static/img/icons/12.svg

@@ -0,0 +1,882 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:export-ydpi="90.000000"
+   inkscape:export-xdpi="90.000000"
+   inkscape:export-filename="/home/jimmac/Desktop/wi-fi.png"
+   width="48px"
+   height="48px"
+   id="svg11300"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/apps"
+   sodipodi:docname="preferences-desktop-theme.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs3">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 24 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="48 : 24 : 1"
+       inkscape:persp3d-origin="24 : 16 : 1"
+       id="perspective135" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient5031"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-2.774389,0,0,1.969706,112.7623,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5060">
+      <stop
+         style="stop-color:black;stop-opacity:1;"
+         offset="0"
+         id="stop5062" />
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="1"
+         id="stop5064" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient5029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1891.633,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+    <linearGradient
+       id="linearGradient5048">
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="0"
+         id="stop5050" />
+      <stop
+         id="stop5056"
+         offset="0.5"
+         style="stop-color:black;stop-opacity:1;" />
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="1"
+         id="stop5052" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5048"
+       id="linearGradient5027"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1892.179,-872.8854)"
+       x1="302.85715"
+       y1="366.64789"
+       x2="302.85715"
+       y2="609.50507" />
+    <linearGradient
+       id="linearGradient4649">
+      <stop
+         id="stop4651"
+         offset="0"
+         style="stop-color:#80837d;stop-opacity:1;" />
+      <stop
+         id="stop4653"
+         offset="1"
+         style="stop-color:#4c4d4a;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4639">
+      <stop
+         style="stop-color:#555753;stop-opacity:1;"
+         offset="0"
+         id="stop4641" />
+      <stop
+         style="stop-color:#7c7f79;stop-opacity:1;"
+         offset="1"
+         id="stop4643" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4633">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4635" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4637" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4596">
+      <stop
+         style="stop-color:#75507b;stop-opacity:1;"
+         offset="0"
+         id="stop4598" />
+      <stop
+         style="stop-color:#543958;stop-opacity:1;"
+         offset="1"
+         id="stop4600" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4586">
+      <stop
+         style="stop-color:#204a87;stop-opacity:1;"
+         offset="0"
+         id="stop4588" />
+      <stop
+         style="stop-color:#142e55;stop-opacity:1;"
+         offset="1"
+         id="stop4590" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3697">
+      <stop
+         style="stop-color:#c8d5e6;stop-opacity:1;"
+         offset="0"
+         id="stop3699" />
+      <stop
+         style="stop-color:#427ebf;stop-opacity:1;"
+         offset="1"
+         id="stop3701" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3689">
+      <stop
+         id="stop3691"
+         offset="0"
+         style="stop-color:#5079ad;stop-opacity:1;" />
+      <stop
+         id="stop3693"
+         offset="1"
+         style="stop-color:#729fcf" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3568">
+      <stop
+         style="stop-color:#d6d6d6;stop-opacity:1;"
+         offset="0"
+         id="stop3570" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1;"
+         offset="1"
+         id="stop3572" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3560">
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1;"
+         offset="0"
+         id="stop3562" />
+      <stop
+         style="stop-color:#c9c9c9;stop-opacity:1;"
+         offset="1"
+         id="stop3564" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3550">
+      <stop
+         id="stop3552"
+         offset="0"
+         style="stop-color:#8b8b8b;stop-opacity:1;" />
+      <stop
+         id="stop3554"
+         offset="1"
+         style="stop-color:#a9a9a9;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3536">
+      <stop
+         style="stop-color:#b0b0b0;stop-opacity:1;"
+         offset="0"
+         id="stop3538" />
+      <stop
+         style="stop-color:#757575;stop-opacity:1;"
+         offset="1"
+         id="stop3540" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3528">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop3530" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop3532" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3518">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3520" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop3522" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3508">
+      <stop
+         style="stop-color:#b0b0b0;stop-opacity:1;"
+         offset="0"
+         id="stop3510" />
+      <stop
+         style="stop-color:#939393;stop-opacity:1;"
+         offset="1"
+         id="stop3512" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3508"
+       id="linearGradient3514"
+       x1="16.940231"
+       y1="27.853085"
+       x2="16.940231"
+       y2="24.135145"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.121319,3.005205)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3518"
+       id="linearGradient3524"
+       x1="17.456696"
+       y1="37.661667"
+       x2="17.456696"
+       y2="27.231844"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.121319,3.005205)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3528"
+       id="radialGradient3534"
+       cx="17.014757"
+       cy="39.249554"
+       fx="17.014757"
+       fy="39.249554"
+       r="9.5017471"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.502326,-2.992397e-15,19.53350)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3536"
+       id="radialGradient3542"
+       cx="18.163805"
+       cy="22.531874"
+       fx="18.163805"
+       fy="22.531874"
+       r="2.8422911"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.860061,0.000000,3.253760)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3550"
+       id="radialGradient3548"
+       cx="17.097467"
+       cy="19.777185"
+       fx="17.097467"
+       fy="19.777185"
+       r="4.5473714"
+       gradientTransform="matrix(1.208333,0.000000,0.000000,0.636493,-5.683292,8.681835)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3560"
+       id="radialGradient3566"
+       cx="12.91097"
+       cy="13.001998"
+       fx="12.91097"
+       fy="13.001998"
+       r="7.4889511"
+       gradientTransform="matrix(1.802725,2.307502e-23,-2.636931e-23,1.503342,-12.48525,-2.659143)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3568"
+       id="linearGradient3574"
+       x1="14.883313"
+       y1="27.847456"
+       x2="13.400961"
+       y2="20.069281"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.121319,3.005205)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3550"
+       id="radialGradient3610"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.208333,0.000000,0.000000,0.636493,-5.683292,8.681835)"
+       cx="17.097467"
+       cy="19.777185"
+       fx="17.097467"
+       fy="19.777185"
+       r="4.5473714" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3560"
+       id="radialGradient3612"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.802725,2.307502e-23,-2.636931e-23,1.503342,-12.48525,-2.659143)"
+       cx="12.91097"
+       cy="13.001998"
+       fx="12.91097"
+       fy="13.001998"
+       r="7.4889511" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3518"
+       id="linearGradient3616"
+       gradientUnits="userSpaceOnUse"
+       x1="17.456696"
+       y1="37.661667"
+       x2="17.456696"
+       y2="27.231844"
+       gradientTransform="translate(-2.121319,3.005205)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3568"
+       id="linearGradient3620"
+       gradientUnits="userSpaceOnUse"
+       x1="14.883313"
+       y1="27.847456"
+       x2="13.400961"
+       y2="20.069281"
+       gradientTransform="translate(-2.121319,3.005205)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3528"
+       id="radialGradient3661"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.502326,5.762756e-15,19.53350)"
+       cx="17.014757"
+       cy="39.249554"
+       fx="17.014757"
+       fy="39.249554"
+       r="9.5017471" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3568"
+       id="linearGradient3663"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(15.99833,-9.914664)"
+       x1="14.883313"
+       y1="27.847456"
+       x2="13.400961"
+       y2="20.069281" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3508"
+       id="linearGradient3665"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(15.99833,-9.914664)"
+       x1="16.940231"
+       y1="27.853085"
+       x2="16.940231"
+       y2="24.135145" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3518"
+       id="linearGradient3667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(15.99833,-9.914664)"
+       x1="17.456696"
+       y1="37.661667"
+       x2="17.456696"
+       y2="27.231844" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3536"
+       id="radialGradient3669"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.860061,0.000000,3.253760)"
+       cx="18.163805"
+       cy="22.531874"
+       fx="18.163805"
+       fy="22.531874"
+       r="2.8422911" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3560"
+       id="radialGradient3671"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.802725,2.307502e-23,-2.636931e-23,1.503342,5.634344,-15.57903)"
+       cx="12.91097"
+       cy="13.001998"
+       fx="12.91097"
+       fy="13.001998"
+       r="7.4889511" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3550"
+       id="radialGradient3673"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.208333,0.000000,0.000000,0.636493,12.43635,-4.238032)"
+       cx="17.097467"
+       cy="19.777185"
+       fx="17.097467"
+       fy="19.777185"
+       r="4.5473714" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3528"
+       id="radialGradient3675"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.502326,5.762756e-15,19.53350)"
+       cx="17.014757"
+       cy="39.249554"
+       fx="17.014757"
+       fy="39.249554"
+       r="9.5017471" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3689"
+       id="linearGradient3677"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(15.99833,-9.914664)"
+       x1="14.883313"
+       y1="27.847456"
+       x2="13.400961"
+       y2="20.069281" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3518"
+       id="linearGradient3681"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(15.99833,-9.914664)"
+       x1="17.456696"
+       y1="37.661667"
+       x2="17.456696"
+       y2="27.231844" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3697"
+       id="radialGradient3705"
+       cx="27.8486"
+       cy="4.607163"
+       fx="27.8486"
+       fy="4.607163"
+       r="7.4889512"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.833928,2.121324,0.655729)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4586"
+       id="radialGradient4594"
+       cx="30.974438"
+       cy="12.172572"
+       fx="30.974438"
+       fy="12.172572"
+       r="4.890574"
+       gradientTransform="matrix(2.132075,-4.734158e-15,2.267378e-15,1.021136,-32.94404,-3.689447)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4596"
+       id="radialGradient4602"
+       cx="18.163805"
+       cy="22.429104"
+       fx="18.163805"
+       fy="22.429104"
+       r="2.8422911"
+       gradientTransform="matrix(1.870990,-2.499894e-15,2.150062e-15,1.609166,-15.82050,-13.54799)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4633"
+       id="linearGradient4619"
+       x1="31.643028"
+       y1="13.616933"
+       x2="31.643028"
+       y2="9.6384754"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(2.121324,-0.883885)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4633"
+       id="linearGradient4621"
+       x1="31.643028"
+       y1="13.616933"
+       x2="31.643028"
+       y2="9.6384754"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(2.121324,-0.883885)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4639"
+       id="linearGradient4645"
+       x1="15.335379"
+       y1="28.377787"
+       x2="15.335379"
+       y2="34.388195"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4649"
+       id="radialGradient4647"
+       cx="18.163805"
+       cy="22.223564"
+       fx="18.163805"
+       fy="22.223564"
+       r="2.8422911"
+       gradientTransform="matrix(1.000000,0.000000,0.000000,0.860061,0.000000,3.253760)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5048"
+       id="linearGradient6715"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1892.179,-872.8854)"
+       x1="302.85715"
+       y1="366.64789"
+       x2="302.85715"
+       y2="609.50507" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient6717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1891.633,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient6719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-2.774389,0,0,1.969706,112.7623,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+  </defs>
+  <sodipodi:namedview
+     stroke="#2e3436"
+     fill="#555753"
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="0.25490196"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="-124.63746"
+     inkscape:cy="8.081426"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="872"
+     inkscape:window-height="703"
+     inkscape:window-x="234"
+     inkscape:window-y="145" />
+  <metadata
+     id="metadata4">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:source>http://jimmac.musichall.cz</dc:source>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:title>Themes</dc:title>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>skin</rdf:li>
+            <rdf:li>color</rdf:li>
+            <rdf:li>theme</rdf:li>
+            <rdf:li>customize</rdf:li>
+            <rdf:li>flavor</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="blue shirt">
+    <g
+       transform="matrix(1.518738e-2,0,0,2.086758e-2,45.6332,27.4036)"
+       id="g6707">
+      <rect
+         style="opacity:0.40206185;color:black;fill:url(#linearGradient6715);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         id="rect6709"
+         width="1339.6335"
+         height="478.35718"
+         x="-1559.2523"
+         y="-150.69685" />
+      <path
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient6717);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         d="M -219.61876,-150.68038 C -219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 C -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 C 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038 z "
+         id="path6711"
+         sodipodi:nodetypes="cccc" />
+      <path
+         sodipodi:nodetypes="cccc"
+         id="path6713"
+         d="M -1559.2523,-150.68038 C -1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 C -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 C -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038 z "
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient6719);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    </g>
+    <path
+       style="color:#000000;fill:url(#linearGradient3663);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 31.205998,5.2048743 L 34.908493,5.2048743 C 39.19495,5.2048743 44.455603,6.5223903 44.455603,7.0610293 L 44.455603,29.688444 C 44.455603,30.227083 44.018726,30.660716 43.476057,30.660716 L 22.638435,30.660716 C 22.095767,30.660716 21.658889,30.227083 21.658889,29.688444 L 21.658889,7.0610293 C 21.658889,6.5223903 26.830568,5.2048743 31.205998,5.2048743 z "
+       id="path3627"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       id="path3629"
+       d="M 31.363447,6.0663853 L 34.751056,6.0663853 C 38.672963,6.0663853 43.486213,7.5879023 43.486213,7.5879023 L 43.486213,29.657422 C 43.486213,29.657422 22.628291,29.657422 22.628291,29.657422 L 22.628291,7.5879023 C 22.628291,7.5879023 27.360135,6.0663853 31.363447,6.0663853 z "
+       style="opacity:0.61988304;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       style="opacity:1;color:#000000;fill:url(#linearGradient3665);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 33.410797,10.508173 L 30.405594,17.314076 L 30.405594,29.600057 L 33.587574,32.428484 L 36.50439,29.600057 L 36.50439,17.1373 L 33.410797,10.508173 z "
+       id="path3631" />
+    <path
+       id="path3633"
+       d="M 33.422901,13.510439 L 31.417678,17.921699 L 31.417678,28.969769 L 33.551254,31.023416 L 35.492301,28.969769 L 35.492301,17.793346 L 33.422901,13.510439 z "
+       style="opacity:0.46783627;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient3667);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:1;color:#000000;fill:url(#radialGradient3669);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       id="path3635"
+       sodipodi:cx="18.163805"
+       sodipodi:cy="23.251263"
+       sodipodi:rx="2.3422911"
+       sodipodi:ry="1.9445436"
+       d="M 20.506096 23.251263 A 2.3422911 1.9445436 0 1 1  15.821514,23.251263 A 2.3422911 1.9445436 0 1 1  20.506096 23.251263 z"
+       transform="translate(15.11444,-11.15211)" />
+    <path
+       style="opacity:1;color:#000000;fill:url(#radialGradient3671);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 33.057245,10.331398 L 28.019109,14.132097 C 28.019109,14.132097 26.162954,8.5652093 26.162954,6.0887583 C 26.162955,3.6138843 27.48878,2.6416133 28.902993,2.6416133 C 28.902993,2.6416133 37.299886,2.6416133 37.299886,2.6416133 C 38.256463,2.6416133 39.929439,3.0393603 40.128313,5.9119823 C 40.327187,8.7846031 38.095381,14.132097 38.095381,14.132097 L 33.057245,10.331398 z "
+       id="path3637"
+       sodipodi:nodetypes="cczcczcc" />
+    <path
+       style="opacity:1;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 29.915116,5.0280943 C 29.915116,5.0280943 28.099472,5.5160723 28.41988,6.6872173 C 28.740287,7.8583633 31.196747,9.7126756 31.196747,9.7126756 L 35.789258,9.7126756 C 35.789258,9.7126756 37.898608,8.1511493 38.138915,6.9800043 C 38.379221,5.8088583 36.750481,5.0280943 36.750481,5.0280943 L 29.915116,5.0280943 z "
+       id="path3639"
+       sodipodi:nodetypes="csccscc" />
+    <path
+       sodipodi:nodetypes="csccscc"
+       id="path3641"
+       d="M 29.73834,4.0558263 C 29.73834,4.0558263 27.922696,4.5438043 28.243104,5.7149493 C 28.563511,6.8860953 31.019971,8.7404084 31.019971,8.7404084 L 35.612482,8.7404084 C 35.612482,8.7404084 37.721832,7.1788813 37.962139,6.0077363 C 38.202445,4.8365903 36.573705,4.0558263 36.573705,4.0558263 L 29.73834,4.0558263 z "
+       style="opacity:1;color:#000000;fill:url(#radialGradient3673);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       id="path3645"
+       d="M 31.205998,5.2048743 L 34.908493,5.2048743 C 39.19495,5.2048743 44.455603,6.5223903 44.455603,7.0610293 L 44.455603,29.688444 C 44.455603,30.227083 44.018726,30.660716 43.476057,30.660716 L 22.638435,30.660716 C 22.095767,30.660716 21.658889,30.227083 21.658889,29.688444 L 21.658889,7.0610293 C 21.658889,6.5223903 26.830568,5.2048743 31.205998,5.2048743 z "
+       style="color:#000000;fill:url(#linearGradient3677);fill-opacity:1;fill-rule:evenodd;stroke:#3465a4;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       style="opacity:0.26315792;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 31.363447,6.0663853 L 34.751056,6.0663853 C 38.672963,6.0663853 43.486213,7.5879023 43.486213,7.5879023 L 43.486213,29.657422 C 43.486213,29.657422 22.628291,29.657422 22.628291,29.657422 L 22.628291,7.5879023 C 22.628291,7.5879023 27.360135,6.0663853 31.363447,6.0663853 z "
+       id="path3647"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       id="path3649"
+       d="M 33.410797,10.508173 C 33.410797,10.508173 30.405594,15.439076 30.405594,17.314076 L 30.405594,29.600057 L 33.587574,32.428484 L 36.50439,29.600057 L 36.50439,17.1373 C 36.50439,15.3873 33.410797,10.508173 33.410797,10.508173 z "
+       style="opacity:1;color:#000000;fill:#75507b;fill-opacity:1;fill-rule:evenodd;stroke:#5c3566;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       style="opacity:0.25146197;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient3681);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 33.422901,13.510439 L 31.417678,17.921699 L 31.417678,28.969769 L 33.551254,31.023416 L 35.492301,28.969769 L 35.492301,17.793346 L 33.422901,13.510439 z "
+       id="path3651" />
+    <path
+       transform="translate(15.11444,-11.15211)"
+       d="M 20.506096 23.251263 A 2.3422911 1.9445436 0 1 1  15.821514,23.251263 A 2.3422911 1.9445436 0 1 1  20.506096 23.251263 z"
+       sodipodi:ry="1.9445436"
+       sodipodi:rx="2.3422911"
+       sodipodi:cy="23.251263"
+       sodipodi:cx="18.163805"
+       id="path3653"
+       style="opacity:1;color:#000000;fill:url(#radialGradient4602);fill-opacity:1;fill-rule:evenodd;stroke:#5c3566;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:nodetypes="cczcczcc"
+       id="path3655"
+       d="M 33.057245,10.331398 L 28.019109,14.132097 C 28.019109,14.132097 26.162954,8.5652093 26.162954,6.0887583 C 26.162955,3.6138843 27.48878,2.6416133 28.902993,2.6416133 C 28.902993,2.6416133 37.299886,2.6416133 37.299886,2.6416133 C 38.256463,2.6416133 39.929439,3.0393603 40.128313,5.9119823 C 40.327187,8.7846031 38.095381,14.132097 38.095381,14.132097 L 33.057245,10.331398 z "
+       style="opacity:1;color:#000000;fill:url(#radialGradient3705);fill-opacity:1;fill-rule:evenodd;stroke:#3465a4;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       sodipodi:nodetypes="csccscc"
+       id="path3657"
+       d="M 29.915116,5.0280943 C 29.915116,5.0280943 28.099472,5.5160723 28.41988,6.6872173 C 28.740287,7.8583633 30.696747,9.7126756 31.196747,9.7126756 L 35.789258,9.7126756 C 36.539258,9.6501756 37.898608,8.1511493 38.138915,6.9800043 C 38.379221,5.8088583 36.750481,5.0280943 36.750481,5.0280943 L 29.915116,5.0280943 z "
+       style="opacity:0.33333333;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       style="opacity:1;color:#000000;fill:url(#radialGradient4594);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 29.73834,4.0558263 C 29.23834,4.0558263 27.922696,4.5438043 28.243104,5.7149493 C 28.563511,6.8860953 30.142741,8.7404084 31.019971,8.7404084 L 35.612482,8.7404084 C 36.302817,8.7404084 37.721832,7.1788813 37.962139,6.0077363 C 38.202445,4.8365903 37.073705,4.0558263 36.573705,4.0558263 L 29.73834,4.0558263 z "
+       id="path3659"
+       sodipodi:nodetypes="csccscc" />
+    <path
+       style="opacity:0.28654971;color:#000000;fill:url(#linearGradient4619);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 33.145635,9.6836496 L 37.830218,13.219183 L 39.067654,9.7720386 L 37.565053,12.246911 L 33.145635,9.6836496 z "
+       id="path4609" />
+    <path
+       id="path4611"
+       d="M 32.792081,9.8604263 L 28.372663,13.219183 L 26.870062,6.5900599 L 28.902993,11.981746 L 32.792081,9.8604263 z "
+       style="opacity:0.28654971;color:#000000;fill:url(#linearGradient4621);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+  <g
+     id="layer1"
+     inkscape:label="grey shirt"
+     inkscape:groupmode="layer">
+    <path
+       style="color:#000000;fill:url(#linearGradient3574);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 13.086385,18.12474 L 16.78888,18.12474 C 21.075337,18.12474 26.33599,19.442256 26.33599,19.980895 L 26.33599,42.608311 C 26.33599,43.14695 25.899113,43.580583 25.356444,43.580583 L 4.5188213,43.580583 C 3.9761532,43.580583 3.5392748,43.14695 3.5392748,42.608311 L 3.5392748,19.980895 C 3.5392748,19.442256 8.7109537,18.12474 13.086385,18.12474 z "
+       id="rect2564"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       id="path3576"
+       d="M 13.243834,18.986251 L 16.631443,18.986251 C 20.55335,18.986251 25.3666,20.507768 25.3666,20.507768 L 25.3666,42.577289 C 25.3666,42.577289 4.5086772,42.577289 4.5086772,42.577289 L 4.5086772,20.507768 C 4.5086772,20.507768 9.2405207,18.986251 13.243834,18.986251 z "
+       style="opacity:0.61988304;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <g
+       id="g5022"
+       transform="matrix(1.518738e-2,0,0,2.086758e-2,28.3832,40.0286)">
+      <rect
+         y="-150.69685"
+         x="-1559.2523"
+         height="478.35718"
+         width="1339.6335"
+         id="rect4173"
+         style="opacity:0.40206185;color:black;fill:url(#linearGradient5027);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+      <path
+         sodipodi:nodetypes="cccc"
+         id="path5058"
+         d="M -219.61876,-150.68038 C -219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 C -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 C 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038 z "
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient5029);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+      <path
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient5031);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         d="M -1559.2523,-150.68038 C -1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 C -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 C -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038 z "
+         id="path5018"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <path
+       style="opacity:1;color:#000000;fill:url(#linearGradient3514);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 15.291184,23.42804 L 12.285981,30.233943 L 12.285981,42.519924 L 15.467961,45.348351 L 18.384777,42.519924 L 18.384777,30.057167 L 15.291184,23.42804 z "
+       id="path3446" />
+    <path
+       id="path3516"
+       d="M 15.303288,26.430306 L 13.298065,30.841566 L 13.298065,41.889636 L 15.431641,43.943283 L 17.372688,41.889636 L 17.372688,30.713213 L 15.303288,26.430306 z "
+       style="opacity:0.46783627;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient3524);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:1;color:#000000;fill:url(#radialGradient3542);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       id="path3444"
+       sodipodi:cx="18.163805"
+       sodipodi:cy="23.251263"
+       sodipodi:rx="2.3422911"
+       sodipodi:ry="1.9445436"
+       d="M 20.506096 23.251263 A 2.3422911 1.9445436 0 1 1  15.821514,23.251263 A 2.3422911 1.9445436 0 1 1  20.506096 23.251263 z"
+       transform="translate(-3.005208,1.767768)" />
+    <path
+       style="opacity:1;color:#000000;fill:url(#radialGradient3566);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 14.937632,23.251265 L 9.8994947,27.051964 C 9.8994947,27.051964 8.0433397,21.485075 8.0433397,19.008624 C 8.0433407,16.53375 9.3691657,15.561479 10.78338,15.561479 C 10.78338,15.561479 19.180273,15.561479 19.180273,15.561479 C 20.13685,15.561479 21.809826,15.959226 22.0087,18.831848 C 22.207574,21.704469 19.975768,27.051964 19.975768,27.051964 L 14.937632,23.251265 z "
+       id="path3440"
+       sodipodi:nodetypes="cczcczcc" />
+    <path
+       style="opacity:1;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 11.795503,17.94796 C 11.795503,17.94796 9.9798577,18.435938 10.300266,19.607083 C 10.620674,20.778229 13.077134,22.632542 13.077134,22.632542 L 17.669645,22.632542 C 17.669645,22.632542 19.778995,21.071015 20.019302,19.89987 C 20.259608,18.728724 18.630868,17.94796 18.630868,17.94796 L 11.795503,17.94796 z "
+       id="path3442"
+       sodipodi:nodetypes="csccscc" />
+    <path
+       sodipodi:nodetypes="csccscc"
+       id="path3556"
+       d="M 11.618727,16.975692 C 11.618727,16.975692 9.8030817,17.46367 10.12349,18.634815 C 10.443897,19.805961 12.900358,21.660274 12.900358,21.660274 L 17.492869,21.660274 C 17.492869,21.660274 19.602219,20.098747 19.842526,18.927602 C 20.082832,17.756456 18.454092,16.975692 18.454092,16.975692 L 11.618727,16.975692 z "
+       style="opacity:1;color:#000000;fill:url(#radialGradient3548);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       id="path3580"
+       d="M 13.086385,18.12474 L 16.78888,18.12474 C 21.075337,18.12474 26.33599,19.442256 26.33599,19.980895 L 26.33599,42.608311 C 26.33599,43.14695 25.899113,43.580583 25.356444,43.580583 L 4.5188213,43.580583 C 3.9761532,43.580583 3.5392748,43.14695 3.5392748,42.608311 L 3.5392748,19.980895 C 3.5392748,19.442256 8.7109537,18.12474 13.086385,18.12474 z "
+       style="color:#000000;fill:url(#linearGradient3620);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       style="opacity:0.61988304;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 13.243834,18.986251 L 16.631443,18.986251 C 20.55335,18.986251 25.3666,20.507768 25.3666,20.507768 L 25.3666,42.577289 C 25.3666,42.577289 4.5086772,42.577289 4.5086772,42.577289 L 4.5086772,20.507768 C 4.5086772,20.507768 9.2405207,18.986251 13.243834,18.986251 z "
+       id="path3582"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       id="path3584"
+       d="M 15.291184,23.42804 C 15.291184,23.42804 12.285981,27.845821 12.285981,30.233943 L 12.285981,42.519924 L 15.467961,45.348351 L 18.384777,42.519924 L 18.384777,30.057167 C 18.384777,28.057167 15.291184,23.42804 15.291184,23.42804 z "
+       style="opacity:1;color:#000000;fill:url(#linearGradient4645);fill-opacity:1.0;fill-rule:evenodd;stroke:#2e3436;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       style="opacity:0.46783627;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient3616);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 15.303288,26.430306 L 13.298065,30.841566 L 13.298065,41.889636 L 15.431641,43.943283 L 17.372688,41.889636 L 17.372688,30.713213 L 15.303288,26.430306 z "
+       id="path3586" />
+    <path
+       transform="translate(-3.005208,1.767768)"
+       d="M 20.506096 23.251263 A 2.3422911 1.9445436 0 1 1  15.821514,23.251263 A 2.3422911 1.9445436 0 1 1  20.506096 23.251263 z"
+       sodipodi:ry="1.9445436"
+       sodipodi:rx="2.3422911"
+       sodipodi:cy="23.251263"
+       sodipodi:cx="18.163805"
+       id="path3588"
+       style="opacity:1;color:#000000;fill:url(#radialGradient4647);fill-opacity:1.0;fill-rule:evenodd;stroke:#2e3436;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:nodetypes="cczcczcc"
+       id="path3590"
+       d="M 14.937632,23.251265 L 9.8994947,27.051964 C 9.8994947,27.051964 8.0433397,21.485075 8.0433397,19.008624 C 8.0433407,16.53375 9.3691657,15.561479 10.78338,15.561479 C 10.78338,15.561479 19.180273,15.561479 19.180273,15.561479 C 20.13685,15.561479 21.809826,15.959226 22.0087,18.831848 C 22.207574,21.704469 19.975768,27.051964 19.975768,27.051964 L 14.937632,23.251265 z "
+       style="opacity:1;color:#000000;fill:url(#radialGradient3612);fill-opacity:1;fill-rule:evenodd;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       sodipodi:nodetypes="csccscc"
+       id="path3592"
+       d="M 11.795503,17.94796 C 11.795503,17.94796 9.9798577,18.435938 10.300266,19.607083 C 10.620674,20.778229 12.007307,22.632542 13.077134,22.632542 L 17.669645,22.632542 C 18.546875,22.632542 19.778995,21.071015 20.019302,19.89987 C 20.259608,18.728724 18.630868,17.94796 18.630868,17.94796 L 11.795503,17.94796 z "
+       style="opacity:1;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    <path
+       style="opacity:1;color:#000000;fill:url(#radialGradient3610);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 11.618727,16.975692 C 11.618727,16.975692 9.8030817,17.46367 10.12349,18.634815 C 10.443897,19.805961 11.775358,21.660274 12.900358,21.660274 L 17.492869,21.660274 C 18.242869,21.660274 19.602219,20.098747 19.842526,18.927602 C 20.082832,17.756456 18.454092,16.975692 18.454092,16.975692 L 11.618727,16.975692 z "
+       id="path3594"
+       sodipodi:nodetypes="csccscc" />
+    <path
+       style="opacity:0.61988304;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 14.937632,22.720934 L 19.622215,26.256468 L 20.859651,22.809323 L 19.35705,25.284196 L 14.937632,22.720934 z "
+       id="path4604" />
+    <path
+       id="path4607"
+       d="M 14.584078,22.897711 L 10.164659,26.256468 L 8.6620577,19.627343 L 10.69499,25.019031 L 14.584078,22.897711 z "
+       style="opacity:0.61988304;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>

Web/static/img/icons/14.svg

@@ -0,0 +1,617 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   id="hx4700"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   sodipodi:docname="pda-hp-ipaq-hx4700.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docbase="/home/ph5/Bilder/icons/scalable/devices"
+   inkscape:export-filename=""
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   version="1.0">
+  <defs
+     id="defs3722">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient19278">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop19280" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop19282" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient19278"
+       id="radialGradient19284"
+       gradientTransform="scale(1.357519,0.736638)"
+       cx="17.579761"
+       cy="47.402553"
+       fx="17.579761"
+       fy="47.402553"
+       r="16.798437"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3243">
+      <stop
+         style="stop-color:#d3d7cf;stop-opacity:1"
+         offset="0"
+         id="stop3245" />
+      <stop
+         style="stop-color:#555753;stop-opacity:1"
+         offset="1"
+         id="stop3247" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient10668"
+       inkscape:collect="always">
+      <stop
+         id="stop10670"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1" />
+      <stop
+         id="stop10672"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10657">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop10659" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop10661" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10649">
+      <stop
+         style="stop-color:#333036;stop-opacity:1;"
+         offset="0"
+         id="stop10651" />
+      <stop
+         style="stop-color:#333036;stop-opacity:0;"
+         offset="1"
+         id="stop10653" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10614">
+      <stop
+         style="stop-color:#3465a4;stop-opacity:1"
+         offset="0"
+         id="stop10616" />
+      <stop
+         style="stop-color:#183766;stop-opacity:1"
+         offset="1"
+         id="stop10618" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2729">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop2731" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop2733" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6638">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop6640" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop6642" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6638"
+       id="linearGradient3535"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.8749637,0,0,0.8750181,-25.175697,29.558337)"
+       x1="56.203125"
+       y1="14.21875"
+       x2="56.203125"
+       y2="10.71875" />
+    <linearGradient
+       id="linearGradient6745">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="0"
+         id="stop6747" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop6749" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6745"
+       id="linearGradient3533"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.75,0,0,1,-17.359895,1.7166986)"
+       x1="55.146526"
+       y1="6.2833014"
+       x2="55.146526"
+       y2="7.2833014" />
+    <linearGradient
+       id="linearGradient8203">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop8205" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop8207" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8203"
+       id="linearGradient3531"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-9.6979522e-8,-0.4943352)"
+       x1="12.5"
+       y1="3.500001"
+       x2="46.875"
+       y2="64.25" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2729"
+       id="linearGradient3923"
+       x1="69.998138"
+       y1="2.204505"
+       x2="88.981941"
+       y2="47.987698"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-56.99814,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10649"
+       id="linearGradient10655"
+       x1="40"
+       y1="23"
+       x2="56.013611"
+       y2="23"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10657"
+       id="linearGradient10663"
+       x1="45.5625"
+       y1="0.62499988"
+       x2="51.0625"
+       y2="46.0625"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient10666"
+       gradientUnits="userSpaceOnUse"
+       x1="42.256805"
+       y1="2.9375"
+       x2="65.638611"
+       y2="35.8125"
+       gradientTransform="matrix(1,0,0,-1,0,48)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3243"
+       id="radialGradient3249"
+       cx="53.5"
+       cy="5.1382136"
+       fx="53.5"
+       fy="5.1382136"
+       r="1.5"
+       gradientTransform="matrix(-2.9008359,-2.7141853e-6,2.6835559e-6,-2.3253869,179.6947,17.586695)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient3315"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-29,0)"
+       x1="44.006805"
+       y1="1.9999999"
+       x2="56.889801"
+       y2="10.476215" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient3319"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-29,0)"
+       x1="48.256805"
+       y1="5.1875"
+       x2="65.327301"
+       y2="15.476215" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient3432"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1.0000002)"
+       x1="43.944305"
+       y1="1.9999999"
+       x2="56.889801"
+       y2="10.476215" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10614"
+       id="linearGradient3434"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1.0000002)"
+       x1="56.374367"
+       y1="36.795494"
+       x2="54.472271"
+       y2="18.196699" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient3436"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1.0000002)"
+       x1="44"
+       y1="2.3125"
+       x2="64.952301"
+       y2="14.976215" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10668"
+       id="linearGradient3438"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1.0000002)"
+       x1="48.256805"
+       y1="5.1875"
+       x2="65.327301"
+       y2="15.476215" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3243"
+       id="radialGradient3440"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.7405015,-1.8094569e-6,1.6101335e-6,-1.5502579,151.61682,14.39113)"
+       cx="53.5"
+       cy="5.1382136"
+       fx="53.5"
+       fy="5.1382136"
+       r="1.5" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2729"
+       id="linearGradient3442"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-22.99814,1.0000002)"
+       x1="69.998138"
+       y1="2.204505"
+       x2="88.981941"
+       y2="47.987698" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2729"
+       id="linearGradient2355"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-57.00186,-4.0000002e-8)"
+       x1="69.998138"
+       y1="2.204505"
+       x2="88.981941"
+       y2="47.987698" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview10679"
+     pagecolor="#ffffff"
+     bordercolor="#6e6e6e"
+     borderopacity="1"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="24"
+     inkscape:cy="23.898891"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="872"
+     inkscape:window-height="968"
+     inkscape:window-x="722"
+     inkscape:window-y="87"
+     inkscape:showpageshadow="true" />
+  <metadata
+     id="metadata3725">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>HP iPAQ hx4700</dc:title>
+        <dc:date>December 2007</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Philipp Zabel</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>device</rdf:li>
+            <rdf:li>pda</rdf:li>
+            <rdf:li>hx4700</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/GPL/2.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/GPL/2.0/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     style="display:inline">
+    <path
+       sodipodi:type="arc"
+       style="opacity:0.5;color:#000000;fill:url(#radialGradient19284);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       id="path19276"
+       sodipodi:cx="23.864855"
+       sodipodi:cy="34.918526"
+       sodipodi:rx="22.804193"
+       sodipodi:ry="12.374369"
+       d="M 46.669048 34.918526 A 22.804193 12.374369 0 1 1  1.0606613,34.918526 A 22.804193 12.374369 0 1 1  46.669048 34.918526 z"
+       transform="matrix(0.7112179,0,0,0.3080455,7.8081375,33.055374)" />
+    <rect
+       style="fill:#333036;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="bodycolor"
+       width="24"
+       height="42"
+       x="12.5"
+       y="2.5"
+       rx="11"
+       ry="1.6412427" />
+    <path
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 15,3 L 12.5,4 L 12.5,5 L 16,5 L 18,9 L 31,9 L 34,3 L 15,3 z "
+       id="upperplastic"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       style="opacity:0.5;fill:url(#linearGradient3315);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.6"
+       d="M 23.5,3 C 20.473018,3 17.732629,3.1775967 15.78125,3.46875 C 14.805559,3.6143267 14.032227,3.7914382 13.53125,3.96875 C 13.28076,4.0574059 13.111778,4.159735 13.03125,4.21875 C 12.990984,4.2482575 12.997747,4.2591065 13,4.25 L 13,5 L 16,5 L 18,9 L 26.28125,9 C 25.582656,6.8758897 24.630556,4.8262586 23.6875,3 L 23.5,3 z "
+       id="upperplasticreflection" />
+    <rect
+       y="11.5"
+       x="15.5"
+       height="24"
+       width="18"
+       id="screen"
+       style="fill:#3465a4;fill-opacity:1;fill-rule:nonzero;stroke:#204a87;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="lowerplastic"
+       d="M 14.5,44 L 17.5,38 L 31.5,38 L 34.5,44 L 14.5,44 z "
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:0.7;fill:url(#linearGradient3319);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.6"
+       d="M 17.5,38 L 14.8125,43.34375 C 15.114073,43.404527 15.420971,43.477495 15.78125,43.53125 C 17.042225,43.719392 18.653157,43.861473 20.4375,43.9375 C 19.875754,41.987237 19.561122,40.000689 19.5,38 L 17.5,38 z "
+       id="lowerplasticreflection" />
+    <path
+       style="fill:#221f25;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 12.5,5 L 12.5,43 L 13.142,43.5 L 15,37 L 14,36.5 L 14,10.5 L 15,10 L 13.5714,5 L 12.5,5 z "
+       id="leftbody"
+       sodipodi:nodetypes="ccccccccc" />
+    <rect
+       style="opacity:1;fill:url(#radialGradient3249);fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="hplogo"
+       width="5"
+       height="3"
+       x="22"
+       y="5"
+       ry="0.30000001"
+       rx="0.33333334" />
+    <path
+       style="fill:#333036;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 34,3 L 31,9 L 18,9 L 16,5 L 13.572,5 L 15,10 L 34,10 L 35.857,3.5 L 34,3 z "
+       id="upperbody"
+       sodipodi:nodetypes="cccccccccc" />
+    <path
+       id="rightbody"
+       d="M 35.857,3.5 L 36.5,4 L 36.5,43 L 35.857,43.5 L 34,37 L 35,36.5 L 35,10.5 L 34,10 L 35.857,3.5 z "
+       style="fill:#221f25;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 31,8 L 31.375,7.25 L 30.875,7.25 L 30.5,8 L 31,8 z "
+       id="speaker"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#333036;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 15,37 L 13.143,43.5 L 14.5,44 L 17.5,38 L 31.5,38 L 34.5,44 L 35.857,43.5 L 34,37 L 15,37 z "
+       id="lowerbody" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 21,39 L 28,39 C 28.629767,39.009842 28.812174,39.023749 29,39.437103 L 29.84375,41.636206 C 30.439721,42.951663 29.010835,43.000207 27,43.000207 L 22,43.000207 C 19.989165,43.010049 18.747224,43.020555 19.1875,41.664043 L 20,39.437103 C 20.187825,39.03359 20.458621,39 21,39 z "
+       id="navpoint"
+       sodipodi:nodetypes="ccccccccc" />
+    <rect
+       style="opacity:1;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="contacts"
+       width="1"
+       height="1"
+       x="18"
+       y="39" />
+    <rect
+       y="39"
+       x="30"
+       height="1"
+       width="1"
+       id="mail"
+       style="opacity:1;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="calendar"
+       width="1"
+       height="1"
+       x="17"
+       y="41" />
+    <rect
+       y="41"
+       x="31"
+       height="1"
+       width="1"
+       id="itask"
+       style="opacity:1;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       ry="1.6412427"
+       rx="11"
+       y="2.5"
+       x="12.5"
+       height="42"
+       width="24"
+       id="frame"
+       style="fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#111012;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       style="fill:#444047;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 15,36 L 14,36.5 L 15,37 L 34,37 L 35,36.5 L 34,36 L 15,36 z "
+       id="lowerbezel" />
+    <path
+       id="upperbezel"
+       d="M 15,10 L 14,10.5 L 15,11 L 34,11 L 35,10.5 L 34,10 L 15,10 z "
+       style="fill:#141116;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 34.443147,41.519531 L 34.155524,40.519531 L 34.681428,40.519531 L 35,41.519531 L 34.443147,41.519531 z "
+       id="mic"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="blueled"
+       d="M 17,6 L 16.625,5.25 L 17.125,5.25 L 17.5,6 L 17,6 z "
+       style="fill:#007ef3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#ffb808;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 17.5,7 L 17.125,6.25 L 17.625,6.25 L 18,7 L 17.5,7 z "
+       id="redgreenled"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="lightsensor"
+       d="M 18,8 L 17.625,7.25 L 18.125,7.25 L 18.5,8 L 18,8 z "
+       style="fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#333036;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 34,11 L 35,10.5 L 35,36.5 L 34,36 L 34,11 z "
+       id="rightbezel" />
+    <path
+       id="leftbezel"
+       d="M 15,11 L 14,10.5 L 14,36.5 L 15,36 L 15,11 z "
+       style="fill:#333036;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:1;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.6"
+       id="hplogo1"
+       sodipodi:cx="83.03125"
+       sodipodi:cy="3.8437498"
+       sodipodi:rx="0.90625"
+       sodipodi:ry="0.90625"
+       d="M 83.9375 3.8437498 A 0.90625 0.90625 0 1 1  82.125,3.8437498 A 0.90625 0.90625 0 1 1  83.9375 3.8437498 z"
+       transform="matrix(1.1842849,0,0,1.2204636,-73.815751,1.8902985)" />
+    <rect
+       style="opacity:1;fill:#888a85;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="wirelesssymbol"
+       width="1"
+       height="1"
+       x="18"
+       y="5" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path3333"
+       d="M 31.5,7 L 31.875,6.25 L 31.375,6.25 L 31,7 L 31.5,7 z "
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 32,6 L 32.375,5.25 L 31.875,5.25 L 31.5,6 L 32,6 z "
+       id="path3335"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path3337"
+       d="M 29.5,8 L 29.875,7.25 L 29.375,7.25 L 29,8 L 29.5,8 z "
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 30,7 L 30.375,6.25 L 29.875,6.25 L 29.5,7 L 30,7 z "
+       id="path3339"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path3341"
+       d="M 30.5,6 L 30.875,5.25 L 30.375,5.25 L 30,6 L 30.5,6 z "
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 30.25,8 L 30.6,7.25 L 30.125,7.25 L 29.75,8 L 30.25,8 z "
+       id="path3343"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path3345"
+       d="M 30.75,7 L 31.125,6.25 L 30.6,6.25 L 30.25,7 L 30.75,7 z "
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 31.25,6 L 31.6,5.25 L 31.125,5.25 L 30.75,6 L 31.25,6 z "
+       id="path3347"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path2285"
+       d="M 17.5,7 L 17.125,6.25 L 17.625,6.25 L 18,7 L 17.5,7 z "
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffb808;stroke-width:0.25pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="color:#000000;fill:#eeeeec;fill-opacity:0.16993462;fill-rule:evenodd;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+       d="M 16,12 L 32.979002,12 C 32.979002,12 32.979746,15.435731 33,17.259146 C 32.06593,19.296259 29.242726,20.148451 25.821578,19.397811 C 19.054333,17.912999 16,25 16,25 L 16,12 z "
+       id="rect3198"
+       sodipodi:nodetypes="ccczcc" />
+    <path
+       style="opacity:0.4;fill:url(#linearGradient2355);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+       d="M 23.49814,3 C 20.47116,3 17.730769,3.1775967 15.77939,3.46875 C 14.803701,3.6143267 14.030367,3.7914382 13.52939,3.96875 C 13.278902,4.0574059 13.109918,4.159735 13.02939,4.21875 C 12.989126,4.2482575 12.995887,4.2591065 12.99814,4.25 L 12.99814,42.75 C 12.995887,42.740893 12.989126,42.751742 13.02939,42.78125 C 13.109918,42.840265 13.278902,42.942594 13.52939,43.03125 C 14.030367,43.208562 14.803701,43.385673 15.77939,43.53125 C 17.730769,43.822403 20.47116,44 23.49814,44 L 25.49814,44 C 28.52512,44 31.265511,43.822403 33.21689,43.53125 C 34.192579,43.385673 34.965913,43.208562 35.46689,43.03125 C 35.717378,42.942594 35.886362,42.840265 35.96689,42.78125 C 36.007154,42.751742 36.000393,42.740893 35.99814,42.75 L 35.99814,4.25 C 36.000393,4.2591065 36.007154,4.2482575 35.96689,4.21875 C 35.886362,4.159735 35.717378,4.0574059 35.46689,3.96875 C 34.965913,3.7914382 34.192579,3.6143267 33.21689,3.46875 C 31.265511,3.1775967 28.52512,3 25.49814,3 L 23.49814,3 z M 23.49814,4 L 25.49814,4 C 28.251258,4 30.722029,4.1515249 32.49814,4.375 C 33.386196,4.4867376 34.103937,4.6136886 34.56064,4.75 C 34.775868,4.8142387 34.923699,4.8947158 34.99814,4.9375 L 34.99814,42.0625 C 34.923699,42.105284 34.775868,42.185761 34.56064,42.25 C 34.103937,42.386312 33.386196,42.513262 32.49814,42.625 C 30.722029,42.848475 28.251258,43 25.49814,43 L 23.49814,43 C 20.745022,43 18.274251,42.848475 16.49814,42.625 C 15.610084,42.513262 14.892343,42.386311 14.43564,42.25 C 14.220412,42.185761 14.072581,42.105284 13.99814,42.0625 L 13.99814,4.9375 C 14.072581,4.8947158 14.220412,4.8142387 14.43564,4.75 C 14.892343,4.6136886 15.610084,4.4867376 16.49814,4.375 C 18.274251,4.1515249 20.745022,4 23.49814,4 z "
+       id="tangohighlight" />
+  </g>
+</svg>

Web/static/img/icons/2.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
+  <defs>
+    <linearGradient id="e">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="a">
+      <stop offset="0" stop-opacity="0"/>
+      <stop offset=".5"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient xlink:href="#a" id="l" x1="302.857" x2="302.857" y1="366.648" y2="609.505" gradientTransform="matrix(2.77439 0 0 1.9697 -1892.179 -872.885)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="d">
+      <stop offset="0" stop-color="#7c7e79"/>
+      <stop offset=".172" stop-color="#848681"/>
+      <stop offset="1" stop-color="#898c86"/>
+    </linearGradient>
+    <linearGradient id="k">
+      <stop offset="0" stop-color="#575757"/>
+      <stop offset="1" stop-color="#575757" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="j">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="i">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="c">
+      <stop offset="0" stop-opacity=".186"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="h">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="g">
+      <stop offset="0" stop-color="#edd400"/>
+      <stop offset="1" stop-color="#980"/>
+    </linearGradient>
+    <linearGradient id="f">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="b" x1="80.224" x2="48.046" y1="117.52" y2="59.8" gradientTransform="translate(4.128 3.743) scale(.31468)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ccc"/>
+      <stop offset=".983" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient xlink:href="#b" id="o" x1="52.006" x2="14.049" y1="166.133" y2="-42.219" gradientTransform="matrix(.33692 0 0 .16689 17.983 15.462)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="u" x1="64.388" x2="64.388" y1="65.124" y2="35.569" gradientTransform="translate(1.639 -.084) scale(.3541)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset=".854" stop-color="#ff6200"/>
+      <stop offset="1" stop-color="#f25d00"/>
+    </linearGradient>
+    <linearGradient xlink:href="#c" id="p" x1="17.603" x2="17.683" y1="26.057" y2="32.654" gradientTransform="matrix(.89879 0 0 1.07191 .478 -2.08)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#d" id="r" x1="17.85" x2="19.04" y1="28.939" y2="41.032" gradientTransform="matrix(.88879 0 0 1.08932 2.411 -1.524)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="n" cx="605.714" cy="486.648" r="117.143" fx="605.714" fy="486.648" gradientTransform="matrix(-2.77439 0 0 1.9697 112.762 -872.885)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="m" cx="605.714" cy="486.648" r="117.143" fx="605.714" fy="486.648" gradientTransform="matrix(2.77439 0 0 1.9697 -1891.633 -872.885)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#f" id="v" cx="7.533" cy="24.203" r="8.245" fx="7.533" fy="24.203" gradientTransform="matrix(4.10009 0 0 4.20132 -25.415 -78.54)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#g" id="t" cx="19.986" cy="36.778" r="1.082" fx="19.986" fy="36.778" gradientTransform="matrix(1.12526 0 0 .98274 -3.429 .566)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#h" id="s" cx="20.444" cy="37.426" r="1.082" fx="20.444" fy="37.426" gradientTransform="matrix(1.12526 0 0 .98274 -3.429 .731)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#i" id="w" cx="11.681" cy="19.554" r="8.245" fx="11.681" fy="19.554" gradientTransform="matrix(4.10009 0 0 -4.20132 -5.198 105.353)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#j" id="x" cx="29.913" cy="30.443" r="4.002" fx="29.913" fy="30.443" gradientTransform="matrix(3.7515 0 0 3.14782 -82.01 -65.707)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#k" id="q" cx="24.195" cy="10.578" r="15.243" fx="24.195" fy="10.578" gradientTransform="matrix(1.12526 0 0 1.34006 -3.007 1.355)" gradientUnits="userSpaceOnUse"/>
+  </defs>
+  <g color="#000">
+    <path fill="url(#l)" d="M-1559.252-150.697h1339.633V327.66h-1339.633z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
+    <path fill="url(#m)" d="M-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
+    <path fill="url(#n)" d="M-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" opacity=".402" style="marker:none" transform="matrix(.02158 0 0 .0186 43.123 41.638)"/>
+  </g>
+  <path fill="url(#o)" stroke="#757575" d="M21.619576 8.1833733h5.957459c.839732 0 13.886475 15.4353277 13.886475 16.3406587l-.443521 18.496745c0 .905333-.67603 1.634177-1.515762 1.634177H8.0469496c-.8397329 0-1.5157625-.728844-1.5157625-1.634177l.056478-18.496745c0-.905331 14.1921789-16.3406587 15.0319109-16.3406587z" color="#000" style="marker:none"/>
+  <path fill="none" d="M46.963575 45.735573H1.6386762V.41067554H46.963575V45.735573z"/>
+  <path fill="url(#p)" fill-rule="evenodd" d="m23 29-.045744 15.090942H11.111465L11 29h12z" clip-rule="evenodd"/>
+  <path fill="none" stroke="#fff" d="M21.780459 9.405584h5.559097c.783582 0 13.000869 14.399588 13.000869 15.244172l-.347158 18.212311c0 .459259-.143737.653465-.512375.653465l-31.3872026.01428c-.3686377 0-.5839636-.079918-.5839636-.45355l.2153418-18.426506c0-.844584 13.2718124-15.244172 14.0553914-15.244172z" color="#000" opacity=".313" style="marker:none"/>
+  <path fill="url(#q)" fill-rule="evenodd" d="m7.2075295 27.943053-.0542567 2.595194L25.521437 17.358993l15.286395 11.154428.07131-.311714-16.370456-15.904131L7.2075295 27.943053z" clip-rule="evenodd" opacity=".2"/>
+  <path fill="url(#r)" fill-rule="evenodd" d="M22 30v14.090942h-9.811029L12 30h10z" clip-rule="evenodd"/>
+  <path fill="url(#s)" fill-rule="evenodd" d="M19.576856 36.44767c.67279 0 1.216616.474605 1.216616 1.058507 0 .589811-.543826 1.068355-1.216616 1.068355-.672272 0-1.218686-.478544-1.218686-1.068355.000515-.583902.546414-1.058507 1.218686-1.058507z" clip-rule="evenodd" opacity=".409"/>
+  <path fill="url(#t)" fill-rule="evenodd" d="M19.462314 35.932229c.672789 0 1.216615.474605 1.216615 1.058507 0 .589809-.543826 1.068353-1.216615 1.068353-.672273 0-1.218687-.478544-1.218687-1.068353.000515-.583902.546414-1.058507 1.218687-1.058507z" clip-rule="evenodd"/>
+  <path fill="url(#u)" d="m24.447748 11.559337 18.92706 17.169868.494679.391991.403676-.171385-.37287-.761673-.277614-.223436-19.174931-15.572306L5.0582327 28.135731l-.2376018.14412-.2167099.706786.4334198.129248.384554-.308423L24.447748 11.559337z"/>
+  <path fill="#ef2929" stroke="#a40000" d="M24.330168 2.2713382 2.4484294 20.372675l-.6247289 7.165928 1.9999362 2.064323S24.231018 12.445641 24.44773 12.274963l19.63254 17.54326 1.898424-2.323997-1.615791-7.111374L24.44773 2.1668788l-.117562.1044594z"/>
+  <path fill="url(#v)" d="m2.8413446 20.613129-.2915552 6.623365L24.369219 8.980075l-.070328-5.8933307L2.8413446 20.613129z" color="#000" opacity=".409" style="marker:none"/>
+  <path fill="url(#w)" d="m24.483763 8.7509884.09946-5.8411017L43.912186 20.56184l1.491812 6.500812L24.483763 8.7509884z" color="#000" opacity=".136" style="marker:none"/>
+  <path fill="none" stroke="#fff" d="M27.102228 27.719824h9.039995c.770595 0 1.390967.62037 1.390967 1.390967l-.007961 9.079221c0 .770596-.596322 1.265969-1.366918 1.265969h-9.056083c-.770597 0-1.390967-.620373-1.390967-1.390969v-8.954221c0-.770597.62037-1.390967 1.390967-1.390967z" color="#000" opacity=".318" style="marker:none"/>
+  <rect width="10.001" height="9.962" x="26.508" y="28.514" fill="#3465a4" stroke="#757575" color="#000" rx=".381" ry=".381" style="marker:none"/>
+  <path fill="url(#x)" d="M27.107118 34.408261c3.617983.331177 5.527724-1.445704 8.868152-1.55274L36 29.00603 27.088388 29l.01873 5.408261z" color="#000" opacity=".398" style="marker:none"/>
+</svg>

Web/static/img/icons/3.svg

@@ -0,0 +1,581 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 9.0, SVG Export Plug-In  -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48.000000px"
+   height="48.000000px"
+   xml:space="preserve"
+   id="svg16168"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="image-x-generic.svg"
+   sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/mimetypes"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"><metadata
+   id="metadata16236">
+  <rdf:RDF>
+    <cc:Work
+   rdf:about="">
+      <dc:format>image/svg+xml</dc:format>
+
+
+
+      <dc:type
+   rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+
+
+
+    <dc:title>Genric Image</dc:title>
+<dc:creator>
+  <cc:Agent>
+    <dc:title>Jakub Steiner</dc:title>
+  </cc:Agent>
+</dc:creator>
+<dc:subject>
+  <rdf:Bag><rdf:li>image</rdf:li><rdf:li>picture</rdf:li><rdf:li>snapshot</rdf:li><rdf:li>photo</rdf:li></rdf:Bag>
+</dc:subject>
+<cc:license
+   rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+</cc:Work>
+
+
+
+  
+<cc:License
+   rdf:about="http://creativecommons.org/licenses/publicdomain/"><cc:permits
+     rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits
+     rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:permits
+     rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /></cc:License></rdf:RDF>
+
+
+
+</metadata>
+
+
+
+<defs
+   id="defs16234"><inkscape:perspective
+   sodipodi:type="inkscape:persp3d"
+   inkscape:vp_x="0 : 24 : 1"
+   inkscape:vp_y="0 : 1000 : 0"
+   inkscape:vp_z="48 : 24 : 1"
+   inkscape:persp3d-origin="24 : 16 : 1"
+   id="perspective80" /><radialGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient5060"
+   id="radialGradient6719"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(-2.774389,0,0,1.969706,112.7623,-872.8854)"
+   cx="605.71429"
+   cy="486.64789"
+   fx="605.71429"
+   fy="486.64789"
+   r="117.14286" /><linearGradient
+   inkscape:collect="always"
+   id="linearGradient5060"><stop
+     style="stop-color:black;stop-opacity:1;"
+     offset="0"
+     id="stop5062" /><stop
+     style="stop-color:black;stop-opacity:0;"
+     offset="1"
+     id="stop5064" /></linearGradient><radialGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient5060"
+   id="radialGradient6717"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(2.774389,0,0,1.969706,-1891.633,-872.8854)"
+   cx="605.71429"
+   cy="486.64789"
+   fx="605.71429"
+   fy="486.64789"
+   r="117.14286" /><linearGradient
+   id="linearGradient5048"><stop
+     style="stop-color:black;stop-opacity:0;"
+     offset="0"
+     id="stop5050" /><stop
+     id="stop5056"
+     offset="0.5"
+     style="stop-color:black;stop-opacity:1;" /><stop
+     style="stop-color:black;stop-opacity:0;"
+     offset="1"
+     id="stop5052" /></linearGradient><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient5048"
+   id="linearGradient6715"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(2.774389,0,0,1.969706,-1892.179,-872.8854)"
+   x1="302.85715"
+   y1="366.64789"
+   x2="302.85715"
+   y2="609.50507" /><linearGradient
+   id="linearGradient8171"><stop
+     style="stop-color:#bbbdba;stop-opacity:1;"
+     offset="0"
+     id="stop8173" /><stop
+     style="stop-color:#70746e;stop-opacity:1;"
+     offset="1"
+     id="stop8175" /></linearGradient><linearGradient
+   inkscape:collect="always"
+   id="linearGradient8155"><stop
+     style="stop-color:#ffffff;stop-opacity:1;"
+     offset="0"
+     id="stop8157" /><stop
+     style="stop-color:#ffffff;stop-opacity:0;"
+     offset="1"
+     id="stop8159" /></linearGradient><linearGradient
+   id="linearGradient2224"><stop
+     style="stop-color:#7c7c7c;stop-opacity:1;"
+     offset="0"
+     id="stop2226" /><stop
+     style="stop-color:#b8b8b8;stop-opacity:1;"
+     offset="1"
+     id="stop2228" /></linearGradient><linearGradient
+   inkscape:collect="always"
+   id="linearGradient2251"><stop
+     style="stop-color:#ffffff;stop-opacity:1;"
+     offset="0"
+     id="stop2253" /><stop
+     style="stop-color:#ffffff;stop-opacity:0;"
+     offset="1"
+     id="stop2255" /></linearGradient><linearGradient
+   id="linearGradient7648"
+   gradientUnits="userSpaceOnUse"
+   x1="21.9326"
+   y1="24.6274"
+   x2="21.9326"
+   y2="7.1091"
+   style="stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667">
+			<stop
+   offset="0"
+   style="stop-color:#8595bc;stop-opacity:1;"
+   id="stop7650" />
+
+
+
+
+			<stop
+   offset="1"
+   style="stop-color:#041a3b;stop-opacity:1;"
+   id="stop7652" />
+
+
+
+
+		</linearGradient><linearGradient
+   id="linearGradient2392"><stop
+     id="stop2394"
+     offset="0.0000000"
+     style="stop-color:#715b26;stop-opacity:1.0000000;" /><stop
+     id="stop2396"
+     offset="1.0000000"
+     style="stop-color:#312710;stop-opacity:1.0000000;" /></linearGradient><linearGradient
+   inkscape:collect="always"
+   id="linearGradient12129"><stop
+     style="stop-color:#000000;stop-opacity:1;"
+     offset="0"
+     id="stop12131" /><stop
+     style="stop-color:#000000;stop-opacity:0;"
+     offset="1"
+     id="stop12133" /></linearGradient>
+		
+		<linearGradient
+   style="stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   y2="36.0328"
+   x2="31.0813"
+   y1="3.7319"
+   x1="12.4873"
+   gradientUnits="userSpaceOnUse"
+   id="aigrd1">
+			<stop
+   id="stop16177"
+   style="stop-color:#D2D2D2;stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   offset="0" />
+
+
+
+
+			<stop
+   id="stop16179"
+   style="stop-color:#EDEDED;stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   offset="1" />
+
+
+
+
+		</linearGradient>
+
+
+
+
+		
+		<linearGradient
+   style="stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   y2="22.5769"
+   x2="21.9168"
+   y1="30.3413"
+   x1="21.877"
+   gradientUnits="userSpaceOnUse"
+   id="aigrd2">
+			<stop
+   id="stop16184"
+   style="stop-color:#5e4f07;stop-opacity:1.0000000;"
+   offset="0.0000000" />
+
+
+
+
+			<stop
+   id="stop16186"
+   style="stop-color:#348a31;stop-opacity:1.0000000;"
+   offset="1.0000000" />
+
+
+
+
+		</linearGradient>
+
+
+
+
+		
+		
+		
+		
+		
+		<linearGradient
+   style="stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   y2="7.1091"
+   x2="21.9326"
+   y1="24.6274"
+   x1="21.9326"
+   gradientUnits="userSpaceOnUse"
+   id="aigrd3">
+			<stop
+   id="stop16199"
+   style="stop-color:#D0D6E5;stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   offset="0" />
+
+
+
+
+			<stop
+   id="stop16201"
+   style="stop-color:#093A80;stroke-dasharray:none;stroke-miterlimit:4.0000000;stroke-width:1.2166667"
+   offset="1" />
+
+
+
+
+		</linearGradient>
+
+
+
+
+		
+		
+		
+		
+		
+		
+		
+	
+
+
+
+
+
+
+
+
+
+
+
+<radialGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient12129"
+   id="radialGradient12135"
+   cx="24.218407"
+   cy="41.636040"
+   fx="24.218407"
+   fy="41.636040"
+   r="22.097088"
+   gradientTransform="matrix(1.000000,0.000000,0.000000,0.184000,0.000000,33.97501)"
+   gradientUnits="userSpaceOnUse" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient7648"
+   id="linearGradient7671"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(1.098989,0.000000,0.000000,-0.797757,-1.953865,37.32400)"
+   x1="21.9326"
+   y1="24.627399"
+   x2="21.9326"
+   y2="7.1090999" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#aigrd3"
+   id="linearGradient7673"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(1.098989,0.000000,0.000000,1.106697,-1.953865,-4.922453)"
+   x1="21.9326"
+   y1="24.6274"
+   x2="21.9326"
+   y2="7.1091" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#aigrd1"
+   id="linearGradient8148"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(1.434003,0.000000,0.000000,0.990087,52.32167,2.838918)"
+   x1="12.4873"
+   y1="3.7319"
+   x2="31.0813"
+   y2="36.0328" /><radialGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient8155"
+   id="radialGradient8161"
+   cx="12.700491"
+   cy="10.404876"
+   fx="12.700491"
+   fy="10.404876"
+   r="19.96875"
+   gradientTransform="matrix(1.710531,-5.396358e-24,2.470345e-24,1.124849,-11.56833,1.802582)"
+   gradientUnits="userSpaceOnUse" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient2251"
+   id="linearGradient8166"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="translate(5.147570,-3.409792)"
+   x1="33.396004"
+   y1="36.921333"
+   x2="34.170048"
+   y2="38.070381" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient2224"
+   id="linearGradient8169"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="translate(5.147570,-3.034792)"
+   x1="35.996582"
+   y1="40.458221"
+   x2="33.664921"
+   y2="37.770721" /><linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient8171"
+   id="linearGradient8177"
+   x1="42.1875"
+   y1="31"
+   x2="45"
+   y2="39.984692"
+   gradientUnits="userSpaceOnUse" /></defs>
+
+
+
+<sodipodi:namedview
+   inkscape:window-height="818"
+   inkscape:window-width="1238"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   borderopacity="0.07058824"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   id="base"
+   inkscape:zoom="1"
+   inkscape:cx="49.378608"
+   inkscape:cy="-24.095483"
+   inkscape:window-x="0"
+   inkscape:window-y="30"
+   inkscape:current-layer="svg16168"
+   showgrid="false"
+   inkscape:showpageshadow="false" />
+
+
+
+
+	
+	<g
+   style="display:inline"
+   transform="matrix(2.175112e-2,0,0,2.493263e-2,42.41049,33.81117)"
+   id="g6707"><rect
+     style="opacity:0.40206185;color:black;fill:url(#linearGradient6715);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+     id="rect6709"
+     width="1339.6335"
+     height="478.35718"
+     x="-1559.2523"
+     y="-150.69685" /><path
+     style="opacity:0.40206185;color:black;fill:url(#radialGradient6717);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+     d="M -219.61876,-150.68038 C -219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 C -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 C 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038 z "
+     id="path6711"
+     sodipodi:nodetypes="cccc" /><path
+     sodipodi:nodetypes="cccc"
+     id="path6713"
+     d="M -1559.2523,-150.68038 C -1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 C -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 C -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038 z "
+     style="opacity:0.40206185;color:black;fill:url(#radialGradient6719);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" /></g><path
+   style="color:#000000;fill:url(#linearGradient8148);fill-opacity:1;fill-rule:nonzero;stroke:#bbbfbb;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+   d="M 2.7177715,6.4547749 L 43.379544,6.4547749 C 44.002793,6.4547749 44.504543,6.9565247 44.504543,7.5797745 L 44.504543,31.480581 C 44.504543,32.103831 36.047842,39.499872 35.424593,39.499872 L 2.7177715,39.499872 C 2.0945221,39.499872 1.5927727,38.998122 1.5927727,38.374872 L 1.5927727,7.5797745 C 1.5927727,6.9565247 2.0945221,6.4547749 2.7177715,6.4547749 z "
+   id="rect7603"
+   sodipodi:nodetypes="ccccccccc" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<g
+   id="g7654"
+   transform="matrix(1.054774,0.000000,0.000000,1.049989,-0.814647,4.485012)"><path
+     id="path7644"
+     d="M 5.512695,30 L 39.643234,30 L 39.643234,19.627375 L 5.512695,19.627375 L 5.512695,30 z "
+     style="fill:url(#linearGradient7671);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4" /><path
+     style="fill:url(#linearGradient7673);fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4"
+     d="M 5.512695,5.237844 L 39.643234,5.237844 L 39.643234,19.627375 L 5.512695,19.627375 L 5.512695,5.237844 z "
+     id="path16203" /><g
+     id="g16205"
+     style="fill-rule:nonzero;stroke:#000000;stroke-width:1.15611064;stroke-miterlimit:4"
+     transform="matrix(1.189217,0.000000,0.000000,1.189217,-3.525355,-6.535408)">
+			<g
+   id="g16207">
+				<path
+   style="opacity:0.04999994;fill:#e8f52f;stroke:none"
+   d="M 18.4,15.4 C 18.4,17.6 16.6,19.5 14.3,19.5 C 12.1,19.5 10.2,17.7 10.2,15.4 C 10.2,13.2 12,11.3 14.3,11.3 C 16.5,11.3 18.4,13.1 18.4,15.4 z "
+   id="path16209" />
+
+
+
+
+				<path
+   style="opacity:0.20829994;fill:#ecf751;stroke:none"
+   d="M 18,15.4 C 18,17.4 16.4,19.1 14.3,19.1 C 12.3,19.1 10.6,17.5 10.6,15.4 C 10.6,13.4 12.2,11.7 14.3,11.7 C 16.3,11.7 18,13.3 18,15.4 L 18,15.4 z "
+   id="path16211" />
+
+
+
+
+				<path
+   style="opacity:0.36669994;fill:#f0f972;stroke:none"
+   d="M 17.6,15.4 C 17.6,17.2 16.1,18.7 14.3,18.7 C 12.5,18.7 11,17.2 11,15.4 C 11,13.6 12.5,12.1 14.3,12.1 C 16.1,12.1 17.6,13.6 17.6,15.4 L 17.6,15.4 z "
+   id="path16213" />
+
+
+
+
+				<path
+   style="opacity:0.525;fill:#f4fa95;stroke:none"
+   d="M 17.2,15.4 C 17.2,17 15.9,18.3 14.3,18.3 C 12.7,18.3 11.4,17 11.4,15.4 C 11.4,13.8 12.7,12.5 14.3,12.5 C 15.9,12.5 17.2,13.8 17.2,15.4 z "
+   id="path16215" />
+
+
+
+
+				<path
+   style="opacity:0.6833;fill:#f7fcb7;stroke:none"
+   d="M 16.8,15.4 C 16.8,16.8 15.7,17.9 14.3,17.9 C 12.9,17.9 11.8,16.8 11.8,15.4 C 11.8,14 12.9,12.9 14.3,12.9 C 15.7,12.9 16.8,14 16.8,15.4 L 16.8,15.4 z "
+   id="path16217" />
+
+
+
+
+				<path
+   style="opacity:0.8417;fill:#fbfddb;stroke:none"
+   d="M 16.4,15.4 C 16.4,16.6 15.4,17.5 14.3,17.5 C 13.2,17.5 12.2,16.5 12.2,15.4 C 12.2,14.3 13.2,13.3 14.3,13.3 C 15.4,13.3 16.4,14.3 16.4,15.4 z "
+   id="path16219" />
+
+
+
+
+				<path
+   style="fill:#ffffff;stroke:none"
+   d="M 16,15.4 C 16,16.4 15.2,17.2 14.2,17.2 C 13.2,17.2 12.4,16.4 12.4,15.4 C 12.4,14.4 13.2,13.6 14.2,13.6 C 15.2,13.6 16,14.4 16,15.4 L 16,15.4 z "
+   id="path16221" />
+
+
+
+
+			</g>
+
+
+
+
+		</g><path
+     style="opacity:0.3;fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4"
+     d="M 25.015859,21.649044 L 33.697148,21.649044 L 35.362052,22.124732 L 32.507931,22.124732 C 32.507931,22.124732 35.362052,22.362574 36.789115,24.146401 C 38.216174,25.811305 35.12421,27.832976 35.12421,27.832976 C 35.12421,27.832976 35.12421,27.832976 35.12421,27.832976 C 35.005288,27.47621 34.291756,24.622087 32.864696,23.43287 C 31.794399,22.481496 30.605182,22.243652 30.605182,22.243652 L 25.015859,22.243652 L 25.015859,21.767966 L 25.015859,21.649044 z "
+     id="path16223" /><path
+     style="opacity:0.3;fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4"
+     d="M 30.724106,22.362574 L 25.729391,22.362574 L 35.005288,27.595131 L 30.724106,22.362574 L 30.724106,22.362574 z "
+     id="path16225" /><path
+     style="fill:#515151;fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4"
+     d="M 25.015859,21.767966 L 33.697148,21.767966 L 35.005288,20.935513 L 32.151167,20.935513 C 32.151167,20.935513 34.767443,20.459827 35.12421,17.486782 C 35.480973,14.513739 31.080869,11.183931 31.080869,11.183931 C 31.080869,11.183931 31.080869,11.183931 31.080869,11.302853 C 31.19979,12.016383 32.389007,17.011096 31.556557,18.913846 C 31.19979,20.578747 30.129495,20.935513 30.129495,20.935513 L 24.659094,20.935513 L 24.896938,21.767966 L 25.015859,21.767966 z "
+     id="path16227" /><path
+     style="fill:#515151;fill-rule:nonzero;stroke:none;stroke-width:1.2166667;stroke-miterlimit:4"
+     d="M 30.248418,20.459827 L 25.253704,20.459827 L 31.19979,11.421773 L 30.248418,20.459827 z "
+     id="path16229" /></g><path
+   style="color:#000000;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+   d="M 2.8042317,7.4528585 L 43.233985,7.4528585 C 43.384366,7.4528585 43.505431,7.5739234 43.505431,7.7243045 L 43.505431,31.422651 C 43.505431,32.368527 36.401687,38.5 36.251306,38.5 L 2.8042317,38.5 C 2.6538507,38.5 2.5327858,38.378935 2.5327858,38.228554 L 2.5327858,7.7243045 C 2.5327858,7.5739234 2.6538507,7.4528585 2.8042317,7.4528585 z "
+   id="rect7675"
+   sodipodi:nodetypes="ccccccccc" /><rect
+   style="opacity:0.84659095;color:#000000;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#4f4f4f;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+   id="rect8163"
+   width="35.0625"
+   height="25.0625"
+   x="5.5"
+   y="10.5" /><path
+   style="color:#000000;fill:url(#linearGradient8169);fill-opacity:1.0;fill-rule:evenodd;stroke:url(#linearGradient8177);stroke-width:1.00000024;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+   d="M 35.206652,39.468763 C 37.23707,39.798661 44.795445,34.938834 44.491063,30.970919 C 42.927801,33.394016 39.732541,32.257657 35.623783,32.416667 C 35.623783,32.416667 36.019152,38.968763 35.206652,39.468763 z "
+   id="path2210"
+   sodipodi:nodetypes="cccc" /><path
+   sodipodi:nodetypes="cccc"
+   id="path2247"
+   d="M 36.657089,37.277261 C 38.026868,36.593432 41.085338,35.130796 42.384719,33.249792 C 40.788625,33.929847 39.436909,33.459288 36.682385,33.440197 C 36.682385,33.440197 36.844707,36.502291 36.657089,37.277261 z "
+   style="opacity:0.36931817;color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient8166);stroke-width:0.99999982;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" /><path
+   style="opacity:0.30113636;color:#000000;fill:url(#radialGradient8161);fill-opacity:1.0;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+   d="M 3.0625,8 L 3.0625,30.0625 C 25.388579,30.950861 27.884634,17 43,17 L 43,8 L 3.0625,8 z "
+   id="rect8150"
+   sodipodi:nodetypes="ccccc" /></svg>

Web/static/img/icons/4.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+<defs>
+<linearGradient id="k" y2="30.6" gradientUnits="userSpaceOnUse" x2="31.3" y1="23.35" x1="27.01">
+<stop stop-color="#8a8a8a" offset="0"/>
+<stop stop-color="#484848" offset="1"/>
+</linearGradient>
+<linearGradient id="SVGID_3_" y2="55.65" gradientUnits="userSpaceOnUse" x2="-144.3" gradientTransform="matrix(1.335 0 0-1.291 229.6 104.1)" y1="52.71" x1="-146.9">
+<stop stop-color="#7d7d7d" offset="0"/>
+<stop stop-color="#b1b1b1" offset=".5"/>
+<stop stop-color="#686868" offset="1"/>
+</linearGradient>
+<linearGradient id="c" y2="25.86" gradientUnits="userSpaceOnUse" x2="17.83" y1="10.73" x1="18.81">
+<stop stop-color="#fff" offset="0"/>
+<stop stop-color="#fff" stop-opacity=".22" offset=".5"/>
+<stop stop-color="#fff" offset="1"/>
+</linearGradient>
+<radialGradient id="r" gradientUnits="userSpaceOnUse" cy="81.5" cx="-171.7" gradientTransform="matrix(1.399 0 0-1.399 259.5 136.2)" r="8.31">
+<stop stop-color="#729fcf" stop-opacity=".21" offset="0"/>
+<stop stop-color="#729fcf" stop-opacity=".68" offset="1"/>
+</radialGradient>
+<radialGradient id="b" gradientUnits="userSpaceOnUse" cy="-511.6" cx="-174.5" gradientTransform="matrix(1.446 0 0-.362 276.2-145.1)" r="16.53">
+<stop offset="0"/>
+<stop stop-opacity="0" offset="1"/>
+</radialGradient>
+<radialGradient id="g" gradientUnits="userSpaceOnUse" cy="166.4" cx="-296.8" gradientTransform="matrix(2.593 0 0-2.252 784.6 385.3)" r="6.66">
+<stop stop-color="#fff" offset="0"/>
+<stop stop-color="#fff" stop-opacity=".25" offset="1"/>
+</radialGradient>
+<radialGradient id="s" gradientUnits="userSpaceOnUse" cy="-1674" cx="314.9" gradientTransform="matrix(.498 0 0-.145-135.8-204.1)" r="16.53">
+<stop stop-color="#fff" offset="0"/>
+<stop stop-color="#fff" stop-opacity="0" offset="1"/>
+</radialGradient>
+</defs>
+<ellipse opacity=".17" rx="23.9" ry="5.98" cy="39.96" cx="23.92" fill="url(#b)"/>
+<g fill="#dcdcdc">
+<path d="m18.63 3.14c-8.14 0-14.75 6.61-14.75 14.75s6.61 14.74 14.75 14.74c3.48 0 6.55-1.38 9.1-3.4-0.2 1-0.08 2.04 0.76 2.76l10.96 9.53c1.23 1.07 3.09 0.93 4.16-0.3 1.07-1.24 0.93-3.09-0.3-4.16l-10.97-9.53c-0.67-0.58-1.49-0.76-2.3-0.64 1.98-2.52 3.36-5.55 3.36-9 0-8.14-6.6-14.75-14.74-14.75zm-0.08 1.23c7.64 0 13.29 4.79 13.29 13.29 0 8.68-5.81 13.29-13.29 13.29-7.3 0-13.29-5.47-13.29-13.29 0-7.98 5.82-13.29 13.29-13.29z" stroke="url(#k)" stroke-linecap="round" stroke-width="2"/>
+<path d="m18.6 3.08c-8.16 0-14.79 6.63-14.79 14.79 0 8.17 6.63 14.8 14.79 14.8 3.49 0 6.58-1.39 9.11-3.42-0.21 1-0.08 2.04 0.75 2.77l11 9.56c1.24 1.07 3.1 0.93 4.18-0.3 1.07-1.24 0.93-3.1-0.31-4.18l-11-9.56c-0.67-0.58-1.49-0.75-2.31-0.64 1.99-2.52 3.38-5.57 3.38-9 0-8.16-6.63-14.79-14.8-14.79m-0.07 3.19c6.28 0 11.38 5.09 11.38 11.38 0 6.28-5.1 11.37-11.38 11.37s-11.38-5.09-11.38-11.37c0-6.29 5.1-11.38 11.38-11.38"/>
+</g>
+<path d="m39.51 41.58c-0.48-2.28 1.39-4.81 3.58-4.79l-10.76-9.26c-2.94-0.06-4.27 2.27-3.78 4.6l10.96 9.45" fill="url(#SVGID_3_)"/>
+<circle cy="17.4" stroke="url(#c)" cx="18.38" r="13.77" fill="none"/>
+<ellipse rx="8.23" ry="2.4" cy="38.77" cx="20.99" fill="url(#s)"/>
+<circle cy="17.55" stroke="#3063a3" cx="18.38" r="11.62" fill="url(#r)"/>
+<path opacity=".83" d="m18.2 7.4c-5.21 0-9.43 4.21-9.43 9.42 0 1.51 0.42 2.89 1.05 4.15 1.25 0.46 2.58 0.78 3.99 0.78 6.18 0 11.1-4.86 11.48-10.94-1.73-2.05-4.21-3.41-7.09-3.41" fill="url(#g)"/>
+<rect opacity="0.43" rx="2.468" transform="matrix(.7530 .6580 -.6489 .7609 0 0)" height="5" width="19" stroke="#fff" y="-.13" x="40.5" fill="none"/>
+</svg>

Web/static/img/icons/5.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="a">
+      <stop stop-color="#fdfdfd" offset="0"/>
+      <stop stop-color="#d4d4d4" offset="1"/>
+    </linearGradient>
+    <radialGradient id="c" cx="27.216" gradientUnits="userSpaceOnUse" cy="35.673" r="19.571" gradientTransform="matrix(2.8831 0 0 2.136 -64.968 -52.486)">
+      <stop stop-color="#5d5d5d" offset="0"/>
+      <stop stop-color="#444" offset="1"/>
+    </radialGradient>
+    <linearGradient id="d" y2="49.143" gradientUnits="userSpaceOnUse" y1="13.143" x2="21.536" x1="5.463">
+      <stop stop-color="#fff" offset="0"/>
+      <stop stop-color="#fff" stop-opacity="0" offset="1"/>
+    </linearGradient>
+    <radialGradient id="b" cx="24.643" gradientUnits="userSpaceOnUse" cy="44.286" r="22.071" gradientTransform="matrix(1 0 0 .20712 0 35.113)">
+      <stop offset="0"/>
+      <stop stop-opacity="0" offset="1"/>
+    </radialGradient>
+    <linearGradient id="g" y2="11.107" gradientUnits="userSpaceOnUse" y1="15.929" x2="7.929" x1="10.679">
+      <stop stop-color="#939393" offset="0"/>
+      <stop stop-color="#d9d9d9" offset="1"/>
+    </linearGradient>
+    <linearGradient id="e" y2="18.693" xlink:href="#a" gradientUnits="userSpaceOnUse" y1="6.11" x2="18.773" x1="2.761"/>
+    <linearGradient id="f" y2="18.693" xlink:href="#a" gradientUnits="userSpaceOnUse" y1="6.11" gradientTransform="translate(-.6 -.578)" x2="18.773" x1="2.761"/>
+  </defs>
+  <path d="M46.714 44.286a22.071 4.571 0 1 1-44.143 0 22.071 4.571 0 1 1 44.143 0z" opacity=".744" display="block" transform="translate(0 -.857)" fill="url(#b)" color="#000"/>
+  <rect height="28" stroke="#1b1b1b" fill="url(#c)" rx="1.143" ry="1.143" width="38.143" y="16.571" x="5.429" display="block" color="#000"/>
+  <rect height="26.06" stroke="url(#d)" fill="none" rx=".274" ry=".274" width="36.073" opacity=".312" y="17.489" x="6.392" display="block" color="#000"/>
+  <g transform="scale(-1 1) rotate(13.416 -44.619 -192.089)">
+    <rect transform="rotate(-12.991)" stroke="#2b2b2b" fill="url(#e)" rx="1.143" ry="1.143" width="39.806" height="6.509" y="10.353" x="1.705" display="block" color="#000"/>
+    <path d="M9.19 8.97l-2.43 6.57 4.714-1.286 2.429-6.286-4.714 1zm9.142-2.072l-2.285 6.5 4.714-1.143 2.286-6.357-4.715 1zm9.572-2.214l-2.286 6.428 4.714-1.143 2.286-6.285-4.714 1z" fill-rule="evenodd"/>
+    <path d="M39.413 2.018c.229.156.401.364.469.657l.732 3.075-.723 2-4.688 1.085 2.281-6.357 1.929-.46z" display="block" color="#000"/>
+    <rect ry=".265" stroke="#fff" fill="none" rx=".265" transform="rotate(-12.991)" width="37.843" height="4.607" stroke-opacity=".575" y="11.327" x="2.672" display="block" color="#000"/>
+  </g>
+  <rect transform="rotate(-12.991)" stroke="#2e2e2e" fill="url(#f)" rx="1.143" ry="1.143" width="40.077" height="6.942" y="9.685" x=".67" display="block" color="#000"/>
+  <path d="M10.143 8.143l-2.429 6.571 4.715-1.285 2.428-6.286-4.714 1zm9.286-2.357l-2.643 7 4.714-1.143 2.643-6.857-4.714 1zm9.642-2.143L26.5 10.786l4.714-1.143 2.572-7-4.715 1z" fill-rule="evenodd"/>
+  <path d="M41.295.978c.229.156.401.363.468.656l.661 2.647-1.08 2.786-5.116 1.228L38.58 1.58l2.715-.602z" display="block" color="#000"/>
+  <rect ry=".265" stroke="#fff" fill="none" rx=".265" transform="rotate(-12.991)" width="38.199" height="4.915" stroke-opacity=".575" y="10.659" x="1.637" display="block" color="#000"/>
+  <path d="M6.536 10.893v7.786a.96.96 0 0 0 .857.928h7.893c.863 0 1.274-1.262.607-1.928l-6.214-7.286c-.965-1.393-3.143-.714-3.143.5z" fill-rule="evenodd" stroke="#1b1b1b" fill="url(#g)"/>
+  <path d="M8.964 12.232a.482.482 0 1 1-.964 0 .482.482 0 1 1 .964 0zm0 5.285a.482.482 0 1 1-.964 0 .482.482 0 1 1 .964 0zm5.036 0a.482.482 0 1 1-.964 0 .482.482 0 1 1 .964 0z" display="block" fill="#fff" color="#000"/>
+  <path d="M10 32.429h28m-28 4.142h28M32.5 32v-4M10 36.571h28M22.5 32v-4M9.743 40.571h13.3" opacity=".261" stroke="#fff" fill="none"/>
+  <path d="M21.489 33.888c.078.664.168 1.326.272 1.987l-1.45.767c-.092-.649-.169-1.302-.311-1.943l1.489-.811zm2.648.574c-.017 1.43.466.82-1.315 1.781.561-.896 1.508-1.801 2.442-.994 1.782.29-.987 1.708.244.217 1.789-1.562 1.529-.687 3.03-.598 1.225.296 1.236.038-.392.975l.066-.058 1.54-.652a5.273 5.273 0 0 0-.052.08c-1.935 1.155-1.148.815-2.51.637-1.284-.225-1.978-.38-.151-1.02-.785.89-2.052 2.27-3.178 1.295-1.093-.806 1.467-1.661.526-.503-1.846 1.017-1.652 1.067-1.762-.39l1.512-.77zm7.919-1.68c.1 1.037.156 2.077.279 3.112.98 1.274-1.257 3.189-.927 1.245.235-2.232.447-2.645 2.428-3.358.377.677.583 1.471 1.173 1.877-3.33 1.756 1.165-1.019 1.665-1.284.32-.075.646-.114.972-.16l-1.322.99c-.32.047-.643.081-.953.18 2.064-1.316-.39.58-1.724 1.25-.636-.498-.787-1.303-1.227-1.982 2.165-1.526.436-.097.44 1.773-.196 1.617-2.285 2.443-1.938.212-.119-1.02-.172-2.053-.364-3.06l1.498-.795z" fill="#fff"/>
+  <g fill="#fff">
+    <path d="M13.353 28.156c1.847-1.351 1.143-.285 1.145 1.163-.015 1.304.178 2.593.468 3.86l-1.28.692c-.291-1.277-.486-2.576-.482-3.89-.02-1.575-.293-1.98 1.366-2.709l-1.217.884zm4.355.04c-.024.8-.024 1.603-.027 2.405l-.001 1.01-1.283.653-.001-1.008c-.003-.793-.003-1.585-.027-2.378l1.34-.682zm2.253-1.229c.1.807.119 1.678.147 2.508.008.244.014.488.02.733l-1.274.655c-.008-.244-.014-.488-.024-.731-.037-.827-.043-1.671-.208-2.483l1.34-.682zm2.459-.615c-.2.692-.273 1.416-.343 2.134a49.16 49.16 0 0 0-.13 2.32l-1.275.643c.03-.774.06-1.548.118-2.321.055-.698.084-1.425.29-2.093l1.34-.683z"/>
+    <path d="M11.914 28.091c.92.194 1.853.354 2.78.511 2.18.337 4.368.636 6.56.887a170.7 170.7 0 0 1 2.747.3l-1.184.838c-.907-.112-1.814-.217-2.723-.316a230.868 230.868 0 0 1-6.566-.89c-.94-.151-1.888-.336-2.83-.445l1.216-.885z"/>
+  </g>
+</svg>

Web/static/img/icons/6.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
+  <defs>
+    <radialGradient xlink:href="#a" id="d" cx="4.3920336" cy="32.307854" r="6.375" fx="4.3920336" fy="32.307854" gradientTransform="matrix(1 0 0 .5098 0 16.05392)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#a" id="e" cx="4.3920336" cy="32.307854" r="6.375" fx="4.3920336" fy="32.307854" gradientTransform="matrix(1 0 0 .5098 0 16.05392)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#b" id="c" cx="23.25" cy="35.375" r="18.5" fx="23.25" fy="35.375" gradientTransform="matrix(1 0 0 .39865 0 21.2728)" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="b">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <g color="#000">
+    <path fill="url(#c)" fill-rule="evenodd" d="M41.75 35.375a18.5 7.375 0 1 1-37 0 18.5 7.375 0 1 1 37 0z" opacity=".3" overflow="visible" style="marker:none" transform="translate(0 2.834646)"/>
+    <path fill="#9db029" stroke="#596616" stroke-linecap="round" stroke-linejoin="round" d="M41.625 7.7951523 18.5625 10.629798v21.78125c-1.645955-.557651-3.931785-.703429-6.4375-.1875-4.356314.896969-7.4778602 3.299487-7 5.34375.4778601 2.044263 4.393685 2.99072 8.75 2.09375 4.116641-.84762 7.684123-3.037802 7.602633-5l.15625-19.03125 16.930457-2.895306v17.284614c-10.25-1.5-13.292201 2.893236-12.81434 4.9375.47786 2.044263 4.393686 2.990719 8.75 2.09375 3.865376-.795885 6.63241-2.763211 6.90625-4.625L41.625 7.7951523z" display="block" style="marker:none"/>
+    <path fill="none" stroke="#fff" d="M40.729036 8.8956383 19.547267 11.730284v21.838337c-7.565255-1.90531-13.7331038 1.834409-13.2786726 3.778444.7044311 3.319035 14.3783746 1.102234 14.3008796-3.13876l.148589-19.473166 18.850374-2.892332v19.437166c-7.566284-1.926647-13.265498 1.376384-12.811066 3.32042.579431 3.194035 12.378226 2.113362 13.76364-2.657146l.208025-23.0476087z" display="block" opacity=".51176471" style="marker:none"/>
+    <path fill="url(#d)" d="M12.25 32.75a6.375 3.25 0 1 1-12.75 0 6.375 3.25 0 1 1 12.75 0z" display="block" opacity=".51176471" overflow="visible" style="marker:none" transform="matrix(.73452 -.11164 .11164 .73452 3.903362 12.22551)"/>
+    <path fill="url(#e)" d="M12.25 32.75a6.375 3.25 0 1 1-12.75 0 6.375 3.25 0 1 1 12.75 0z" display="block" opacity=".51176471" overflow="visible" style="marker:none" transform="matrix(.73452 -.11164 .11164 .73452 23.74587 9.390864)"/>
+  </g>
+</svg>

Web/static/img/icons/7.svg

@@ -0,0 +1,408 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="internet-news-reader.svg"
+   sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/apps"
+   inkscape:version="0.46"
+   sodipodi:version="0.32"
+   id="svg1724"
+   height="48px"
+   width="48px"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs3">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 24 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="48 : 24 : 1"
+       inkscape:persp3d-origin="24 : 16 : 1"
+       id="perspective66" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient6719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-2.774389,0,0,1.969706,112.7623,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5060">
+      <stop
+         style="stop-color:black;stop-opacity:1;"
+         offset="0"
+         id="stop5062" />
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="1"
+         id="stop5064" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5060"
+       id="radialGradient6717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1891.633,-872.8854)"
+       cx="605.71429"
+       cy="486.64789"
+       fx="605.71429"
+       fy="486.64789"
+       r="117.14286" />
+    <linearGradient
+       id="linearGradient5048">
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="0"
+         id="stop5050" />
+      <stop
+         id="stop5056"
+         offset="0.5"
+         style="stop-color:black;stop-opacity:1;" />
+      <stop
+         style="stop-color:black;stop-opacity:0;"
+         offset="1"
+         id="stop5052" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5048"
+       id="linearGradient6715"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.774389,0,0,1.969706,-1892.179,-872.8854)"
+       x1="302.85715"
+       y1="366.64789"
+       x2="302.85715"
+       y2="609.50507" />
+    <linearGradient
+       id="linearGradient2951"
+       inkscape:collect="always">
+      <stop
+         id="stop2953"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+      <stop
+         id="stop2955"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2941"
+       inkscape:collect="always">
+      <stop
+         id="stop2943"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop2945"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2926">
+      <stop
+         id="stop2928"
+         offset="0.0000000"
+         style="stop-color:#787878;stop-opacity:1.0000000;" />
+      <stop
+         id="stop2930"
+         offset="1.0000000"
+         style="stop-color:#d0d0d0;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2908">
+      <stop
+         id="stop2910"
+         offset="0"
+         style="stop-color:#828282;stop-opacity:1;" />
+      <stop
+         id="stop2912"
+         offset="1"
+         style="stop-color:#828282;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2831">
+      <stop
+         id="stop2833"
+         offset="0.0000000"
+         style="stop-color:#919191;stop-opacity:1.0000000;" />
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:1.0000000;"
+         offset="0.20232038"
+         id="stop2839" />
+      <stop
+         id="stop2843"
+         offset="0.23641536"
+         style="stop-color:#f3f3f3;stop-opacity:1.0000000;" />
+      <stop
+         id="stop2841"
+         offset="0.29892281"
+         style="stop-color:#e6e6e6;stop-opacity:1.0000000;" />
+      <stop
+         id="stop2835"
+         offset="1.0000000"
+         style="stop-color:#f8f8f8;stop-opacity:1.0000000;" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="17.640900"
+       x2="17.808550"
+       y1="46.606094"
+       x1="17.827532"
+       gradientTransform="matrix(1.376922,0.000000,0.000000,0.824973,-1.442762,-2.734599)"
+       id="linearGradient2837"
+       xlink:href="#linearGradient2831"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="25.539530"
+       x2="12.728428"
+       y1="38.134369"
+       x1="12.745098"
+       gradientTransform="matrix(1.119541,0.000000,0.000000,0.893223,0.125000,-1.125000)"
+       id="linearGradient2932"
+       xlink:href="#linearGradient2926"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="73.135864"
+       x2="40.419140"
+       y1="13.835308"
+       x1="4.6806560"
+       gradientTransform="matrix(1.310510,0.000000,0.000000,0.763062,0.125000,-1.125000)"
+       id="linearGradient2947"
+       xlink:href="#linearGradient2941"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       r="10.295440"
+       fy="44.613575"
+       fx="11.770608"
+       cy="44.613575"
+       cx="11.770608"
+       gradientTransform="scale(2.033667,0.491723)"
+       id="radialGradient2957"
+       xlink:href="#linearGradient2951"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-y="30"
+     inkscape:window-x="225"
+     inkscape:window-height="818"
+     inkscape:window-width="929"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     showgrid="false"
+     inkscape:current-layer="layer1"
+     inkscape:cy="18.851997"
+     inkscape:cx="22.057648"
+     inkscape:zoom="1"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="0.16470588"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:showpageshadow="false" />
+  <metadata
+     id="metadata4">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>News</dc:title>
+        <dc:date>2005-03-11</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Jakub Steiner</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:source>http://jimmac.musichall.cz/</dc:source>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>news</rdf:li>
+            <rdf:li>usenet</rdf:li>
+            <rdf:li>new</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     id="layer1">
+    <g
+       transform="matrix(2.374466e-2,0,0,2.086758e-2,44.68185,33.2786)"
+       id="g6707">
+      <rect
+         style="opacity:0.40206185;color:black;fill:url(#linearGradient6715);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         id="rect6709"
+         width="1339.6335"
+         height="478.35718"
+         x="-1559.2523"
+         y="-150.69685" />
+      <path
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient6717);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         d="M -219.61876,-150.68038 C -219.61876,-150.68038 -219.61876,327.65041 -219.61876,327.65041 C -76.744594,328.55086 125.78146,220.48075 125.78138,88.454235 C 125.78138,-43.572302 -33.655436,-150.68036 -219.61876,-150.68038 z "
+         id="path6711"
+         sodipodi:nodetypes="cccc" />
+      <path
+         sodipodi:nodetypes="cccc"
+         id="path6713"
+         d="M -1559.2523,-150.68038 C -1559.2523,-150.68038 -1559.2523,327.65041 -1559.2523,327.65041 C -1702.1265,328.55086 -1904.6525,220.48075 -1904.6525,88.454235 C -1904.6525,-43.572302 -1745.2157,-150.68036 -1559.2523,-150.68038 z "
+         style="opacity:0.40206185;color:black;fill:url(#radialGradient6719);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    </g>
+    <path
+       sodipodi:nodetypes="cssssssss"
+       id="path1943"
+       d="M 6.6318643,11.549491 L 2.3792281,31.036252 C 1.6982888,34.156506 3.1866903,36.150182 5.3399238,36.150182 L 42.590860,36.150182 C 44.744093,36.150182 46.246357,33.815110 45.497724,31.090083 L 40.114641,11.495661 C 39.966374,10.955968 39.277978,10.525719 38.715040,10.526706 L 8.0314653,10.580537 C 7.2043318,10.581987 6.7925280,10.813285 6.6318643,11.549491 z "
+       style="fill:url(#linearGradient2837);fill-opacity:1.0000000;fill-rule:evenodd;stroke:#828282;stroke-width:1.0000000;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-opacity:1.0000000" />
+    <path
+       sodipodi:nodetypes="ccccc"
+       id="path2850"
+       d="M 36.854646,13.732143 L 28.535714,13.732143 L 29.311828,18.303571 L 37.696429,18.303571 L 36.854646,13.732143 z "
+       style="fill:#000000;fill-opacity:0.17543860;fill-rule:evenodd;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2852"
+       d="M 38.714286,21.357143 L 23.714286,21.357143"
+       style="stroke-opacity:0.099415191;stroke-linejoin:miter;stroke-linecap:round;stroke-width:1.0000000px;stroke:#000000;fill-rule:evenodd;fill-opacity:0.75000000;fill:none" />
+    <path
+       style="fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.0000000px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:0.099415191"
+       d="M 39.214286,23.357143 L 23.714286,23.357143"
+       id="path2854"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2856"
+       d="M 39.839286,25.357143 L 23.714286,25.357143"
+       style="stroke-opacity:0.12280702;stroke-linejoin:miter;stroke-linecap:round;stroke-width:1.0000000px;stroke:#000000;fill-rule:evenodd;fill-opacity:0.75000000;fill:none" />
+    <path
+       style="stroke-opacity:0.15204678;stroke-linejoin:miter;stroke-linecap:round;stroke-width:0.99128145px;stroke:#000000;fill-rule:evenodd;fill-opacity:0.75000000;fill:none"
+       d="M 40.410467,27.357143 L 23.705605,27.357143"
+       id="path2858"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2860"
+       d="M 41.035175,29.357143 L 23.705897,29.357143"
+       style="fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.99157524px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:0.15204675" />
+    <path
+       style="fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.99190271px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:0.15204675"
+       d="M 41.784851,31.357143 L 23.706221,31.357143"
+       id="path2862"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2864"
+       d="M 40.852709,33.357143 L 23.700863,33.357143"
+       style="stroke-opacity:0.11695904;stroke-linejoin:miter;stroke-linecap:round;stroke-width:0.98648584px;stroke:#000000;fill-rule:evenodd;fill-opacity:0.75000000;fill:none" />
+    <g
+       transform="translate(0.500000,-1.125000)"
+       id="g2882">
+      <text
+         xml:space="preserve"
+         style="font-size:6.5877376;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#000000;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Times New Roman;text-anchor:start;writing-mode:lr-tb"
+         x="11.739901"
+         y="19.331924"
+         id="text2866"
+         sodipodi:linespacing="100%"
+         transform="matrix(1.000000,0.000000,-0.169202,1.000000,0.000000,0.000000)"><tspan
+           sodipodi:role="line"
+           id="tspan2868"
+           x="11.739901"
+           y="19.331924">N</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-size:6.5877376;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#000000;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Times New Roman;text-anchor:start;writing-mode:lr-tb"
+         x="15.444986"
+         y="19.331924"
+         id="text2870"
+         sodipodi:linespacing="100%"
+         transform="matrix(1.000000,0.000000,-0.114632,1.000000,0.000000,0.000000)"><tspan
+           sodipodi:role="line"
+           id="tspan2872"
+           x="15.444986"
+           y="19.331924">E</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-size:6.5877376;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#000000;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Times New Roman;text-anchor:start;writing-mode:lr-tb"
+         x="16.637789"
+         y="19.331924"
+         id="text2874"
+         sodipodi:linespacing="100%"
+         transform="matrix(1.000000,0.000000,5.603472e-2,1.000000,0.000000,0.000000)"><tspan
+           sodipodi:role="line"
+           id="tspan2876"
+           x="16.637789"
+           y="19.331924">W</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-size:6.5877376;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#000000;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Times New Roman;text-anchor:start;writing-mode:lr-tb"
+         x="21.811335"
+         y="19.328707"
+         id="text2878"
+         sodipodi:linespacing="100%"
+         transform="matrix(1.000000,0.000000,0.109619,1.000000,0.000000,0.000000)"><tspan
+           sodipodi:role="line"
+           id="tspan2880"
+           x="21.811335"
+           y="19.328707">S</tspan></text>
+    </g>
+    <path
+       sodipodi:nodetypes="ccsscc"
+       id="path2924"
+       d="M 21.125000,21.375000 L 21.125000,33.375000 L 8.1874999,33.375000 C 7.0555768,33.375000 6.1249999,32.187500 6.6874999,30.500000 C 6.6874999,30.500000 8.6249999,21.375000 8.6249999,21.375000 L 21.125000,21.375000 z "
+       style="fill:url(#linearGradient2932);fill-opacity:1.0000000;fill-rule:evenodd;stroke:#9e9e9e;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path2934"
+       d="M 20.187500,31.437500 L 7.6875000,31.437500"
+       style="fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.0000000px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.30994150" />
+    <path
+       style="fill:none;fill-opacity:0.75000000;fill-rule:evenodd;stroke:#ffffff;stroke-width:2.4495406px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.30994150"
+       d="M 20.187500,31.437350 L 7.6875000,31.437350"
+       id="path2937"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-opacity:1.0000000;fill-rule:evenodd;stroke:url(#linearGradient2947);stroke-width:0.98188436px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000"
+       d="M 7.4330493,12.290153 L 3.4527295,31.055192 C 3.0113565,33.136025 3.1341190,35.141495 5.4303252,35.141495 L 42.123439,35.141495 C 44.357145,35.141495 45.079222,33.295029 44.301442,30.479785 L 39.279677,12.303060 C 39.142367,11.806056 38.821386,11.472031 38.302769,11.472893 L 8.4724575,11.522485 C 7.8354451,11.523544 7.5463405,11.756047 7.4330493,12.290153 z "
+       id="path2939"
+       sodipodi:nodetypes="cssssssss" />
+    <path
+       transform="translate(-0.156250,0.125000)"
+       d="M 6.2187500 31.437500 A 0.96875000 0.96875000 0 1 1  4.2812500,31.437500 A 0.96875000 0.96875000 0 1 1  6.2187500 31.437500 z"
+       sodipodi:ry="0.96875000"
+       sodipodi:rx="0.96875000"
+       sodipodi:cy="31.437500"
+       sodipodi:cx="5.2500000"
+       id="path2963"
+       style="overflow:visible;display:inline;visibility:visible;marker-end:none;marker-mid:none;marker-start:none;marker:none;stroke-opacity:1.0000000;stroke-dashoffset:0.0000000;stroke-miterlimit:4.0000000;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.0000000;stroke:none;fill-rule:nonzero;fill-opacity:0.63742691;fill:#ffffff;color:#000000"
+       sodipodi:type="arc" />
+  </g>
+</svg>

Web/static/img/icons/8.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
+  <defs>
+    <path id="l" fill="#fff" d="M18.788838 12.493138a6.7175145 6.7175145 0 1 1-13.4350291 0 6.7175145 6.7175145 0 1 1 13.4350291 0z" overflow="visible" style="marker:none"/>
+  </defs>
+  <defs>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="e">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="d">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#fff" stop-opacity=".16494845"/>
+    </linearGradient>
+    <linearGradient id="c">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="b">
+      <stop offset="0" stop-color="#d3e9ff"/>
+      <stop offset=".15517241" stop-color="#d3e9ff"/>
+      <stop offset=".75" stop-color="#4074ae"/>
+      <stop offset="1" stop-color="#36486c"/>
+    </linearGradient>
+    <linearGradient xlink:href="#a" id="i" x1="-25.176178" x2="-22.252472" y1="30.057165" y2="21.041553" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#a" id="j" x1="-25.176178" x2="-22.113543" y1="30.057165" y2="22.661524" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#a" id="m" x1="-22.822565" x2="-22.113543" y1="28.337734" y2="22.661524" gradientUnits="userSpaceOnUse"/>
+    <linearGradient xlink:href="#a" id="n" x1="-21.658581" x2="-21.962101" y1="15.649428" y2="21.336346" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#b" id="g" cx="18.247644" cy="15.716079" r="29.993349" fx="18.247644" fy="15.716079" gradientTransform="scale(.99999 1.00001)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#c" id="f" cx="15.115514" cy="63.965388" r="12.289036" fx="15.115514" fy="63.965388" gradientTransform="scale(1.64399 .60828)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#d" id="h" cx="15.601279" cy="12.142302" r="43.526714" fx="15.601279" fy="12.142302" gradientTransform="scale(.99999 1.00001)" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="o" cx="12.071323" cy="12.493138" r="6.7175145" fx="12.071323" fy="12.493138" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="p" cx="12.071323" cy="12.493138" r="6.7175145" fx="12.071323" fy="12.493138" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="k" cx="12.071323" cy="12.493138" r="6.7175145" fx="12.071323" fy="12.493138" gradientUnits="userSpaceOnUse"/>
+    <radialGradient xlink:href="#e" id="q" cx="12.071323" cy="12.493138" r="6.7175145" fx="12.071323" fy="12.493138" gradientUnits="userSpaceOnUse"/>
+  </defs>
+  <path fill="url(#f)" d="M45.052803 38.908627a20.203051 7.4751287 0 1 1-40.4061012 0 20.203051 7.4751287 0 1 1 40.4061012 0z" transform="matrix(1 0 0 1.24324 0 -10.27241)"/>
+  <path fill="url(#g)" stroke="#39396c" d="M43.959853 23.485499c0 10.709718-8.682103 19.391723-19.390348 19.391723-10.709226 0-19.3908387-8.682103-19.3908387-19.391723 0-10.709227 8.6816127-19.3903473 19.3908387-19.3903473 10.708245 0 19.390348 8.6811203 19.390348 19.3903473z"/>
+  <g fill="#204a87" fill-opacity=".71345031" transform="translate(.121079 .232914) scale(.98237)">
+    <path d="M44.0713 20.7144c0 .2627 0 0 0 0l-.5449.6172c-.334-.3936-.709-.7246-1.0898-1.0703l-.8359.123-.7637-.8633v1.0684l.6543.4951.4355.4932.582-.6582c.1465.2744.291.5488.4365.8232v.8223l-.6553.7402-1.1992.8232-.9082.9063-.582-.6602.291-.7402-.5811-.6582-.9814-2.0977-.8359-.9453-.2188.2461.3281 1.1934.6172.6992c.3525 1.0176.7012 1.9902 1.1641 2.9629.7178 0 1.3945-.0762 2.1074-.166v.5762l-.8721 2.1392-.7998.9043-.6543 1.4004v2.3027l.2188.9063-.3633.4102-.8008.4941-.8359.6992.6914.7813-.9453.8242.1816.5332-1.418 1.6055h-.9443l-.7998.4941h-.5098v-.6582l-.2168-1.3184c-.2813-.8262-.5742-1.6465-.8721-2.4668 0-.6055.0361-1.2051.0723-1.8105l.3643-.8223-.5098-.9883.0371-1.3574-.6914-.7813.3457-1.1309-.5625-.6382h-.9824l-.3271-.3701-.9814.6177-.3994-.4536-.9092.7817c-.6172-.6997-1.2354-1.3989-1.8535-2.0981l-.7266-1.7285.6543-.9863-.3633-.4111.7988-1.8936c.6563-.8164 1.3418-1.5996 2.0352-2.3857l1.2363-.3291 1.3809-.1641.9453.2471L33.459 19.15l.4727-.5342.6533-.082 1.2363.4111h.9453l.6543-.5762.291-.4111-.6553-.4111-1.0908-.082c-.3027-.4199-.584-.8613-.9434-1.2344l-.3643.1641-.1455 1.0703-.6543-.7402-.1445-.8242-.7266-.5742h-.292l.7275.8223-.291.7402-.5811.1641.3633-.7402-.6553-.3281-.5801-.6582-1.0918.2461-.1445.3281-.6543.4121-.3633.9053-.9082.4521-.4004-.4521h-.4355v-1.4814l.9453-.4941h.7266l-.1465-.5752-.5801-.5762.9805-.2061.5449-.6162.4355-.7412h.8008l-.2188-.5752.5098-.3291v.6582l1.0898.2461 1.0898-.9043.0732-.4121.9443-.6577c-.3418.0425-.6836.0737-1.0176.1646v-.7411l.3633-.8228h-.3633l-.7984.7402-.2188.4116.2188.5767-.3643.9863-.5811-.3291-.5078-.5752-.8008.5752-.291-1.3159 1.3809-.9048v-.4941l.873-.5757 1.3809-.3296.9453.3296 1.7441.3291-.4355.4932h-.9453l.9453.9873.7266-.8223.2207-.3618s2.7871 2.498 4.3799 5.2305c1.5928 2.7334 2.3408 5.9551 2.3408 6.6094zM26.0703 9.2363l-.0732.4932.5098.3291.8711-.5757-.4355-.4937-.582.3296-.29-.0825m.7996-3.373-1.8906-.7407-2.1797.2466-2.6904.7402-.5088.4941 1.6719 1.1514v.6582l-.6543.6582.873 1.729.5801-.3301.7285-1.1514c1.123-.3472 2.1299-.7407 3.1973-1.2344l.873-2.2212m1.9629 6.9117-.291-.7412-.5098.165.1465.9043.6543-.3281"/>
+    <path d="m29.123 12.6089-.1455.9883.7998-.165.5811-.5752-.5088-.4941c-.1709-.4551-.3672-.8799-.5811-1.3164h-.4355v.4932l.29.3291v.7402M18.3652 28.2422l-.582-1.1523-1.0903-.2466-.5815-1.5625-1.4536.1641-1.2354-.9043-1.3091 1.1514v.1816c-.396-.1143-.8828-.1299-1.2354-.3467l-.291-.8223v-.9053l-.8721.082c.0728-.5762.145-1.1514.2183-1.7275h-.5093l-.5083.6582-.5093.2461-.7271-.4102-.0728-.9053.1455-.9873 1.0908-.8223h.8721l.145-.4941 1.0903.2461.7998.9883.1455-1.6465 1.3813-1.1514.5088-1.2344 1.0176-.4111.5815-.8223 1.3081-.248.6548-.9863h-1.9629l1.2358-.5762h.8716l1.2363-.4121.1455-.4922-.4365-.4121-.5088-.165.1455-.4932-.3633-.7402-.8726.3281.1455-.6577-1.0176-.5762-.7993 1.3979.0723.4941-.7993.3301-.5093 1.0693-.2178-.9873-1.3813-.5762-.2183-.7402 1.8174-1.0703.7998-.7402.0728-.9048-.436-.2471-.5815-.0825-.3633.9053s-.6079.1191-.7642.1577c-1.9961 1.8394-6.0293 5.8101-6.9663 13.3062.0371.1738.6792 1.1816.6792 1.1816l1.5264.9043 1.5264.4121.6548.8232 1.0171.7402.5815-.082.436.1963v.1328l-.5811 1.563-.4365.6582.1455.3301-.3633 1.2324 1.3086 2.3867 1.3081 1.1523.582.8223-.0732 1.7285.4365.9863-.4365 1.8926s-.0342-.0117.0215.1777c.0562.1895 2.3291 1.4512 2.4736 1.3438.144-.1094.2671-.2051.2671-.2051l-.145-.4102.5811-.5762.2183-.5762.9453-.3301.7266-1.8105-.2178-.4922.5078-.7402 1.0908-.248.582-1.3164-.1455-1.6445.8721-1.2344.1455-1.2344c-1.1934-.5918-2.377-1.2012-3.5615-1.8105M16.7656 9.5649l.7266.4937h.582v-.5757l-.7266-.3291-.582.4111"/>
+    <path d="m14.876 8.9072-.3638.9048h.7271l.3638-.8228c.3135-.2217.6255-.4448.9448-.6582l.7271.2471c.4844.3291.9688.6582 1.4536.9868l.7275-.6577-.8003-.3291-.3638-.7407-1.3809-.1646-.0728-.4116-.6543.165-.2904.5758-.3638-.7407-.145.3291.0728.8228-.5816.494m2.6162-2.0576.3638-.3286.7271-.1646c.498-.2422.998-.4053 1.5264-.5762l-.29-.4937-.9385.1348-.4434.4419-.731.106-.6499.3052-.3159.1528-.1929.2583.9443.1641m1.2363 7.8169.4365-.6582-.6548-.4932.2183 1.1514"/>
+  </g>
+  <path fill="none" stroke="url(#h)" d="M42.975093 23.485534c0 10.16582-8.241178 18.406906-18.4056 18.406906-10.165354 0-18.4060669-8.241179-18.4060669-18.406906 0-10.165354 8.2407129-18.4056 18.4060669-18.4056 10.164422 0 18.4056 8.240246 18.4056 18.4056z" opacity=".3956044"/>
+  <path fill="none" stroke="url(#i)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".88164198" d="M-2.8284283 21.041553a15.733126 9.4575529 0 1 1-31.4662517 0 15.733126 9.4575529 0 1 1 31.4662517 0z" color="#000" overflow="visible" style="marker:none" transform="matrix(1.13103 .6131 -.47656 .87914 54.09058 16.04435)"/>
+  <path fill="none" stroke="url(#j)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".88164198" d="M-2.8284283 21.041553a15.733126 9.4575529 0 1 1-31.4662517 0 15.733126 9.4575529 0 1 1 31.4662517 0z" color="#000" overflow="visible" style="marker:none" transform="matrix(.93933 -.87909 .6833 .73013 32.31406 -4.451561)"/>
+  <g fill-rule="evenodd" color="#000" transform="matrix(-1.04577 .76725 .76725 1.04577 35.61651 -22.14396)">
+    <path fill="url(#k)" d="M18.788838 12.493138a6.7175145 6.7175145 0 1 1-13.4350291 0 6.7175145 6.7175145 0 1 1 13.4350291 0z" overflow="visible" style="marker:none" transform="translate(14.95026 22.93047)"/>
+    <use xlink:href="#l" overflow="visible" style="marker:none" transform="translate(23.30035 31.57234) scale(.30827)"/>
+  </g>
+  <path fill="none" stroke="url(#m)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".88164198" d="M-2.8284283 21.041553a15.733126 9.4575529 0 1 1-31.4662517 0 15.733126 9.4575529 0 1 1 31.4662517 0z" color="#000" overflow="visible" style="marker:none" transform="matrix(-1.28032 -.12616 .09806 -.99518 -2.405125 40.52387)"/>
+  <path fill="none" stroke="url(#n)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".90226138" d="M-2.8284283 21.041553a15.733126 9.4575529 0 1 1-31.4662517 0 15.733126 9.4575529 0 1 1 31.4662517 0z" color="#000" overflow="visible" style="marker:none" transform="matrix(.91787 -.85898 .6677 .71343 27.63317 -6.909069)"/>
+  <g fill-rule="evenodd" color="#000" transform="scale(-1 1) rotate(36.266 21.33340587 -27.92446612)">
+    <path fill="url(#o)" d="M18.788838 12.493138a6.7175145 6.7175145 0 1 1-13.4350291 0 6.7175145 6.7175145 0 1 1 13.4350291 0z" overflow="visible" style="marker:none" transform="translate(14.95026 22.93047)"/>
+    <use xlink:href="#l" overflow="visible" style="marker:none" transform="translate(23.30035 31.57234) scale(.30827)"/>
+  </g>
+  <g fill-rule="evenodd" color="#000" transform="scale(-1 1) rotate(36.266 41.34363601 -36.35995218)">
+    <path fill="url(#p)" d="M18.788838 12.493138a6.7175145 6.7175145 0 1 1-13.4350291 0 6.7175145 6.7175145 0 1 1 13.4350291 0z" overflow="visible" style="marker:none" transform="translate(14.95026 22.93047)"/>
+    <use xlink:href="#l" overflow="visible" style="marker:none" transform="translate(23.30035 31.57234) scale(.30827)"/>
+  </g>
+  <g fill-rule="evenodd" color="#000" transform="matrix(-.87023 .63857 .63846 .87038 25.20503 -35.31278)">
+    <path fill="url(#q)" d="M18.788838 12.493138a6.7175145 6.7175145 0 1 1-13.4350291 0 6.7175145 6.7175145 0 1 1 13.4350291 0z" overflow="visible" style="marker:none" transform="translate(14.95026 22.93047)"/>
+    <use xlink:href="#l" overflow="visible" style="marker:none" transform="translate(23.30035 31.57234) scale(.30827)"/>
+  </g>
+</svg>

Web/static/img/icons/9.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+	<linearGradient id="k" x1="40.57" xlink:href="#a" gradientUnits="userSpaceOnUse" x2="41.69" y1="36.4" y2="35.49"/>
+	<linearGradient id="a">
+		<stop offset="0"/>
+		<stop stop-opacity="0" offset="1"/>
+	</linearGradient>
+	<linearGradient id="l" x1="20.05" xlink:href="#a" gradientUnits="userSpaceOnUse" x2="21.91" y1="36.32" y2="37.07"/>
+	<radialGradient id="g" gradientUnits="userSpaceOnUse" cy="17.06" cx="29.34" r="7.22">
+		<stop stop-color="#f4d9b1" offset="0"/>
+		<stop stop-color="#df9725" offset="1"/>
+	</radialGradient>
+	<radialGradient id="i" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="22.51" cx="30.99" r="8.662"/>
+	<linearGradient id="m" xlink:href="#c" gradientUnits="userSpaceOnUse" x2="0" y1="29.55" y2="35.8"/>
+	<linearGradient id="c">
+		<stop stop-color="#fff" offset="0"/>
+		<stop stop-color="#c9c9c9" offset="1"/>
+	</linearGradient>
+	<radialGradient id="h" gradientUnits="userSpaceOnUse" cy="27.2" cx="28.09" gradientTransform="matrix(1.298 0 0 .8848 -8.358 4.941)" r="13.56">
+		<stop stop-color="#3b74bc" offset="0"/>
+		<stop stop-color="#2d5990" offset="1"/>
+	</radialGradient>
+	<radialGradient id="f" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="19.01" cx="31.11" gradientTransform="matrix(1.776 0 0 .584 -24.25 28.28)" r="8.662"/>
+	<linearGradient id="p" x1="27.27" xlink:href="#a" gradientUnits="userSpaceOnUse" x2="28.38" y1="29.22" y2="28.32"/>
+	<linearGradient id="o" x1="6.742" xlink:href="#a" gradientUnits="userSpaceOnUse" x2="8.602" y1="29.15" y2="29.9"/>
+	<linearGradient id="n" xlink:href="#c" gradientUnits="userSpaceOnUse" x2="0" y1="22.55" y2="28.8"/>
+	<radialGradient id="e" gradientUnits="userSpaceOnUse" cy="10.06" cx="16.22" r="7.22">
+		<stop stop-color="#e9b15e" offset="0"/>
+		<stop stop-color="#966416" offset="1"/>
+	</radialGradient>
+	<radialGradient id="d" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="15.51" cx="17.86" r="8.662"/>
+	<radialGradient id="j" gradientUnits="userSpaceOnUse" cy="19.84" cx="16.22" gradientTransform="matrix(1 0 0 .6819 0 8.234)" r="13.56">
+		<stop stop-color="#727e0a" offset="0"/>
+		<stop stop-color="#5b6508" offset="1"/>
+	</radialGradient>
+	<radialGradient id="b" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="19.01" cx="31.11" gradientTransform="matrix(1.776 0 0 .9592 -37.38 11.77)" r="8.662"/>
+</defs>
+<ellipse rx="15.38" ry="8.309" cy="30" cx="17.86" fill="url(#b)"/>
+<path stroke-linejoin="round" d="m12.86 34.64h10.61c3.01 0 5.98-1.102 7.07-4.243 1.036-2.982 0.177-8.662-6.541-13.26h-12.55c-6.718 4.243-7.557 10.05-6.01 13.44 1.576 3.454 4.243 4.066 7.425 4.066z" stroke="#404604" stroke-linecap="round" fill="url(#j)"/>
+<path fill="#9db029" d="m17.93 19.79s-2.151 1.66-1.966 3.66c-2.041-1.801-2.1-5.252-2.1-5.252l4.066 1.591"/>
+<path opacity=".2150" stroke-linejoin="round" d="m12.97 33.57h10.32c2.64 0 5.253-0.968 6.211-3.727 0.91-2.62-0.095-7.609-5.995-11.65h-11.52c-5.916 3.74-6.903 8.83-5.544 11.81 1.384 3.034 3.727 3.571 6.522 3.571z" stroke="#fff" stroke-linecap="round" fill="none"/>
+<path fill="#9db029" d="m18.91 19.79s2.151 1.66 1.966 3.66c2.041-1.801 2.1-5.252 2.1-5.252l-4.066 1.591"/>
+<circle cy="15.51" cx="17.86" r="8.662" fill="url(#d)"/>
+<circle stroke="#6f4709" cy="12" cx="17.99" r="8.662" fill="url(#e)"/>
+<circle opacity=".1270" stroke="#fff" cy="12.01" cx="17.99" r="7.597" fill="none"/>
+<path fill="url(#n)" d="m22.58 27.04h4.243l-2.475-2.298-0.53 0.707-0.53-0.53-0.707 2.121"/>
+<path opacity=".2280" d="m8.548 33.6c-1.248-0.54-1.806-1.86-1.806-1.86 0.841-4.069 3.72-7.05 3.72-7.05s-2.279 6.412-1.914 8.904" fill="url(#o)"/>
+<path opacity=".2280" d="m27.45 32.74c1.231-0.581 1.804-2 1.804-2-0.95-4.04-3.97-6.84-3.97-6.84s2.465 6.343 2.172 8.845" fill="url(#p)"/>
+<ellipse rx="15.38" ry="5.059" cy="39.38" cx="30.99" fill="url(#f)"/>
+<path stroke-linejoin="round" d="m25.99 41.64h10.61c3.01 0 5.98-1.102 7.07-4.243 1.036-2.983 0.177-8.662-6.541-13.26h-12.56c-6.718 4.243-7.557 10.04-6.01 13.44 1.576 3.454 4.243 4.066 7.425 4.066z" stroke="#204a87" stroke-linecap="round" fill="url(#h)"/>
+<path fill="url(#m)" d="m26.69 25.73c3.182 2.828 4.596 13.08 4.596 13.08s1.414-10.25 3.889-13.26l-8.49 0.17"/>
+<path fill="#729fcf" d="m28.97 26.79s-2.151 1.66-1.966 3.66c-2.041-1.801-2.1-5.252-2.1-5.252l4.066 1.591"/>
+<path opacity=".2150" stroke-linejoin="round" d="m25.91 40.59 10.49-0.022c2.64 0 5.253-0.968 6.211-3.727 0.91-2.62-0.095-7.609-5.995-11.65l-11.52-0.23c-5.901 3.727-7.04 8.823-5.662 12.04 1.381 3.221 3.395 3.571 6.477 3.593z" stroke="#fff" stroke-linecap="round" fill="none"/>
+<path fill="#729fcf" d="m33.41 26.79s2.151 1.66 1.966 3.66c2.041-1.801 2.1-5.252 2.1-5.252l-4.07 1.59"/>
+<circle cy="22.51" cx="30.99" r="8.662" fill="url(#i)"/>
+<circle stroke="#c17d11" cy="19.01" cx="31.11" r="8.662" fill="url(#g)"/>
+<circle opacity=".1960" stroke="#fff" cy="19.01" cx="31.11" r="7.597" fill="none"/>
+<path opacity=".2280" d="m21.85 40.78c-1.248-0.545-1.806-1.858-1.806-1.858 0.841-4.069 3.72-7.05 3.72-7.05s-2.279 6.411-1.914 8.904" fill="url(#l)"/>
+<path opacity=".2280" d="m40.76 39.92c1.231-0.581 1.804-2 1.804-2-0.959-4.04-3.976-6.843-3.976-6.843s2.465 6.343 2.172 8.845" fill="url(#k)"/>
+</svg>

Web/static/img/messages.svg

@@ -7,7 +7,7 @@
    viewBox="0 0 2.9104165 2.9104168"
    version="1.1"
    id="svg5"
-   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
    sodipodi:docname="messages.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -26,15 +26,17 @@
      showgrid="true"
      units="px"
      width="11px"
-     inkscape:zoom="1"
+     inkscape:zoom="64"
-     inkscape:cx="4.5"
+     inkscape:cx="5.1015625"
-     inkscape:cy="5.5"
+     inkscape:cy="5.6875"
-     inkscape:window-width="1920"
+     inkscape:window-width="1858"
-     inkscape:window-height="1017"
+     inkscape:window-height="1057"
      inkscape:window-x="-8"
      inkscape:window-y="-8"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
+     inkscape:current-layer="layer1"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#505050">
     <inkscape:grid
        type="xygrid"
        id="grid9"
@@ -71,21 +73,8 @@
        id="image14"
        style="display:none;image-rendering:pixelated" />
     <path
+       id="path2791"
        style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="m 0,0.79375 c 0,0 0,-0.52916666 0.5291667,-0.52916666 0.5291666,0 1.8520833,0 1.8520833,0 0,0 0.5291666,0 0.5291666,0.52916666 0,0.5291666 0,1.3229166 0,1.3229166 0,0 0,0.5291667 -0.5291666,0.5291667 -0.5291667,0 -1.8520833,0 -1.8520833,0 0,0 -0.5291667,0 -0.5291667,-0.5291667 C 0,1.5875 0,0.79375 0,0.79375 Z"
+       d="M 0.52916666 0.26458333 C 4.9280306e-07 0.26458333 0 0.79375 0 0.79375 L 0 2.1166667 C 0 2.6458328 0.52916666 2.6458333 0.52916666 2.6458333 L 2.38125 2.6458333 C 2.9104161 2.6458333 2.9104166 2.1166667 2.9104166 2.1166667 L 2.9104166 0.79375 C 2.9104166 0.26458386 2.38125 0.26458333 2.38125 0.26458333 L 0.52916666 0.26458333 z M 0.39274088 0.52916666 A 0.1322915 0.1322915 0 0 1 0.48627523 0.56844075 L 1.2758911 1.3575399 A 0.13229166 0.13229166 0 0 1 1.2851929 1.3652913 A 0.13229166 0.13229166 0 0 1 1.2975952 1.3797607 L 1.4552083 1.5368571 L 1.6097209 1.3823446 A 0.13229166 0.13229166 0 0 1 1.6267741 1.3611572 A 0.13229166 0.13229166 0 0 1 1.6469279 1.3451375 L 2.4236247 0.56844075 A 0.1322915 0.1322915 0 0 1 2.6112101 0.56844075 A 0.1322915 0.1322915 0 0 1 2.6112101 0.7560262 L 1.9089274 1.4583089 L 2.6075928 2.1564575 A 0.13229166 0.13229166 0 0 1 2.6075928 2.3419759 A 0.13229166 0.13229166 0 0 1 2.4200073 2.3419759 L 1.7228922 1.6443441 L 1.5487427 1.8184936 A 0.13230472 0.13230472 0 0 1 1.3611572 1.8184936 L 1.1890747 1.6464111 L 0.49040934 2.3419759 A 0.13229166 0.13229166 0 0 1 0.30282389 2.3419759 A 0.13229166 0.13229166 0 0 1 0.30282389 2.1543904 L 1.0025228 1.4598592 L 0.29868978 0.7560262 A 0.1322915 0.1322915 0 0 1 0.29868978 0.56844075 A 0.1322915 0.1322915 0 0 1 0.39274088 0.52916666 z " />
-       id="path2791" />
-    <path
-       style="fill:none;stroke:#ffffff;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
-       d="M 0.39274088,0.66145833 1.4552083,1.7239258 2.5176757,0.66145833"
-       id="path3062"
-       sodipodi:nodetypes="ccc" />
-    <path
-       style="fill:none;stroke:#ffffff;stroke-width:0.26458333;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
-       d="M 0.396875,2.2489583 1.190625,1.4593424"
-       id="path3907" />
-    <path
-       style="fill:none;stroke:#ffffff;stroke-width:0.26458333;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 2.5135416,2.2489583 -0.79375,-0.79375"
-       id="path4107" />
   </g>
 </svg>