updates

2022-01-25 15:21:01 +06:00 · 2022-01-25 15:21:01 +06:00 · e4dfdc07fc
parent 3746efc596
commit e4dfdc07fc
595 changed files with 59923 additions and 47 deletions
--- a/.gitignore
+++ b/.gitignore
@ -13,3 +13,5 @@ secret.gradle
 local.properties

 publishing.sh
+
+server/src/resources/web/
--- a/client/src/jsMain/kotlin/dev/inmo/postssystem/client/fsm/ui/AuthView.kt
+++ b/client/src/jsMain/kotlin/dev/inmo/postssystem/client/fsm/ui/AuthView.kt
@ -3,8 +3,8 @@ package dev.inmo.postssystem.client.fsm.ui
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import dev.inmo.jsuikit.elements.*
-import dev.inmo.jsuikit.modifiers.UIKitButton
-import dev.inmo.jsuikit.modifiers.UIKitMargin
+import dev.inmo.jsuikit.modifiers.*
+import dev.inmo.jsuikit.utils.Attrs
 import dev.inmo.postssystem.client.ui.fsm.*
 import dev.inmo.postssystem.features.auth.client.ui.*
 import dev.inmo.micro_utils.coroutines.launchSafelyWithoutExceptions
@ -13,9 +13,10 @@ import dev.inmo.micro_utils.fsm.common.StatesMachine
 import dev.inmo.postssystem.client.utils.renderComposableAndLinkToContext
 import kotlinx.browser.document
 import kotlinx.coroutines.*
-import kotlinx.dom.clear
+import kotlinx.dom.*
 import org.jetbrains.compose.web.attributes.InputType
 import org.jetbrains.compose.web.dom.Form
+import org.jetbrains.compose.web.dom.Text
 import org.w3c.dom.*

 class AuthView(
@ -28,7 +29,6 @@ class AuthView(
        state: AuthUIFSMState
    ): UIFSMState? {
        val completion = CompletableDeferred<UIFSMState?>()
-        htmlElement.clear()

        val usernameState = mutableStateOf("")
        val passwordState = mutableStateOf("")
@ -36,11 +36,28 @@ class AuthView(
        val passwordDisabled = mutableStateOf(true)
        val errorText = mutableStateOf<String?>(null)

-        val composition = renderComposableAndLinkToContext(htmlElement) {
-            val authBtnDisabled = remember {
-                usernameState.value.isNotBlank() && passwordState.value.isNotBlank()
-            }
-            Form {
+        val root = htmlElement.appendElement("div") {
+            addClass(*UIKitWidth.Fixed.Medium.classes, *UIKitText.Alignment.Center.classes)
+        }
+        val composition = renderComposableAndLinkToContext(root) {
+            val authBtnDisabled = usernameState.value.isBlank() || passwordState.value.isBlank()
+            console.log(authBtnDisabled)
+
+            Card(
+                Attrs(UIKitWidth.Fixed.Medium),
+                footerAttrs = Attrs(UIKitText.Alignment.Center),
+                footer = {
+                    DefaultButton("Authorise", UIKitButton.Type.Primary, disabled = authBtnDisabled) {
+                        it.nativeEvent.preventDefault()
+                        val serverUrl = document.location ?.run { "$hostname:$port" }
+                        if (serverUrl != null) {
+                            uiScope.launchSafelyWithoutExceptions { viewModel.initAuth(serverUrl, usernameState.value, passwordState.value) }
+                        }
+                    }
+                }
+            ) {
+                CardTitle { Text("Log in") }
+
                TextField(
                    InputType.Text,
                    usernameState,
@ -53,14 +70,7 @@ class AuthView(
                )

                if (errorText.value != null) {
-                    Label.Error.draw(errorText.value.toString(), UIKitMargin.Small.Bottom)
-                }
-
-                DefaultButton("Authorise", UIKitButton.Type.Primary, disabled = authBtnDisabled) {
-                    val serverUrl = document.location ?.run { "$hostname:$port" }
-                    if (serverUrl != null) {
-                        uiScope.launchSafelyWithoutExceptions { viewModel.initAuth(serverUrl, usernameState.value, passwordState.value) }
-                    }
+                    Label(errorText.value.toString(), Attrs(UIKitLabel.Error, UIKitMargin.Small.Bottom))
                }
            }
        }
--- a/client/src/jsMain/resources/index.html
+++ b/client/src/jsMain/resources/index.html
@ -4,30 +4,21 @@
    <meta charset="UTF-8">
    <title>PostsSystem</title>

+    <link rel="stylesheet" href="css/uikit.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
    <link rel="stylesheet" href="css/containers.css" type="text/css">
    <link rel="stylesheet" href="css/visibility.css" type="text/css">
 </head>
 <body>
-    <!-- Always shows a header, even in smaller screens. -->
-    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
-        <header class="mdl-layout__header">
-            <div class="mdl-layout__header-row">
-                <!-- Title -->
-                <span class="mdl-layout-title">Posts System</span>
-                <!-- Add spacer, to align navigation to the right -->
-                <div class="mdl-layout-spacer"></div>
-                <!-- Navigation. We hide it in small screens. -->
-                <nav id="tools" class="mdl-navigation mdl-layout--large-screen-only"></nav>
-            </div>
-        </header>
-        <main class="mdl-layout__content">
-            <div id="main" class="page-content"></div>
-        </main>
-    </div>
+    <div id="navbar" class="uk-section uk-section-secondary uk-padding-remove"></div>
+    <main class="uk-flex">
+        <div id="main" class="main-view uk-width-expand"></div>
+        <div id="modal"></div>
+    </main>

-    <script type="application/javascript" defer src="js/material.min.js"></script>
+    <script src="js/uikit.min.js"></script>
+    <script src="js/uikit-icons.min.js"></script>
    <script type="application/javascript" src="postssystem.client.js"></script>
 </body>
 </html>
--- a/client/uikit/.eslintrc.json
+++ b/client/uikit/.eslintrc.json
@ -0,0 +1,62 @@
+{
+    "root":true,
+    "env": {
+        "es6": true,
+        "browser": true
+    },
+    "extends": [
+        "eslint:recommended"
+    ],
+    "parserOptions": {
+        "sourceType": "module"
+    },
+    "globals": {
+        "VERSION": true,
+        "ICONS": true,
+        "NAME": true
+    },
+    "rules": {
+        "arrow-parens": ["error", "as-needed"],
+        "brace-style": ["error", "1tbs", {"allowSingleLine": true}],
+        "comma-dangle": ["error", "never"],
+        "comma-spacing": "error",
+        "comma-style": "error",
+        "eqeqeq": ["error", "smart"],
+        "eol-last": "error",
+        "indent": "off",
+        "indent-legacy": ["error", 4, {"SwitchCase": 1}],
+        "key-spacing": "error",
+        "keyword-spacing": "error",
+        "linebreak-style": ["error", "unix"],
+        "no-array-constructor": "error",
+        "no-case-declarations": "warn",
+        "no-duplicate-imports": "error",
+        "no-empty": ["error", {"allowEmptyCatch": true}],
+        "no-extend-native": "error",
+        "no-lone-blocks": "error",
+        "no-lonely-if": "error",
+        "no-multi-spaces": "error",
+        "no-multiple-empty-lines": ["error", {"max": 2, "maxEOF": 1, "maxBOF": 0}],
+        "no-template-curly-in-string": "error",
+        "no-trailing-spaces": "error",
+        "no-unused-vars": ["error", {"vars": "local", "args": "none"}],
+        "no-var": "error",
+        "object-curly-spacing": "error",
+        "object-shorthand": "error",
+        "prefer-const": ["error", {"destructuring": "all"}],
+        "prefer-destructuring": "warn",
+        "quotes": ["error", "single", {"avoidEscape": true}],
+        "semi": ["error", "always"],
+        "sort-imports": ["error", {
+            "ignoreCase": true,
+            "ignoreDeclarationSort": true
+        }],
+        "space-before-blocks": "error",
+        "space-before-function-paren": ["error", {"anonymous": "always", "named": "never", "asyncArrow": "always"}],
+        "space-in-parens": "error",
+        "space-infix-ops": "error",
+        "space-unary-ops": "error",
+        "spaced-comment": "error",
+        "template-curly-spacing": "error"
+    }
+}
--- a/client/uikit/.gitignore
+++ b/client/uikit/.gitignore
@ -0,0 +1,8 @@
+dist/
+node_modules
+tests/
+custom
+themes.json
+.DS_Store
+/.idea
+/.vscode
--- a/client/uikit/.npmignore
+++ b/client/uikit/.npmignore
@ -0,0 +1,29 @@
+/dist/*
+!/dist/css/
+/dist/css/*
+!/dist/css/uikit.css
+!/dist/css/uikit.min.css
+!/dist/css/uikit-rtl.css
+!/dist/css/uikit-rtl.min.css
+!/dist/css/uikit-core.css
+!/dist/css/uikit-core.min.css
+!/dist/css/uikit-core-rtl.css
+!/dist/css/uikit-core-rtl.min.css
+!/dist/js/
+/dist/js/*
+!/dist/js/uikit.js
+!/dist/js/uikit.min.js
+!/dist/js/uikit-core.js
+!/dist/js/uikit-core.min.js
+!/dist/js/uikit-icons.js
+!/dist/js/uikit-icons.min.js
+!/dist/js/components/
+/.circleci
+/.github
+/node_modules
+/tests/js/test*
+/tests/css/*
+custom
+themes.json
+.DS_Store
+/.idea
--- a/client/uikit/.webstorm.js
+++ b/client/uikit/.webstorm.js
@ -0,0 +1,6 @@
+// Webstorm Module resolution config
+System.config({
+    "paths": {
+        "uikit-util": "./src/js/util/index.js",
+    }
+});
--- a/client/uikit/BACKERS.md
+++ b/client/uikit/BACKERS.md
@ -0,0 +1,5 @@
+# Backers
+
+Thank you so much! ❤️
+
+- [SimonWayne](https://github.com/SimonWayne)
--- a/client/uikit/CHANGELOG.md
+++ b/client/uikit/CHANGELOG.md
--- a/client/uikit/CONTRIBUTING.md
+++ b/client/uikit/CONTRIBUTING.md
@ -0,0 +1,96 @@
+# Contributing to UIkit
+
+You want to contribute to UIkit? Awesome. Please take a few moments to
+review the following guidelines to get you started. Cheers.
+
+* [Communication channels](#communication)
+* [Team members](#team)
+* [Documentation](#documentation)
+* [Issue tracker](#issues)
+* [Bug reports](#bugs)
+* [Pull requests](#pull-requests)
+* [Versioning](#versioning)
+* [License](#license)
+
+<a name="communication"></a>
+## Communication channels
+
+Before you get lost in the repository, here are a few starting points
+for you to check out. You might find that others have had similar
+questions or that your question rather belongs in one place than another.
+
+* Chat: https://discord.gg/NEt4Pv7
+* Website: https://getuikit.com
+* Twitter: https://twitter.com/getuikit
+
+
+<a name="team"></a>
+## Team members
+
+UIkit is developed as an open source project by [YOOtheme](http://yootheme.com)
+in Hamburg, Germany. The core maintainers you will encounter in this project
+are all part of YOOtheme.
+
+## Documentation
+
+The UIkit documentation is maintained as a collection of Markdown files in its
+[own repository](https://github.com/uikit/uikit-site). Any pull requests are highly appreciated.
+
+<a name="issues"></a>
+## Using the issue tracker
+
+The issue tracker is the preferred channel for [bug reports](#bugs),
+[features requests](#features) and [submitting pull
+requests](#pull-requests), but please respect the following restriction:
+
+Please **do not** use the issue tracker for personal support requests (use [Discord chat](https://discord.gg/NEt4Pv7)).
+
+<a name="bugs"></a>
+## Bug reports
+
+A bug is a _demonstrable problem_ that is caused by the code in the repository.
+Good bug reports are extremely helpful - thank you!
+
+A good bug report shouldn't leave others needing to chase you up for more
+information. Please try to be as detailed as possible in your report. What is
+your environment? What steps will reproduce the issue? What would you expect to
+be the outcome? All these details will help people to fix any potential bugs.
+
+<a name="pull-requests"></a>
+## Pull requests
+
+Good pull requests - patches, improvements, new features - are a fantastic
+help. Thanks for taking the time to contribute.
+
+**Please ask first** before embarking on any significant pull request,
+otherwise you risk spending a lot of time working on something that the
+project's developers might not want to merge into the project.
+
+UIkit follows the [GitFlow branching model](http://nvie.com/posts/a-successful-git-branching-model). The ```master``` branch always reflects a production-ready state while the latest development is taking place in the ```develop``` branch.
+
+Each time you want to work on a fix or a new feature, create a new branch based on the ```develop``` branch: ```git checkout -b BRANCH_NAME develop```. Only pull requests to the ```develop``` branch will be merged.
+
+<a name="commit-message-convention"></a>
+## Commit Message Convention
+
+UIkit adapts the [Vue's commit convention](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md). Commit messages can have the following types:
+
+- `build:` Changes that affect the build system or external dependencies
+- `chore:` Changes to readme, etc
+- `ci:` Changes to our CI configuration files and scripts
+- `docs:` Documentation only changes
+- `feat:` A new feature
+- `fix:` A bug fix
+- `perf:` A code change that improves performance
+- `refactor:` A code change that neither fixes a bug nor adds a feature
+- `style:` Changes that do not affect the meaning of the code (white-space, formatting, etc.)
+- `test:` Adding missing tests or correcting existing tests
+
+## Versioning
+
+UIkit is maintained by using the [Semantic Versioning Specification (SemVer)](http://semver.org).
+
+<a name="license"></a>
+## License
+
+By contributing your code, you agree to license your contribution under the [MIT license](LICENSE)
--- a/client/uikit/LICENSE.md
+++ b/client/uikit/LICENSE.md
@ -0,0 +1,7 @@
+Copyright (c) 2013-2020 YOOtheme GmbH, getuikit.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/client/uikit/README.md
+++ b/client/uikit/README.md
@ -0,0 +1,63 @@
+[![uikit banner](https://cloud.githubusercontent.com/assets/321047/21769911/474d7d9e-d681-11e6-9fe0-d95f8ccfd3a9.jpg)](https://getuikit.com/)
+
+# UIkit
+
+[![Discord](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/NEt4Pv7)
+[![Build](https://circleci.com/gh/uikit/uikit.svg?style=shield)](https://circleci.com/gh/uikit/uikit)
+[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/uikit/badge?style=rounded)](https://www.jsdelivr.com/package/npm/uikit)
+
+UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
+
+* [Homepage](https://getuikit.com) - Learn more about UIkit
+* [@getuikit](https://twitter.com/getuikit) - Get the latest buzz on Twitter
+* [Discord Chat](https://discord.gg/NEt4Pv7) - Join our developer chat on Discord.
+
+---
+
+<p align="center">
+  <b>UIkit is an Open Source project developed by YOOtheme.</b>
+  <br><br>
+  <a href="https://yootheme.com" align="center">
+      <img width="134" height="30" src="https://yootheme.com/site/images/yootheme-logo.svg" alt="YOOtheme">
+  </a>
+</p>
+
+---
+
+## Getting started
+
+You have the following options to get UIkit:
+
+- Download the [latest release](https://github.com/uikit/uikit/releases/latest) with pre-built CSS and JS.
+- Install with [npm](https://npmjs.com) to get all source files as they are available on GitHub: ```npm install uikit```
+- Install with [yarn](https://yarnpkg.com/) to get all source files as they are available on GitHub: ```yarn add uikit```
+- Directly load UIkit from [jsDelivr](https://www.jsdelivr.com): https://www.jsdelivr.com/package/npm/uikit
+- Clone the repo to get all source files including build scripts: `git clone git://github.com/uikit/uikit.git`
+
+## Developers
+
+To always have the latest development version of UIkit, even before a release, you may want to use npm or yarn with the `dev` tag.
+
+- Using npm: ```npm install uikit@dev```
+- Using yarn: ```yarn add uikit@dev```
+- Using [cdn](cdn.jsdelivr.net): https://cdn.jsdelivr.net/npm/uikit@dev
+
+## Contributing
+
+Finding bugs, sending pull requests or improving our docs - any contribution is welcome and highly appreciated. To get started, head over to our [contribution guidelines](CONTRIBUTING.md). Thanks!
+
+## Versioning
+
+UIkit is maintained by using the [Semantic Versioning Specification (SemVer)](https://semver.org).
+
+## Browser Support
+
+| ![Firefox](https://raw.github.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/main/src/safari/safari_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/main/src/edge/edge_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/main/src/opera/opera_48x48.png) |
+|-------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------|-------------------------------------------------------------------------------------|
+| Latest ✔                                                                                  | Latest ✔                                                                               | Latest ✔                                                                               | Latest ✔                                                                         | Latest ✔                                                                            |
+
+Tested With<br>[![BrowserStack](https://user-images.githubusercontent.com/355427/27389060-9f716c82-569d-11e7-923c-bd5fe7f1c55a.png)](https://www.browserstack.com)
+
+## Copyright and License
+
+Copyright [YOOtheme](https://yootheme.com) GmbH under the [MIT license](LICENSE.md).
--- a/client/uikit/build.gradle
+++ b/client/uikit/build.gradle
@ -0,0 +1,28 @@
+task install(type: Exec) {
+    workingDir "$projectDir.absolutePath"
+    commandLine "npm", "i"
+    commandLine "yarn", "install"
+}
+
+String getArtifactsPath() {
+    return "$projectDir.absolutePath/artifacts/"
+}
+
+task clean() {
+    doLast {
+        new File(getArtifactsPath()).deleteDir()
+    }
+}
+
+task build(type: Exec, dependsOn: install) {
+    commandLine "yarn"
+    commandLine "yarn", "compile"
+}
+
+task makeArtifact(type: Copy) {
+    dependsOn(tasks.getByName("clean"))
+    dependsOn(tasks.getByName("build"))
+    from("$projectDir.absolutePath/dist/js/") { include "uikit.min.*" }
+    from("$projectDir.absolutePath/dist/css/") { include "uikit-core.min.*" }
+    into getArtifactsPath()
+}
--- a/client/uikit/composer.json
+++ b/client/uikit/composer.json
@ -0,0 +1,17 @@
+{
+    "name": "uikit/uikit",
+    "type": "library",
+    "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
+    "keywords": [],
+    "homepage": "https://getuikit.com/",
+    "authors": [],
+    "support": {
+        "issues": "https://github.com/uikit/uikit/issues"
+    },
+    "license": "MIT",
+    "extra": {
+        "branch-alias": {
+            "dev-master": "3.0.x-dev"
+        }
+    }
+}
--- a/client/uikit/jsconfig.json
+++ b/client/uikit/jsconfig.json
@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "uikit-util": ["src/js/util"]
+        }
+    },
+    "exclude": ["node_modules"]
+}
--- a/client/uikit/package.json
+++ b/client/uikit/package.json
@ -0,0 +1,62 @@
+{
+  "name": "uikit",
+  "title": "UIkit",
+  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
+  "version": "3.10.1",
+  "main": "dist/js/uikit.js",
+  "style": "dist/css/uikit.css",
+  "sideEffects": [
+    "*.css",
+    "./src/js/*.js",
+    "./dist/**/*.js"
+  ],
+  "scripts": {
+    "build-scss": "node build/scss",
+    "compile": "yarn compile-less && yarn compile-js",
+    "compile-js": "node build/build",
+    "compile-less": "yarn icons && node build/less",
+    "compile-rtl": "yarn compile-less rtl",
+    "icons": "node build/icons",
+    "prefix": "node build/prefix",
+    "scope": "node build/scope",
+    "release": "node build/release",
+    "watch": "watch-run -i -p '**/*.less' yarn compile-less",
+    "eslint": "eslint src/js",
+    "eslint-fix": "eslint --fix src/js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/uikit/uikit.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/uikit/uikit/issues"
+  },
+  "homepage": "https://getuikit.com",
+  "devDependencies": {
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-buble": "^0.21.3",
+    "@rollup/plugin-replace": "^3.0.1",
+    "archiver": "^5.3.0",
+    "camelcase": "^6.3.0",
+    "clean-css": "^5.2.2",
+    "dateformat": "^5.0.2",
+    "esbuild": "^0.14.13",
+    "eslint": "^8.7.0",
+    "fs-extra": "^10.0.0",
+    "glob": "^7.2.0",
+    "inquirer": "^8.2.0",
+    "less": "^4.1.2",
+    "minimist": "^1.2.5",
+    "number-precision": "^1.5.1",
+    "p-limit": "^4.0.0",
+    "rollup": "^2.66.0",
+    "rollup-plugin-esbuild": "^4.8.2",
+    "rollup-plugin-html": "^0.2.1",
+    "rollup-plugin-modify": "^3.0.0",
+    "rtlcss": "^3.5.0",
+    "semver": "^7.3.2",
+    "svgo": "^2.8.0",
+    "watch-run": "^1.2.5"
+  }
+}
--- a/client/uikit/src/images/backgrounds/accordion-close.svg
+++ b/client/uikit/src/images/backgrounds/accordion-close.svg
@ -0,0 +1,4 @@
+<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="#000" width="13" height="1" x="0" y="6" />
+    <rect fill="#000" width="1" height="13" x="6" y="0" />
+</svg>
--- a/client/uikit/src/images/backgrounds/accordion-open.svg
+++ b/client/uikit/src/images/backgrounds/accordion-open.svg
@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="#000" width="13" height="1" x="0" y="6" />
+</svg>
--- a/client/uikit/src/images/backgrounds/divider-icon.svg
+++ b/client/uikit/src/images/backgrounds/divider-icon.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="2" cx="10" cy="10" r="7" />
+</svg>
--- a/client/uikit/src/images/backgrounds/form-checkbox-indeterminate.svg
+++ b/client/uikit/src/images/backgrounds/form-checkbox-indeterminate.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="#000" x="3" y="8" width="10" height="1" />
+</svg>
--- a/client/uikit/src/images/backgrounds/form-checkbox.svg
+++ b/client/uikit/src/images/backgrounds/form-checkbox.svg
@ -0,0 +1,3 @@
+<svg width="14" height="11" viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="#000" points="12 1 5 7.5 2 5 1 5.5 5 10 13 1.5" />
+</svg>
--- a/client/uikit/src/images/backgrounds/form-datalist.svg
+++ b/client/uikit/src/images/backgrounds/form-datalist.svg
@ -0,0 +1,3 @@
+<svg width="24" height="16" viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="#000" points="12 12 8 6 16 6" />
+</svg>
--- a/client/uikit/src/images/backgrounds/form-radio.svg
+++ b/client/uikit/src/images/backgrounds/form-radio.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="#000" cx="8" cy="8" r="2" />
+</svg>
--- a/client/uikit/src/images/backgrounds/form-select.svg
+++ b/client/uikit/src/images/backgrounds/form-select.svg
@ -0,0 +1,4 @@
+<svg width="24" height="16" viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="#000" points="12 1 9 6 15 6" />
+    <polygon fill="#000" points="12 13 9 8 15 8" />
+</svg>
--- a/client/uikit/src/images/backgrounds/list-bullet.svg
+++ b/client/uikit/src/images/backgrounds/list-bullet.svg
@ -0,0 +1,3 @@
+<svg width="6" height="6" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="#000" cx="3" cy="3" r="3" />
+</svg>
--- a/client/uikit/src/images/backgrounds/nav-parent-close.svg
+++ b/client/uikit/src/images/backgrounds/nav-parent-close.svg
@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.1" points="10 1 4 7 10 13" />
+</svg>
--- a/client/uikit/src/images/backgrounds/nav-parent-open.svg
+++ b/client/uikit/src/images/backgrounds/nav-parent-open.svg
@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.1" points="1 4 7 10 13 4" />
+</svg>
--- a/client/uikit/src/images/components/close-icon.svg
+++ b/client/uikit/src/images/components/close-icon.svg
@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+    <line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13" />
+    <line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13" />
+</svg>
--- a/client/uikit/src/images/components/close-large.svg
+++ b/client/uikit/src/images/components/close-large.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <line fill="none" stroke="#000" stroke-width="1.4" x1="1" y1="1" x2="19" y2="19" />
+    <line fill="none" stroke="#000" stroke-width="1.4" x1="19" y1="1" x2="1" y2="19" />
+</svg>
--- a/client/uikit/src/images/components/marker.svg
+++ b/client/uikit/src/images/components/marker.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+	<rect x="9" y="4" width="1" height="11" />
+	<rect x="4" y="9" width="11" height="1" />
+</svg>
--- a/client/uikit/src/images/components/navbar-toggle-icon.svg
+++ b/client/uikit/src/images/components/navbar-toggle-icon.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect y="9" width="20" height="2" />
+    <rect y="3" width="20" height="2" />
+    <rect y="15" width="20" height="2" />
+</svg>
--- a/client/uikit/src/images/components/overlay-icon.svg
+++ b/client/uikit/src/images/components/overlay-icon.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <rect x="19" y="0" width="1" height="40" />
+    <rect x="0" y="19" width="40" height="1" />
+</svg>
--- a/client/uikit/src/images/components/pagination-next.svg
+++ b/client/uikit/src/images/components/pagination-next.svg
@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.2" points="1 1 6 6 1 11" />
+</svg>
--- a/client/uikit/src/images/components/pagination-previous.svg
+++ b/client/uikit/src/images/components/pagination-previous.svg
@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.2" points="6 1 1 6 6 11" />
+</svg>
--- a/client/uikit/src/images/components/search-icon.svg
+++ b/client/uikit/src/images/components/search-icon.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7" />
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z" />
+</svg>
--- a/client/uikit/src/images/components/search-large.svg
+++ b/client/uikit/src/images/components/search-large.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.8" cx="17.5" cy="17.5" r="16.5" />
+    <line fill="none" stroke="#000" stroke-width="1.8" x1="38" y1="39" x2="29" y2="30" />
+</svg>
--- a/client/uikit/src/images/components/search-navbar.svg
+++ b/client/uikit/src/images/components/search-navbar.svg
@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.1" cx="10.5" cy="10.5" r="9.5" />
+    <line fill="none" stroke="#000" stroke-width="1.1" x1="23" y1="23" x2="17" y2="17" />
+</svg>
--- a/client/uikit/src/images/components/slidenav-next-large.svg
+++ b/client/uikit/src/images/components/slidenav-next-large.svg
@ -0,0 +1,3 @@
+<svg width="25" height="40" viewBox="0 0 25 40" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="2" points="4.002,38.547 22.527,20.024 4,1.5 " />
+</svg>
--- a/client/uikit/src/images/components/slidenav-next.svg
+++ b/client/uikit/src/images/components/slidenav-next.svg
@ -0,0 +1,3 @@
+<svg width="14" height="24" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 " />
+</svg>
--- a/client/uikit/src/images/components/slidenav-previous-large.svg
+++ b/client/uikit/src/images/components/slidenav-previous-large.svg
@ -0,0 +1,3 @@
+<svg width="25" height="40" viewBox="0 0 25 40" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="2" points="20.527,1.5 2,20.024 20.525,38.547 " />
+</svg>
--- a/client/uikit/src/images/components/slidenav-previous.svg
+++ b/client/uikit/src/images/components/slidenav-previous.svg
@ -0,0 +1,3 @@
+<svg width="14" height="24" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.4" points="12.775,1 1.225,12 12.775,23 " />
+</svg>
--- a/client/uikit/src/images/components/spinner.svg
+++ b/client/uikit/src/images/components/spinner.svg
@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" cx="15" cy="15" r="14" />
+</svg>
--- a/client/uikit/src/images/components/totop.svg
+++ b/client/uikit/src/images/components/totop.svg
@ -0,0 +1,3 @@
+<svg width="18" height="10" viewBox="0 0 18 10" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.2" points="1 9 9 1 17 9 " />
+</svg>
--- a/client/uikit/src/images/icons/500px.svg
+++ b/client/uikit/src/images/icons/500px.svg
@ -0,0 +1,30 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+	<path d="M9.624,11.866c-0.141,0.132,0.479,0.658,0.662,0.418c0.051-0.046,0.607-0.61,0.662-0.664c0,0,0.738,0.719,0.814,0.719
+		c0.1,0,0.207-0.055,0.322-0.17c0.27-0.269,0.135-0.416,0.066-0.495l-0.631-0.616l0.658-0.668c0.146-0.156,0.021-0.314-0.1-0.449
+		c-0.182-0.18-0.359-0.226-0.471-0.125l-0.656,0.654l-0.654-0.654c-0.033-0.034-0.08-0.045-0.124-0.045
+		c-0.079,0-0.191,0.068-0.307,0.181c-0.202,0.202-0.247,0.351-0.133,0.462l0.665,0.665L9.624,11.866z" />
+	<path d="M11.066,2.884c-1.061,0-2.185,0.248-3.011,0.604c-0.087,0.034-0.141,0.106-0.15,0.205C7.893,3.784,7.919,3.909,7.982,4.066
+		c0.05,0.136,0.187,0.474,0.452,0.372c0.844-0.326,1.779-0.507,2.633-0.507c0.963,0,1.9,0.191,2.781,0.564
+		c0.695,0.292,1.357,0.719,2.078,1.34c0.051,0.044,0.105,0.068,0.164,0.068c0.143,0,0.273-0.137,0.389-0.271
+		c0.191-0.214,0.324-0.395,0.135-0.575c-0.686-0.654-1.436-1.138-2.363-1.533C13.24,3.097,12.168,2.884,11.066,2.884z" />
+	<path d="M16.43,15.747c-0.092-0.028-0.242,0.05-0.309,0.119l0,0c-0.652,0.652-1.42,1.169-2.268,1.521
+		c-0.877,0.371-1.814,0.551-2.779,0.551c-0.961,0-1.896-0.189-2.775-0.564c-0.848-0.36-1.612-0.879-2.268-1.53
+		c-0.682-0.688-1.196-1.455-1.529-2.268c-0.325-0.799-0.471-1.643-0.471-1.643c-0.045-0.24-0.258-0.249-0.567-0.203
+		c-0.128,0.021-0.519,0.079-0.483,0.36v0.01c0.105,0.644,0.289,1.284,0.545,1.895c0.417,0.969,1.002,1.849,1.756,2.604
+		c0.757,0.754,1.636,1.34,2.604,1.757C8.901,18.785,9.97,19,11.088,19c1.104,0,2.186-0.215,3.188-0.645
+		c1.838-0.896,2.604-1.757,2.604-1.757c0.182-0.204,0.227-0.317-0.1-0.643C16.779,15.956,16.525,15.774,16.43,15.747z" />
+	<path d="M5.633,13.287c0.293,0.71,0.723,1.341,1.262,1.882c0.54,0.54,1.172,0.971,1.882,1.264c0.731,0.303,1.509,0.461,2.298,0.461
+		c0.801,0,1.578-0.158,2.297-0.461c0.711-0.293,1.344-0.724,1.883-1.264c0.543-0.541,0.971-1.172,1.264-1.882
+		c0.314-0.721,0.463-1.5,0.463-2.298c0-0.79-0.148-1.569-0.463-2.289c-0.293-0.699-0.721-1.329-1.264-1.881
+		c-0.539-0.541-1.172-0.959-1.867-1.263c-0.721-0.303-1.5-0.461-2.299-0.461c-0.802,0-1.613,0.159-2.322,0.461
+		c-0.577,0.25-1.544,0.867-2.119,1.454v0.012V2.108h8.16C15.1,2.104,15.1,1.69,15.1,1.552C15.1,1.417,15.1,1,14.809,1H5.915
+		C5.676,1,5.527,1.192,5.527,1.384v6.84c0,0.214,0.273,0.372,0.529,0.428c0.5,0.105,0.614-0.056,0.737-0.224l0,0
+		c0.18-0.273,0.776-0.884,0.787-0.894c0.901-0.905,2.117-1.408,3.416-1.408c1.285,0,2.5,0.501,3.412,1.408
+		c0.914,0.914,1.408,2.122,1.408,3.405c0,1.288-0.508,2.496-1.408,3.405c-0.9,0.896-2.152,1.406-3.438,1.406
+		c-0.877,0-1.711-0.229-2.433-0.671v-4.158c0-0.553,0.237-1.151,0.643-1.614c0.462-0.519,1.094-0.799,1.782-0.799
+		c0.664,0,1.293,0.253,1.758,0.715c0.459,0.459,0.709,1.071,0.709,1.723c0,1.385-1.094,2.468-2.488,2.468
+		c-0.273,0-0.769-0.121-0.781-0.125c-0.281-0.087-0.405,0.306-0.438,0.436c-0.159,0.496,0.079,0.585,0.123,0.607
+		c0.452,0.137,0.743,0.157,1.129,0.157c1.973,0,3.572-1.6,3.572-3.57c0-1.964-1.6-3.552-3.572-3.552c-0.97,0-1.872,0.36-2.546,1.038
+		c-0.656,0.631-1.027,1.487-1.027,2.322v3.438v-0.011c-0.372-0.42-0.732-1.041-0.981-1.682c-0.102-0.248-0.315-0.202-0.607-0.113
+		c-0.135,0.035-0.519,0.157-0.44,0.439C5.372,12.799,5.577,13.164,5.633,13.287z" />
+</svg>
--- a/client/uikit/src/images/icons/album.svg
+++ b/client/uikit/src/images/icons/album.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect x="5" y="2" width="10" height="1" />
+    <rect x="3" y="4" width="14" height="1" />
+    <rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11" />
+</svg>
--- a/client/uikit/src/images/icons/arrow-down.svg
+++ b/client/uikit/src/images/icons/arrow-down.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon points="10.5,16.08 5.63,10.66 6.37,10 10.5,14.58 14.63,10 15.37,10.66" />
+    <line fill="none" stroke="#000" x1="10.5" y1="4" x2="10.5" y2="15" />
+</svg>
--- a/client/uikit/src/images/icons/arrow-left.svg
+++ b/client/uikit/src/images/icons/arrow-left.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" points="10 14 5 9.5 10 5" />
+    <line fill="none" stroke="#000" x1="16" y1="9.5" x2="5" y2="9.52" />
+</svg>
--- a/client/uikit/src/images/icons/arrow-right.svg
+++ b/client/uikit/src/images/icons/arrow-right.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14" />
+    <line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5" />
+</svg>
--- a/client/uikit/src/images/icons/arrow-up.svg
+++ b/client/uikit/src/images/icons/arrow-up.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon points="10.5,4 15.37,9.4 14.63,10.08 10.5,5.49 6.37,10.08 5.63,9.4" />
+    <line fill="none" stroke="#000" x1="10.5" y1="16" x2="10.5" y2="5" />
+</svg>
--- a/client/uikit/src/images/icons/bag.svg
+++ b/client/uikit/src/images/icons/bag.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" d="M7.5,7.5V4A2.48,2.48,0,0,1,10,1.5,2.54,2.54,0,0,1,12.5,4V7.5" />
+    <polygon fill="none" stroke="#000" points="16.5 7.5 3.5 7.5 2.5 18.5 17.5 18.5 16.5 7.5" />
+</svg>
--- a/client/uikit/src/images/icons/ban.svg
+++ b/client/uikit/src/images/icons/ban.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9" />
+    <line fill="none" stroke="#000" stroke-width="1.1" x1="4" y1="3.5" x2="16" y2="16.5" />
+</svg>
--- a/client/uikit/src/images/icons/behance.svg
+++ b/client/uikit/src/images/icons/behance.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.5,10.6c-0.4-0.5-0.9-0.9-1.6-1.1c1.7-1,2.2-3.2,0.7-4.7C7.8,4,6.3,4,5.2,4C3.5,4,1.7,4,0,4v12c1.7,0,3.4,0,5.2,0 c1,0,2.1,0,3.1-0.5C10.2,14.6,10.5,12.3,9.5,10.6L9.5,10.6z M5.6,6.1c1.8,0,1.8,2.7-0.1,2.7c-1,0-2,0-2.9,0V6.1H5.6z M2.6,13.8v-3.1 c1.1,0,2.1,0,3.2,0c2.1,0,2.1,3.2,0.1,3.2L2.6,13.8z" />
+    <path d="M19.9,10.9C19.7,9.2,18.7,7.6,17,7c-4.2-1.3-7.3,3.4-5.3,7.1c0.9,1.7,2.8,2.3,4.7,2.1c1.7-0.2,2.9-1.3,3.4-2.9h-2.2 c-0.4,1.3-2.4,1.5-3.5,0.6c-0.4-0.4-0.6-1.1-0.6-1.7H20C20,11.7,19.9,10.9,19.9,10.9z M13.5,10.6c0-1.6,2.3-2.7,3.5-1.4 c0.4,0.4,0.5,0.9,0.6,1.4H13.5L13.5,10.6z" />
+    <rect x="13" y="4" width="5" height="1.4" />
+</svg>
--- a/client/uikit/src/images/icons/bell.svg
+++ b/client/uikit/src/images/icons/bell.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M17,15.5 L3,15.5 C2.99,14.61 3.79,13.34 4.1,12.51 C4.58,11.3 4.72,10.35 5.19,7.01 C5.54,4.53 5.89,3.2 7.28,2.16 C8.13,1.56 9.37,1.5 9.81,1.5 L9.96,1.5 C9.96,1.5 11.62,1.41 12.67,2.17 C14.08,3.2 14.42,4.54 14.77,7.02 C15.26,10.35 15.4,11.31 15.87,12.52 C16.2,13.34 17.01,14.61 17,15.5 L17,15.5 Z" />
+    <path fill="none" stroke="#000" d="M12.39,16 C12.39,17.37 11.35,18.43 9.91,18.43 C8.48,18.43 7.42,17.37 7.42,16" />
+</svg>
--- a/client/uikit/src/images/icons/bold.svg
+++ b/client/uikit/src/images/icons/bold.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5,15.3 C5.66,15.3 5.9,15 5.9,14.53 L5.9,5.5 C5.9,4.92 5.56,4.7 5,4.7 L5,4 L8.95,4 C12.6,4 13.7,5.37 13.7,6.9 C13.7,7.87 13.14,9.17 10.86,9.59 L10.86,9.7 C13.25,9.86 14.29,11.28 14.3,12.54 C14.3,14.47 12.94,16 9,16 L5,16 L5,15.3 Z M9,9.3 C11.19,9.3 11.8,8.5 11.85,7 C11.85,5.65 11.3,4.8 9,4.8 L7.67,4.8 L7.67,9.3 L9,9.3 Z M9.185,15.22 C11.97,15 12.39,14 12.4,12.58 C12.4,11.15 11.39,10 9,10 L7.67,10 L7.67,15 L9.18,15 Z" />
+</svg>
--- a/client/uikit/src/images/icons/bolt.svg
+++ b/client/uikit/src/images/icons/bolt.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.74,20 L7.73,12 L3,12 L15.43,1 L12.32,9 L17.02,9 L4.74,20 L4.74,20 L4.74,20 Z M9.18,11 L7.1,16.39 L14.47,10 L10.86,10 L12.99,4.67 L5.61,11 L9.18,11 L9.18,11 L9.18,11 Z" />
+</svg>
--- a/client/uikit/src/images/icons/bookmark.svg
+++ b/client/uikit/src/images/icons/bookmark.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="none" stroke="#000" points="5.5 1.5 15.5 1.5 15.5 17.5 10.5 12.5 5.5 17.5" />
+</svg>
--- a/client/uikit/src/images/icons/calendar.svg
+++ b/client/uikit/src/images/icons/calendar.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 2,3 2,17 18,17 18,3 2,3 Z M 17,16 3,16 3,8 17,8 17,16 Z M 17,7 3,7 3,4 17,4 17,7 Z" />
+    <rect width="1" height="3" x="6" y="2" />
+    <rect width="1" height="3" x="13" y="2" />
+</svg>
--- a/client/uikit/src/images/icons/camera.svg
+++ b/client/uikit/src/images/icons/camera.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10.8" r="3.8" />
+    <path fill="none" stroke="#000" d="M1,4.5 C0.7,4.5 0.5,4.7 0.5,5 L0.5,17 C0.5,17.3 0.7,17.5 1,17.5 L19,17.5 C19.3,17.5 19.5,17.3 19.5,17 L19.5,5 C19.5,4.7 19.3,4.5 19,4.5 L13.5,4.5 L13.5,2.9 C13.5,2.6 13.3,2.5 13,2.5 L7,2.5 C6.7,2.5 6.5,2.6 6.5,2.9 L6.5,4.5 L1,4.5 L1,4.5 Z" />
+</svg>
--- a/client/uikit/src/images/icons/cart.svg
+++ b/client/uikit/src/images/icons/cart.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="7.3" cy="17.3" r="1.4" />
+    <circle cx="13.3" cy="17.3" r="1.4" />
+    <polyline fill="none" stroke="#000" points="0 2 3.2 4 5.3 12.5 16 12.5 18 6.5 8 6.5" />
+</svg>
--- a/client/uikit/src/images/icons/check.svg
+++ b/client/uikit/src/images/icons/check.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4" />
+</svg>
--- a/client/uikit/src/images/icons/chevron-double-left.svg
+++ b/client/uikit/src/images/icons/chevron-double-left.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="10 14 6 10 10 6"/>
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="14 14 10 10 14 6"/>
+</svg>
--- a/client/uikit/src/images/icons/chevron-double-right.svg
+++ b/client/uikit/src/images/icons/chevron-double-right.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="10 6 14 10 10 14"/>
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="6 6 10 10 6 14"/>
+</svg>
--- a/client/uikit/src/images/icons/chevron-down.svg
+++ b/client/uikit/src/images/icons/chevron-down.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7" />
+</svg>
--- a/client/uikit/src/images/icons/chevron-left.svg
+++ b/client/uikit/src/images/icons/chevron-left.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4" />
+</svg>
--- a/client/uikit/src/images/icons/chevron-right.svg
+++ b/client/uikit/src/images/icons/chevron-right.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16" />
+</svg>
--- a/client/uikit/src/images/icons/chevron-up.svg
+++ b/client/uikit/src/images/icons/chevron-up.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13" />
+</svg>
--- a/client/uikit/src/images/icons/clock.svg
+++ b/client/uikit/src/images/icons/clock.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9" />
+    <rect x="9" y="4" width="1" height="7" />
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M13.018,14.197 L9.445,10.625" />
+</svg>
--- a/client/uikit/src/images/icons/close.svg
+++ b/client/uikit/src/images/icons/close.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4" />
+    <path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16" />
+</svg>
--- a/client/uikit/src/images/icons/cloud-download.svg
+++ b/client/uikit/src/images/icons/cloud-download.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.3,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6" />
+    <polyline fill="none" stroke="#000" points="11.75 16 9.5 18.25 7.25 16" />
+    <path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5" />
+</svg>
--- a/client/uikit/src/images/icons/cloud-upload.svg
+++ b/client/uikit/src/images/icons/cloud-upload.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.31,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6" />
+    <polyline fill="none" stroke="#000" points="7.25 11.75 9.5 9.5 11.75 11.75" />
+    <path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5" />
+</svg>
--- a/client/uikit/src/images/icons/code.svg
+++ b/client/uikit/src/images/icons/code.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16" />
+    <polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16" />
+</svg>
--- a/client/uikit/src/images/icons/cog.svg
+++ b/client/uikit/src/images/icons/cog.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" cx="9.997" cy="10" r="3.31" />
+    <path fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z" />
+</svg>
--- a/client/uikit/src/images/icons/comment.svg
+++ b/client/uikit/src/images/icons/comment.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6,18.71 L6,14 L1,14 L1,1 L19,1 L19,14 L10.71,14 L6,18.71 L6,18.71 Z M2,13 L7,13 L7,16.29 L10.29,13 L18,13 L18,2 L2,2 L2,13 L2,13 Z" />
+</svg>
--- a/client/uikit/src/images/icons/commenting.svg
+++ b/client/uikit/src/images/icons/commenting.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="none" stroke="#000" points="1.5,1.5 18.5,1.5 18.5,13.5 10.5,13.5 6.5,17.5 6.5,13.5 1.5,13.5" />
+    <circle cx="10" cy="8" r="1" />
+    <circle cx="6" cy="8" r="1" />
+    <circle cx="14" cy="8" r="1" />
+</svg>
--- a/client/uikit/src/images/icons/comments.svg
+++ b/client/uikit/src/images/icons/comments.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" points="2 0.5 19.5 0.5 19.5 13" />
+    <path d="M5,19.71 L5,15 L0,15 L0,2 L18,2 L18,15 L9.71,15 L5,19.71 L5,19.71 L5,19.71 Z M1,14 L6,14 L6,17.29 L9.29,14 L17,14 L17,3 L1,3 L1,14 L1,14 L1,14 Z" />
+</svg>
--- a/client/uikit/src/images/icons/copy.svg
+++ b/client/uikit/src/images/icons/copy.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16" />
+    <polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17" />
+</svg>
--- a/client/uikit/src/images/icons/credit-card.svg
+++ b/client/uikit/src/images/icons/credit-card.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="none" stroke="#000" x="1.5" y="4.5" width="17" height="12" />
+    <rect x="1" y="7" width="18" height="3" />
+</svg>
--- a/client/uikit/src/images/icons/database.svg
+++ b/client/uikit/src/images/icons/database.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <ellipse fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14" />
+    <path fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11" />
+    <path fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25" />
+    <path fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64" />
+</svg>
--- a/client/uikit/src/images/icons/desktop.svg
+++ b/client/uikit/src/images/icons/desktop.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="15" width="1" height="2" />
+    <rect x="11" y="15" width="1" height="2" />
+    <rect x="5" y="16" width="10" height="1" />
+    <rect fill="none" stroke="#000" x="1.5" y="3.5" width="17" height="11" />
+</svg>
--- a/client/uikit/src/images/icons/discord.svg
+++ b/client/uikit/src/images/icons/discord.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <path d="M16.074,4.361a14.243,14.243,0,0,0-3.61-1.134,10.61,10.61,0,0,0-.463.96,13.219,13.219,0,0,0-4,0,10.138,10.138,0,0,0-.468-.96A14.206,14.206,0,0,0,3.919,4.364,15.146,15.146,0,0,0,1.324,14.5a14.435,14.435,0,0,0,4.428,2.269A10.982,10.982,0,0,0,6.7,15.21a9.294,9.294,0,0,1-1.494-.727c.125-.093.248-.19.366-.289a10.212,10.212,0,0,0,8.854,0c.119.1.242.2.366.289a9.274,9.274,0,0,1-1.5.728,10.8,10.8,0,0,0,.948,1.562,14.419,14.419,0,0,0,4.431-2.27A15.128,15.128,0,0,0,16.074,4.361Zm-8.981,8.1a1.7,1.7,0,0,1-1.573-1.79A1.689,1.689,0,0,1,7.093,8.881a1.679,1.679,0,0,1,1.573,1.791A1.687,1.687,0,0,1,7.093,12.462Zm5.814,0a1.7,1.7,0,0,1-1.573-1.79,1.689,1.689,0,0,1,1.573-1.791,1.679,1.679,0,0,1,1.573,1.791A1.688,1.688,0,0,1,12.907,12.462Z"/>
+</svg>
--- a/client/uikit/src/images/icons/download.svg
+++ b/client/uikit/src/images/icons/download.svg
@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10" />
+    <rect x="3" y="17" width="13" height="1" />
+    <line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3" />
+</svg>
--- a/client/uikit/src/images/icons/dribbble.svg
+++ b/client/uikit/src/images/icons/dribbble.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" stroke-width="1.4" d="M1.3,8.9c0,0,5,0.1,8.6-1c1.4-0.4,2.6-0.9,4-1.9 c1.4-1.1,2.5-2.5,2.5-2.5" />
+    <path fill="none" stroke="#000" stroke-width="1.4" d="M3.9,16.6c0,0,1.7-2.8,3.5-4.2 c1.8-1.3,4-2,5.7-2.2C16,10,19,10.6,19,10.6" />
+    <path fill="none" stroke="#000" stroke-width="1.4" d="M6.9,1.6c0,0,3.3,4.6,4.2,6.8 c0.4,0.9,1.3,3.1,1.9,5.2c0.6,2,0.9,4.4,0.9,4.4" />
+    <circle fill="none" stroke="#000" stroke-width="1.4" cx="10" cy="10" r="9" />
+</svg>
--- a/client/uikit/src/images/icons/etsy.svg
+++ b/client/uikit/src/images/icons/etsy.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <path d="M8,4.26C8,4.07,8,4,8.31,4h4.46c.79,0,1.22.67,1.53,1.91l.25,1h.76c.14-2.82.26-4,.26-4S13.65,3,12.52,3H6.81L3.75,2.92v.84l1,.2c.73.11.9.27,1,1,0,0,.06,2,.06,5.17s-.06,5.14-.06,5.14c0,.59-.23.81-1,.94l-1,.2v.84l3.06-.1h5.11c1.15,0,3.82.1,3.82.1,0-.7.45-3.88.51-4.22h-.73l-.76,1.69a2.25,2.25,0,0,1-2.45,1.47H9.4c-1,0-1.44-.4-1.44-1.24V10.44s2.16,0,2.86.06c.55,0,.85.19,1.06,1l.23,1H13L12.9,9.94,13,7.41h-.85l-.28,1.13c-.16.74-.28.84-1,1-1,.1-2.89.09-2.89.09Z"/>
+</svg>
--- a/client/uikit/src/images/icons/expand.svg
+++ b/client/uikit/src/images/icons/expand.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon points="13 2 18 2 18 7 17 7 17 3 13 3" />
+    <polygon points="2 13 3 13 3 17 7 17 7 18 2 18" />
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M11,9 L17,3" />
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M3,17 L9,11" />
+</svg>
--- a/client/uikit/src/images/icons/facebook.svg
+++ b/client/uikit/src/images/icons/facebook.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z" />
+</svg>
--- a/client/uikit/src/images/icons/file-edit.svg
+++ b/client/uikit/src/images/icons/file-edit.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" stroke="#000" d="M18.65,1.68 C18.41,1.45 18.109,1.33 17.81,1.33 C17.499,1.33 17.209,1.45 16.98,1.68 L8.92,9.76 L8,12.33 L10.55,11.41 L18.651,3.34 C19.12,2.87 19.12,2.15 18.65,1.68 L18.65,1.68 L18.65,1.68 Z" />
+    <polyline fill="none" stroke="#000" points="16.5 8.482 16.5 18.5 3.5 18.5 3.5 1.5 14.211 1.5" />
+</svg>
--- a/client/uikit/src/images/icons/file-pdf.svg
+++ b/client/uikit/src/images/icons/file-pdf.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5" />
+    <path d="M14.65 11.67c-.48.3-1.37-.19-1.79-.37a4.65 4.65 0 0 1 1.49.06c.35.1.36.28.3.31zm-6.3.06l.43-.79a14.7 14.7 0 0 0 .75-1.64 5.48 5.48 0 0 0 1.25 1.55l.2.15a16.36 16.36 0 0 0-2.63.73zM9.5 5.32c.2 0 .32.5.32.97a1.99 1.99 0 0 1-.23 1.04 5.05 5.05 0 0 1-.17-1.3s0-.71.08-.71zm-3.9 9a4.35 4.35 0 0 1 1.21-1.46l.24-.22a4.35 4.35 0 0 1-1.46 1.68zm9.23-3.3a2.05 2.05 0 0 0-1.32-.3 11.07 11.07 0 0 0-1.58.11 4.09 4.09 0 0 1-.74-.5 5.39 5.39 0 0 1-1.32-2.06 10.37 10.37 0 0 0 .28-2.62 1.83 1.83 0 0 0-.07-.25.57.57 0 0 0-.52-.4H9.4a.59.59 0 0 0-.6.38 6.95 6.95 0 0 0 .37 3.14c-.26.63-1 2.12-1 2.12-.3.58-.57 1.08-.82 1.5l-.8.44A3.11 3.11 0 0 0 5 14.16a.39.39 0 0 0 .15.42l.24.13c1.15.56 2.28-1.74 2.66-2.42a23.1 23.1 0 0 1 3.59-.85 4.56 4.56 0 0 0 2.91.8.5.5 0 0 0 .3-.21 1.1 1.1 0 0 0 .12-.75.84.84 0 0 0-.14-.25z" />
+</svg>
--- a/client/uikit/src/images/icons/file-text.svg
+++ b/client/uikit/src/images/icons/file-text.svg
@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5" />
+    <line fill="none" stroke="#000" x1="6" x2="12" y1="12.5" y2="12.5" />
+    <line fill="none" stroke="#000" x1="6" x2="14" y1="8.5" y2="8.5" />
+    <line fill="none" stroke="#000" x1="6" x2="14" y1="6.5" y2="6.5" />
+    <line fill="none" stroke="#000" x1="6" x2="14" y1="10.5" y2="10.5" />
+</svg>
--- a/client/uikit/src/images/icons/file.svg
+++ b/client/uikit/src/images/icons/file.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <rect fill="none" stroke="#000" x="3.5" y="1.5" width="13" height="17" />
+</svg>
--- a/client/uikit/src/images/icons/flickr.svg
+++ b/client/uikit/src/images/icons/flickr.svg
@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="5.5" cy="9.5" r="3.5" />
+    <circle cx="14.5" cy="9.5" r="3.5" />
+</svg>
--- a/client/uikit/src/images/icons/folder.svg
+++ b/client/uikit/src/images/icons/folder.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="none" stroke="#000" points="9.5 5.5 8.5 3.5 1.5 3.5 1.5 16.5 18.5 16.5 18.5 5.5" />
+</svg>
--- a/client/uikit/src/images/icons/forward.svg
+++ b/client/uikit/src/images/icons/forward.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2.47,13.11 C4.02,10.02 6.27,7.85 9.04,6.61 C9.48,6.41 10.27,6.13 11,5.91 L11,2 L18.89,9 L11,16 L11,12.13 C9.25,12.47 7.58,13.19 6.02,14.25 C3.03,16.28 1.63,18.54 1.63,18.54 C1.63,18.54 1.38,15.28 2.47,13.11 L2.47,13.11 Z M5.3,13.53 C6.92,12.4 9.04,11.4 12,10.92 L12,13.63 L17.36,9 L12,4.25 L12,6.8 C11.71,6.86 10.86,7.02 9.67,7.49 C6.79,8.65 4.58,10.96 3.49,13.08 C3.18,13.7 2.68,14.87 2.49,16 C3.28,15.05 4.4,14.15 5.3,13.53 L5.3,13.53 Z" />
+</svg>
--- a/client/uikit/src/images/icons/foursquare.svg
+++ b/client/uikit/src/images/icons/foursquare.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.23,2 C15.96,2 16.4,2.41 16.5,2.86 C16.57,3.15 16.56,3.44 16.51,3.73 C16.46,4.04 14.86,11.72 14.75,12.03 C14.56,12.56 14.16,12.82 13.61,12.83 C13.03,12.84 11.09,12.51 10.69,13 C10.38,13.38 7.79,16.39 6.81,17.53 C6.61,17.76 6.4,17.96 6.08,17.99 C5.68,18.04 5.29,17.87 5.17,17.45 C5.12,17.28 5.1,17.09 5.1,16.91 C5.1,12.4 4.86,7.81 5.11,3.31 C5.17,2.5 5.81,2.12 6.53,2 L15.23,2 L15.23,2 Z M9.76,11.42 C9.94,11.19 10.17,11.1 10.45,11.1 L12.86,11.1 C13.12,11.1 13.31,10.94 13.36,10.69 C13.37,10.64 13.62,9.41 13.74,8.83 C13.81,8.52 13.53,8.28 13.27,8.28 C12.35,8.29 11.42,8.28 10.5,8.28 C9.84,8.28 9.83,7.69 9.82,7.21 C9.8,6.85 10.13,6.55 10.5,6.55 C11.59,6.56 12.67,6.55 13.76,6.55 C14.03,6.55 14.23,6.4 14.28,6.14 C14.34,5.87 14.67,4.29 14.67,4.29 C14.67,4.29 14.82,3.74 14.19,3.74 L7.34,3.74 C7,3.75 6.84,4.02 6.84,4.33 C6.84,7.58 6.85,14.95 6.85,14.99 C6.87,15 8.89,12.51 9.76,11.42 L9.76,11.42 Z" />
+</svg>
--- a/client/uikit/src/images/icons/future.svg
+++ b/client/uikit/src/images/icons/future.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <polyline points="19 2 18 2 18 6 14 6 14 7 19 7 19 2" />
+    <path fill="none" stroke="#000" stroke-width="1.1" d="M18,6.548 C16.709,3.29 13.354,1 9.6,1 C4.6,1 0.6,5 0.6,10 C0.6,15 4.6,19 9.6,19 C14.6,19 18.6,15 18.6,10" />
+    <rect x="9" y="4" width="1" height="7" />
+    <path d="M13.018,14.197 L9.445,10.625" fill="none" stroke="#000" stroke-width="1.1" />
+</svg>
--- a/client/uikit/src/images/icons/git-branch.svg
+++ b/client/uikit/src/images/icons/git-branch.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.2" cx="7" cy="3" r="2" />
+    <circle fill="none" stroke="#000" stroke-width="1.2" cx="14" cy="6" r="2" />
+    <circle fill="none" stroke="#000" stroke-width="1.2" cx="7" cy="17" r="2" />
+    <path fill="none" stroke="#000" stroke-width="2" d="M14,8 C14,10.41 12.43,10.87 10.56,11.25 C9.09,11.54 7,12.06 7,15 L7,5" />
+</svg>
--- a/client/uikit/src/images/icons/git-fork.svg
+++ b/client/uikit/src/images/icons/git-fork.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <circle fill="none" stroke="#000" stroke-width="1.2" cx="5.79" cy="2.79" r="1.79" />
+    <circle fill="none" stroke="#000" stroke-width="1.2" cx="14.19" cy="2.79" r="1.79" />
+    <ellipse fill="none" stroke="#000" stroke-width="1.2" cx="10.03" cy="16.79" rx="1.79" ry="1.79" />
+    <path fill="none" stroke="#000" stroke-width="2" d="M5.79,4.57 L5.79,6.56 C5.79,9.19 10.03,10.22 10.03,13.31 C10.03,14.86 10.04,14.55 10.04,14.55 C10.04,14.37 10.04,14.86 10.04,13.31 C10.04,10.22 14.2,9.19 14.2,6.56 L14.2,4.57" />
+</svg>
--- a/client/uikit/src/images/icons/github-alt.svg
+++ b/client/uikit/src/images/icons/github-alt.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10,0.5 C4.75,0.5 0.5,4.76 0.5,10.01 C0.5,15.26 4.75,19.51 10,19.51 C15.24,19.51 19.5,15.26 19.5,10.01 C19.5,4.76 15.25,0.5 10,0.5 L10,0.5 Z M12.81,17.69 C12.81,17.69 12.81,17.7 12.79,17.69 C12.47,17.75 12.35,17.59 12.35,17.36 L12.35,16.17 C12.35,15.45 12.09,14.92 11.58,14.56 C12.2,14.51 12.77,14.39 13.26,14.21 C13.87,13.98 14.36,13.69 14.74,13.29 C15.42,12.59 15.76,11.55 15.76,10.17 C15.76,9.25 15.45,8.46 14.83,7.8 C15.1,7.08 15.07,6.29 14.75,5.44 L14.51,5.42 C14.34,5.4 14.06,5.46 13.67,5.61 C13.25,5.78 12.79,6.03 12.31,6.35 C11.55,6.16 10.81,6.05 10.09,6.05 C9.36,6.05 8.61,6.15 7.88,6.35 C7.28,5.96 6.75,5.68 6.26,5.54 C6.07,5.47 5.9,5.44 5.78,5.44 L5.42,5.44 C5.06,6.29 5.04,7.08 5.32,7.8 C4.7,8.46 4.4,9.25 4.4,10.17 C4.4,11.94 4.96,13.16 6.08,13.84 C6.53,14.13 7.05,14.32 7.69,14.43 C8.03,14.5 8.32,14.54 8.55,14.55 C8.07,14.89 7.82,15.42 7.82,16.16 L7.82,17.51 C7.8,17.69 7.7,17.8 7.51,17.8 C4.21,16.74 1.82,13.65 1.82,10.01 C1.82,5.5 5.49,1.83 10,1.83 C14.5,1.83 18.17,5.5 18.17,10.01 C18.18,13.53 15.94,16.54 12.81,17.69 L12.81,17.69 Z" />
+</svg>
--- a/client/uikit/src/images/icons/github.svg
+++ b/client/uikit/src/images/icons/github.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10,1 C5.03,1 1,5.03 1,10 C1,13.98 3.58,17.35 7.16,18.54 C7.61,18.62 7.77,18.34 7.77,18.11 C7.77,17.9 7.76,17.33 7.76,16.58 C5.26,17.12 4.73,15.37 4.73,15.37 C4.32,14.33 3.73,14.05 3.73,14.05 C2.91,13.5 3.79,13.5 3.79,13.5 C4.69,13.56 5.17,14.43 5.17,14.43 C5.97,15.8 7.28,15.41 7.79,15.18 C7.87,14.6 8.1,14.2 8.36,13.98 C6.36,13.75 4.26,12.98 4.26,9.53 C4.26,8.55 4.61,7.74 5.19,7.11 C5.1,6.88 4.79,5.97 5.28,4.73 C5.28,4.73 6.04,4.49 7.75,5.65 C8.47,5.45 9.24,5.35 10,5.35 C10.76,5.35 11.53,5.45 12.25,5.65 C13.97,4.48 14.72,4.73 14.72,4.73 C15.21,5.97 14.9,6.88 14.81,7.11 C15.39,7.74 15.73,8.54 15.73,9.53 C15.73,12.99 13.63,13.75 11.62,13.97 C11.94,14.25 12.23,14.8 12.23,15.64 C12.23,16.84 12.22,17.81 12.22,18.11 C12.22,18.35 12.38,18.63 12.84,18.54 C16.42,17.35 19,13.98 19,10 C19,5.03 14.97,1 10,1 L10,1 Z" />
+</svg>
--- a/client/uikit/src/images/icons/gitter.svg
+++ b/client/uikit/src/images/icons/gitter.svg
@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+	<rect x="3.5" y="1" width="1.531" height="11.471" />
+	<rect x="7.324" y="4.059" width="1.529" height="15.294" />
+	<rect x="11.148" y="4.059" width="1.527" height="15.294" />
+	<rect x="14.971" y="4.059" width="1.529" height="8.412" />
+</svg>
--- a/client/uikit/src/images/icons/google.svg
+++ b/client/uikit/src/images/icons/google.svg
@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.86,9.09 C18.46,12.12 17.14,16.05 13.81,17.56 C9.45,19.53 4.13,17.68 2.47,12.87 C0.68,7.68 4.22,2.42 9.5,2.03 C11.57,1.88 13.42,2.37 15.05,3.65 C15.22,3.78 15.37,3.93 15.61,4.14 C14.9,4.81 14.23,5.45 13.5,6.14 C12.27,5.08 10.84,4.72 9.28,4.98 C8.12,5.17 7.16,5.76 6.37,6.63 C4.88,8.27 4.62,10.86 5.76,12.82 C6.95,14.87 9.17,15.8 11.57,15.25 C13.27,14.87 14.76,13.33 14.89,11.75 L10.51,11.75 L10.51,9.09 L17.86,9.09 L17.86,9.09 Z" />
+</svg>
--- a/Show More
+++ b/Show More