Global: Add fast menu

Closes #557

Web/Presenters/templates/@layout.xml

@@ -203,6 +203,39 @@
                             <a n:if="OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['enable'] && $thisUser->getLeftMenuItemStatus('poster')" href="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['link']}" >
                                 <img src="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['src']}" alt="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['caption']}" class="psa-poster" style="max-width: 100%; margin-top: 10px;" />
                             </a>
+
+                            <div class="floating_sidebar">
+                                <a class="minilink" href="/friends{$thisUser->getId()}">
+                                    <object type="internal/link" n:if="$thisUser->getFollowersCount() > 0">
+                                        <div class="counter">
+                                            +{$thisUser->getFollowersCount()}
+                                        </div>
+                                    </object>
+                                    <img src="/assets/packages/static/openvk/img/friends.svg">
+                                </a>
+                                <a class="minilink" href="/albums{$thisUser->getId()}">
+                                    <img src="/assets/packages/static/openvk/img/photos.svg">
+                                </a>
+                                <a class="minilink" href="/im">
+                                    <object type="internal/link" n:if="$thisUser->getUnreadMessagesCount() > 0">
+                                        <div class="counter">
+                                            +{$thisUser->getUnreadMessagesCount()}
+                                        </div>
+                                    </object>
+                                    <img src="/assets/packages/static/openvk/img/messages.svg">
+                                </a>
+                                <a class="minilink" href="/groups{$thisUser->getId()}">
+                                    <img src="/assets/packages/static/openvk/img/groups.svg">
+                                </a>
+                                <a class="minilink" href="/notifications">
+                                    <object type="internal/link" n:if="$thisUser->getNotificationsCount() > 0">
+                                        <div class="counter">
+                                            +{$thisUser->getNotificationsCount()}
+                                        </div>
+                                    </object>
+                                    <img src="/assets/packages/static/openvk/img/feedback.svg">
+                                </a>
+                            </div>
                         {elseif !$thisUser->isActivated()}
                             <a href="/logout?hash={urlencode($csrfToken)}" class="link">{_menu_logout}</a>
                         {else}

Web/static/css/style.css

@@ -1997,3 +1997,59 @@ table td[width="120"] {
 .cookies-popup .contanier .text {
     width: 100%;
 }
+
+.floating_sidebar {
+    position: fixed;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    width: 118px;
+    align-items: end;
+    transition: 250ms;
+    display: none;
+}
+
+.floating_sidebar.show {
+    display: flex;
+    animation-name: appearing;
+    animation-duration: 250ms;
+}
+
+.floating_sidebar.hide_anim {
+    opacity: 0;
+    display: flex;
+}
+
+.floating_sidebar .minilink {
+    text-align: right;
+    opacity: 0.5;
+    padding: 8px 4px;
+    width: fit-content;
+    transition: 250ms;
+    height: 11px;
+    display: flex;
+}
+
+.floating_sidebar .minilink:hover {
+    opacity: 1;
+}
+
+.minilink .counter {
+	font-weight: bold;
+	background-color: #eee;
+	line-height: 10px;
+	margin: -1px 3px 0 0;
+	padding: 1px 1px;
+	border-radius: 2px;
+	height: 11px;
+}
+
+@keyframes appearing {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}

Web/static/img/feedback.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="11"
+   viewBox="0 0 2.9104165 2.9104168"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="feedback.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     width="11px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="4.3862718"
+     inkscape:cy="4.0769125"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       empspacing="11"
+       dotted="false"
+       color="#45ff3f"
+       opacity="0.1254902"
+       empcolor="#3fff4a"
+       empopacity="0.25098039"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <pattern
+       id="EMFhbasepattern"
+       patternUnits="userSpaceOnUse"
+       width="6"
+       height="6"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       y="0"
+       x="0.0010831825"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
+       height="2.9093335"
+       width="2.9093335"
+       preserveAspectRatio="none"
+       id="image14"
+       style="display:none;image-rendering:pixelated" />
+    <path
+       style="fill:#a2b3c6;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="M 0,1.8520833 V 0.26458333 C 0,0.26458333 0,0 0.26458333,0 0.52916666,0 2.6458333,0 2.6458333,0 c 0,0 0.2645833,0 0.2645833,0.26458333 0,0.26458333 0,1.58749997 0,1.58749997 0,0 0,0.2645833 -0.2645833,0.2645833 -0.2645833,0 -1.0583333,0 -1.0583333,0 l -0.79375001,0.79375 v -0.79375 c 0,0 -0.26458333,0 -0.52916666,0 C 0,2.1166666 0,1.8520833 0,1.8520833 Z"
+       id="path6650" />
+  </g>
+</svg>

Web/static/img/friends.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="11"
+   viewBox="0 0 2.9104165 2.9104168"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="profile.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     width="11px"
+     inkscape:zoom="32"
+     inkscape:cx="4.71875"
+     inkscape:cy="4.890625"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       empspacing="11"
+       dotted="false"
+       color="#45ff3f"
+       opacity="0.1254902"
+       empcolor="#3fff4a"
+       empopacity="0.25098039"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <pattern
+       id="EMFhbasepattern"
+       patternUnits="userSpaceOnUse"
+       width="6"
+       height="6"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       y="0"
+       x="0.0010831825"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
+       height="2.9093335"
+       width="2.9093335"
+       preserveAspectRatio="none"
+       id="image14"
+       style="display:none;image-rendering:pixelated" />
+    <path
+       style="fill:#a2b3c6;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="M 0.00108318,2.9093334 H 2.9104166 c 0,0 -0.5291666,-0.7926668 -1.0583333,-0.7926668 -0.5291667,0 0,-0.2645833 0,-0.2645833 0,0 0.5291667,-0.2645833 0.5291667,-1.05833331 C 2.38125,0 1.4605,0 1.4605,0 c 0,0 -0.93133334,0 -0.93133334,0.79374999 0,0.79375001 0.52916664,1.05833331 0.52916664,1.05833331 0,0 0.5291667,0.2645833 0,0.2645833 -0.52916664,0 -1.05725012,0.7926668 -1.05725012,0.7926668 z"
+       id="path2356" />
+  </g>
+</svg>

Web/static/img/groups.svg

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="11"
+   viewBox="0 0 2.9104165 2.9104168"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="groups.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     width="11px"
+     inkscape:zoom="90.50967"
+     inkscape:cx="6.1706114"
+     inkscape:cy="9.5625141"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:snap-grids="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       empspacing="11"
+       dotted="false"
+       color="#45ff3f"
+       opacity="0.1254902"
+       empcolor="#3fff4a"
+       empopacity="0.25098039"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <pattern
+       id="EMFhbasepattern"
+       patternUnits="userSpaceOnUse"
+       width="6"
+       height="6"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       y="0"
+       x="0.0010831825"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
+       height="2.9093335"
+       width="2.9093335"
+       preserveAspectRatio="none"
+       id="image14"
+       style="display:none;image-rendering:pixelated" />
+    <path
+       style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 4.9999992e-8,2.9104166 C 4.9999992e-8,2.38125 0.64905598,1.9719727 0.64905598,1.9719727 c 0,0 0.14469401,0.2025716 0.34726562,0.2067057 0.2025716,0.00413 0.4175456,-0.1984375 0.4175456,-0.1984375 0,0 0.1653646,0.024805 0.3224609,0.1405599 0.1570964,0.1157552 0.1777669,0.1901693 0.3100586,0.1901693 0.1322917,0 0.3927409,-0.2025717 0.3927409,-0.2025717 0,0 0.1240234,0.020671 0.2687174,0.1694987 0.144694,0.1488282 0.2025716,0.6325195 0.2025716,0.6325195 z"
+       id="path6010"
+       sodipodi:nodetypes="ccccsscscc" />
+    <path
+       style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 1.0541992,0.7069337 c 0,0 0.4588867,0.049609 0.4630208,0.504362 0.00413,0.4547525 -0.2976562,0.835091 -0.4630208,0.835091 -0.16536458,0 -0.52503254,-0.3431315 -0.52503254,-0.835091 0,-0.4919597 0.52503254,-0.504362 0.52503254,-0.504362 z"
+       id="path6078" />
+    <path
+       style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 2.1042643,1.0666017 c 0,0 0.3927409,0.049609 0.396875,0.3844725 0.00413,0.3348633 -0.1694987,0.6986654 -0.3803385,0.6986654 -0.2108399,0 -0.4382162,-0.3720703 -0.4382162,-0.6779948 0,-0.3720702 0.4216797,-0.4051431 0.4216797,-0.4051431 z"
+       id="path6146"
+       sodipodi:nodetypes="ccssc" />
+  </g>
+</svg>

Web/static/img/messages.svg

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="11"
+   viewBox="0 0 2.9104165 2.9104168"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="messages.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     width="11px"
+     inkscape:zoom="1"
+     inkscape:cx="4.5"
+     inkscape:cy="5.5"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       empspacing="11"
+       dotted="false"
+       color="#45ff3f"
+       opacity="0.1254902"
+       empcolor="#3fff4a"
+       empopacity="0.25098039"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <pattern
+       id="EMFhbasepattern"
+       patternUnits="userSpaceOnUse"
+       width="6"
+       height="6"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       y="0"
+       x="0.0010831825"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
+       height="2.9093335"
+       width="2.9093335"
+       preserveAspectRatio="none"
+       id="image14"
+       style="display:none;image-rendering:pixelated" />
+    <path
+       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"
+       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>

Web/static/img/photos.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="11"
+   height="11"
+   viewBox="0 0 2.9104165 2.9104168"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="photos.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     width="11px"
+     inkscape:zoom="64"
+     inkscape:cx="3.4921875"
+     inkscape:cy="5.4921875"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid9"
+       empspacing="11"
+       dotted="false"
+       color="#45ff3f"
+       opacity="0.1254902"
+       empcolor="#3fff4a"
+       empopacity="0.25098039"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <pattern
+       id="EMFhbasepattern"
+       patternUnits="userSpaceOnUse"
+       width="6"
+       height="6"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       y="0"
+       x="0.0010831825"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
+       height="2.9093335"
+       width="2.9093335"
+       preserveAspectRatio="none"
+       id="image14"
+       style="display:none;image-rendering:pixelated" />
+    <path
+       id="path1070"
+       style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 4 1 C 4 1 3.9999999 2 3 2 L 2 2 C 1.3743731e-08 2 0 4 0 4 L 0 8 C 0 10 2 10 2 10 L 9 10 C 11 10 11 8 11 8 L 11 4 C 11 2.0000001 9 2 9 2 L 8 2 C 7.0000001 2 7 1 7 1 L 4 1 z M 5.5 4 A 1.5 1.5 0 0 1 7 5.5 A 1.5 1.5 0 0 1 5.5 7 A 1.5 1.5 0 0 1 4 5.5 A 1.5 1.5 0 0 1 5.5 4 z "
+       transform="scale(0.26458333)" />
+  </g>
+</svg>

Web/static/js/openvk.cls.js

@@ -427,3 +427,15 @@ function showIncreaseRatingDialog(coinsCount, userUrl, hash) {
             document.querySelector("#rating_price").innerHTML = value + " " + tr("points_amount_other").replace("$1 ", "");
     };
 }
+
+$(document).on("scroll", () => {
+    if($(document).scrollTop() > $(".sidebar").height() + 50) {
+        $(".floating_sidebar")[0].classList.add("show");
+    } else if($(".floating_sidebar")[0].classList.contains("show")) {
+        $(".floating_sidebar")[0].classList.remove("show");
+        $(".floating_sidebar")[0].classList.add("hide_anim");
+        setTimeout(() => {
+            $(".floating_sidebar")[0].classList.remove("hide_anim");
+        }, 250);
+    }
+})