initial

a3af8e0b · therealwolf42 · a3af8e0b · a3af8e0b · a3af8e0b · a3af8e0b
Commit a3af8e0b authored 5 years ago by therealwolf42
--- a/.babelrc
+++ b/.babelrc
+{
+  "env": {
+    "test": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "targets": {
+              "node": "current"
+            }
+          }
+        ]
+      ]
+    }
+  }
+}
--- a/.editorconfig
+++ b/.editorconfig
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
--- a/.eslintrc.js
+++ b/.eslintrc.js
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  extends: [
+    '@nuxtjs/eslint-config-typescript',
+    'prettier',
+    'prettier/vue',
+    'plugin:prettier/recommended',
+    'plugin:nuxt/recommended'
+  ],
+  plugins: ['prettier'],
+  // add your custom rules here
+  rules: {}
+}
--- a/.gitignore
+++ b/.gitignore
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
+
+# macOS
+.DS_Store
+
+# Vim swap files
+*.swp
--- a/.prettierrc
+++ b/.prettierrc
+{
+  "semi": false,
+  "arrowParens": "always",
+  "singleQuote": true
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
+{
+  "editor.tabSize": 2,
+  "editor.formatOnSave": true,
+  "eslint.validate": ["javascript", "typescript"],
+  "typescript.tsdk": "node_modules\\typescript\\lib",
+  "vetur.format.defaultFormatter.html": "prettier",
+  "vetur.format.defaultFormatter.css": "prettier",
+  "vetur.format.defaultFormatter.postcss": "prettier",
+  "vetur.format.defaultFormatter.scss": "prettier",
+  "vetur.format.defaultFormatter.less": "prettier",
+  "vetur.format.defaultFormatter.js": "prettier",
+  "vetur.format.defaultFormatter.ts": "prettier",
+  "vetur.experimental.templateInterpolationService": true,
+  "stylelint.enable": true,
+  "prettier.disableLanguages": ["vue", "graphql"],
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "editor.formatOnSaveTimeout": 10000,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "prettier.packageManager": "yarn"
+}
--- a/README.md
+++ b/README.md
+# hive-io
+
+> hive-io
+
+## Build Setup
+
+``` bash
+# install dependencies
+$ yarn install
+
+# serve with hot reload at localhost:3000
+$ yarn dev
+
+# build for production and launch server
+$ yarn build
+$ yarn start
+
+# generate static project
+$ yarn generate
+```
+
+For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
--- a/jest.config.js
+++ b/jest.config.js
+module.exports = {
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/$1',
+    '^~/(.*)$': '<rootDir>/$1',
+    '^vue$': 'vue/dist/vue.common.js'
+  },
+  moduleFileExtensions: ['js', 'vue', 'json'],
+  transform: {
+    '^.+\\.js$': 'babel-jest',
+    '.*\\.(vue)$': 'vue-jest'
+  },
+  collectCoverage: true,
+  collectCoverageFrom: [
+    '<rootDir>/components/**/*.vue',
+    '<rootDir>/pages/**/*.vue'
+  ]
+}
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
+import i18n from './src/plugins/i18n.config'
+
+require('dotenv').config()
+const isDev = process.env.NODE_ENV !== 'production'
+export default {
+  modern: !isDev,
+  mode: 'universal',
+  srcDir: './src/',
+  rootDir: './',
+  /*
+   ** Headers of the page
+   */
+  server: {
+    host: '0.0.0.0'
+  },
+  /* manifest: {
+    name: env.appData.name,
+    short_name: env.appData.name,
+    description: env.appData.slogan,
+    theme_color: '#188269',
+  }, */
+  loading: false,
+  head: {
+    title: 'Hive - The Blockchain for Web 3.0',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      {
+        hid: 'description',
+        name: 'description',
+        content: 'Fast. Scalable. Powerful.'
+      }
+    ],
+    link: [
+      {
+        rel: 'stylesheet',
+        href:
+          'https://fonts.googleapis.com/css?family=Work+Sans:400,500,700,800,900'
+      },
+      { rel: 'icon', type: 'image/x-icon', href: '/favicons/favicon.ico' }
+    ]
+  },
+  /*
+   ** Global CSS
+   */
+  css: [
+    'element-ui/lib/theme-chalk/index.css',
+    { src: '@assets/css/main.scss', lang: 'scss' }
+  ],
+  styleResources: {
+    scss: ['./assets/css/variables.scss']
+  },
+  /*
+   ** Plugins to load before mounting the App
+   */
+  plugins: [
+    '~/plugins/composition-api',
+    '@/plugins/element-ui',
+    { src: '@/plugins/tippy', ssr: false }
+  ],
+  /*
+   ** Nuxt.js dev-modules
+   */
+  buildModules: [
+    '@nuxt/typescript-build',
+    // Doc: https://github.com/nuxt-community/eslint-module
+    '@nuxtjs/eslint-module',
+    // Doc: https://github.com/nuxt-community/stylelint-module
+    '@nuxtjs/stylelint-module',
+    'nuxt-typed-vuex'
+  ],
+  /*
+   ** Nuxt.js modules
+   */
+  modules: [
+    // Doc: https://axios.nuxtjs.org/usage
+    '@nuxtjs/axios',
+    '@nuxtjs/pwa',
+    // Doc: https://github.com/nuxt-community/dotenv-module
+    '@nuxtjs/dotenv',
+    '@nuxtjs/style-resources',
+    ['nuxt-i18n', i18n]
+  ],
+  /*
+   ** Axios module configuration
+   ** See https://axios.nuxtjs.org/options
+   */
+  axios: {
+    debug: isDev,
+    retry: { retries: 3 },
+    withCredentials: true
+  },
+  /*
+   ** Build configuration
+   */
+  build: {
+    transpile: [/^element-ui/, /typed-vuex/],
+    /*
+     ** You can extend webpack config here
+     */
+    extend(config, ctx) {}
+  }
+}
--- a/package.json
+++ b/package.json
+{
+  "name": "hive-io",
+  "version": "1.0.0",
+  "description": "hive-io",
+  "author": "therealwolf42",
+  "private": true,
+  "scripts": {
+    "dev": "nuxt-ts",
+    "build": "nuxt-ts build",
+    "generate": "nuxt-ts generate",
+    "start": "nuxt-ts start",
+    "lint": "eslint --ext .ts,.js,.vue . --ignore-path .gitignore .",
+    "test": "jest"
+  },
+  "lint-staged": {
+    "*.{js,vue}": "yarn lint",
+    "*.{css,vue}": "stylelint"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "dependencies": {
+    "@nuxt/typescript-runtime": "^0.4.0",
+    "@nuxtjs/axios": "^5.3.6",
+    "@nuxtjs/dotenv": "^1.4.0",
+    "@nuxtjs/pwa": "^3.0.0-0",
+    "@nuxtjs/style-resources": "^1.0.0",
+    "@vue/composition-api": "^0.4.0",
+    "element-ui": "^2.4.11",
+    "node-sass": "^4.13.1",
+    "nuxt": "^2.0.0",
+    "nuxt-i18n": "^6.6.0",
+    "nuxt-typed-vuex": "^0.1.17",
+    "sass-loader": "^8.0.2",
+    "vue-clickaway": "^2.2.2",
+    "vue-tippy": "^4.4.0"
+  },
+  "devDependencies": {
+    "@nuxt/typescript-build": "^0.6.0",
+    "@nuxtjs/eslint-config-typescript": "^1.0.2",
+    "@nuxtjs/eslint-module": "^1.0.0",
+    "@nuxtjs/stylelint-module": "^3.1.0",
+    "@vue/test-utils": "^1.0.0-beta.27",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^24.1.0",
+    "eslint": "^6.1.0",
+    "eslint-config-prettier": "^6.10.0",
+    "eslint-plugin-nuxt": ">=0.4.2",
+    "eslint-plugin-prettier": "^3.1.2",
+    "husky": "^4.0.0",
+    "jest": "^24.1.0",
+    "lint-staged": "^10.0.0",
+    "prettier": "^1.19.1",
+    "stylelint": "^10.1.0",
+    "vue-jest": "^4.0.0-0"
+  }
+}
--- a/src/assets/README.md
+++ b/src/assets/README.md
+# ASSETS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
--- a/src/assets/css/base/_core.scss
+++ b/src/assets/css/base/_core.scss
+html,
+body {
+  margin: 0;
+  background-color: #f0f0f8;
+  color: black;
+  height: 100%;
+}
+
+html,
+body,
+button {
+  font-family: 'Work Sans', Helvetica, Arial, sans-serif !important;
+}
+
+#__nuxt {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  // overflow: auto;
+}
+
+a {
+  text-decoration: none;
+  color: initial;
+}
+
+h1 {
+  font-size: 4.2rem;
+  margin: 0 0 10px 0;
+}
+
+h2 {
+  font-size: 2.8rem;
+  margin: 0 0 8px 0;
+}
+
+h3 {
+  font-size: 2rem;
+  margin: 0 0 8px 0;
+}
+
+@media (max-width: 800px) {
+  h1 {
+    font-size: 3.4rem;
+  }
+
+  h2 {
+    font-size: 2.4rem;
+  }
+
+  h3 {
+    font-size: 1.5rem;
+  }
+}
--- a/src/assets/css/base/_tippy.scss
+++ b/src/assets/css/base/_tippy.scss
+.tippy-tooltip,
+.tippy-popper {
+  padding: 0;
+  font-size: 0.8rem;
+  text-align: inherit;
+  color: black;
+  color: white;
+
+  .tippy-content {
+    padding: 5px 10px;
+    color: white;
+  }
+
+  .tippy-backdrop {
+    display: none;
+  }
+  .tippy-roundarrow,
+  .tippy-arrow {
+    fill: black;
+    display: none;
+  }
+  .tippy-popper[x-placement^='top'] & .tippy-arrow {
+    border-top-color: black;
+  }
+  .tippy-popper[x-placement^='bottom'] & .tippy-arrow {
+    border-bottom-color: black;
+  }
+  .tippy-popper[x-placement^='left'] & .tippy-arrow {
+    border-left-color: black;
+  }
+  .tippy-popper[x-placement^='right'] & .tippy-arrow {
+    border-right-color: black;
+  }
+}
--- a/src/assets/css/elementVariables.scss
+++ b/src/assets/css/elementVariables.scss
+$--color-primary: #e31337;
+$--background-color-base: #f0f0f8;
+
+$--font-path: '~element-ui/packages/theme-chalk/src/fonts';
+
+@import '~element-ui/packages/theme-chalk/src/index';
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
+// base
+@import 'base/core';
+@import 'base/tippy';
--- a/src/assets/css/variables.scss
+++ b/src/assets/css/variables.scss
+$color-0: #f0f0f8;
+$color-0--light: #f0f0f8;
+$color-0--dark: #f0f0f8;
+$color-1: #ffffff;
+$color-1--light: #ffffff;
+$color-1--dark: #fafafa;
+$color-2: #f8f8f9;
+$color-2--light: #fafafb;
+$color-2--dark: #f6f6f7;
+
+$primary-color-100: #e31337;
+$primary-color-90: #2e66ff;
+$primary-color-80: #5582ff;
+$primary-color-60: #7ea1ff;
+$primary-color-10: #c6d5ff;
+$primary-color-5: #f4f7ff;
+$primary-color-3: #265ffc;
+$primary-color-1: #fbfcff;
+
+$secondary-color-100: #212529;
+$secondary-color-90: #6b2cff;
+$secondary-color-80: #7134ff;
--- a/src/assets/images/distribution.svg
+++ b/src/assets/images/distribution.svg
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="fb0462f1-4822-46c6-85a1-002b71cfcb82"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 464.3 387.1"
+	 style="enable-background:new 0 0 464.3 387.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3F3D56;}
+	.st1{fill:none;stroke:#3F3D56;stroke-width:2;stroke-miterlimit:10;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#E31313;stroke:#E31313;stroke-width:2;stroke-linejoin:round;}
+</style>
+<rect x="20.1" y="135.4" class="st0" width="2.1" height="79.3"/>
+<rect x="39.1" y="231.6" class="st0" width="137.6" height="2.1"/>
+<rect x="83.1" y="366" class="st0" width="131.6" height="2.1"/>
+<path class="st1" d="M231.6,350.1"/>
+<path class="st1" d="M231.6,263.4"/>
+<rect x="230.6" y="38.1" class="st0" width="2.1" height="142.8"/>
+<path class="st0" d="M21.2,250.7c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18C39.1,242.6,31.1,250.7,21.2,250.7z M21.2,216.8
+	c-8.8,0-15.9,7.1-15.9,15.9s7.1,15.9,15.9,15.9S37,241.4,37,232.7C37,223.9,29.9,216.8,21.2,216.8z"/>
+<rect x="283.5" y="231.6" class="st0" width="140.7" height="2.1"/>
+<rect x="248.6" y="366" class="st0" width="105.2" height="2.1"/>
+<rect x="230.6" y="284.5" class="st0" width="2.1" height="65.6"/>
+<path class="st0" d="M231.6,385c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18l0,0C249.6,376.9,241.6,385,231.6,385z M231.6,351.1
+	c-8.8,0-15.9,7.1-15.9,15.9c0,8.8,7.1,15.9,15.9,15.9s15.9-7.1,15.9-15.9l0,0C247.5,358.3,240.4,351.2,231.6,351.1z"/>
+<path class="st0" d="M62.4,344.8c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2
+	C83.5,354.3,74.1,344.8,62.4,344.8z M62.4,351.1c3.5,0,6.3,2.8,6.3,6.3s-2.8,6.3-6.3,6.3c-3.5,0-6.3-2.8-6.3-6.3
+	C56.1,354,58.9,351.2,62.4,351.1z M62.4,381.7c-5.1,0-9.8-2.6-12.7-6.8c0.1-4.2,8.5-6.6,12.7-6.6s12.6,2.3,12.7,6.6
+	C72.2,379.1,67.5,381.7,62.4,381.7z"/>
+<path class="st0" d="M21.2,93.1C9.5,93.1,0,102.5,0,114.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2C42.3,102.6,32.8,93.1,21.2,93.1z
+	 M21.2,99.4c3.5,0,6.3,2.8,6.3,6.3s-2.8,6.3-6.3,6.3s-6.3-2.8-6.3-6.3C14.8,102.3,17.7,99.4,21.2,99.4z M21.2,130
+	c-5.1,0-9.8-2.6-12.7-6.8c0.1-4.2,8.5-6.6,12.7-6.6s12.6,2.3,12.7,6.6C31,127.4,26.2,129.9,21.2,130z"/>
+<path class="st0" d="M376,0c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2C397.1,9.5,387.7,0,376,0z M376,6.3
+	c3.5,0,6.3,2.8,6.3,6.3S379.5,19,376,19s-6.3-2.8-6.3-6.3C369.7,9.2,372.5,6.4,376,6.3z M376,36.9c-5.1,0-9.8-2.6-12.7-6.8
+	c0.1-4.2,8.5-6.6,12.7-6.6s12.6,2.3,12.7,6.6C385.8,34.3,381.1,36.9,376,36.9z"/>
+<path class="st0" d="M443.2,122.2c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2c11.7,0,21.2-9.5,21.2-21.2
+	C464.3,131.7,454.8,122.3,443.2,122.2z M443.2,128.6c3.5,0,6.3,2.8,6.3,6.3c0,3.5-2.8,6.3-6.3,6.3c-3.5,0-6.3-2.8-6.3-6.3
+	C436.8,131.4,439.7,128.6,443.2,128.6z M443.2,159.1c-5.1,0-9.8-2.6-12.7-6.8c0.1-4.2,8.5-6.6,12.7-6.6c4.2,0,12.6,2.3,12.7,6.6
+	C453,156.6,448.3,159.1,443.2,159.1z"/>
+<path class="st0" d="M374.9,344.8c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2
+	C396.1,354.3,386.6,344.8,374.9,344.8z M374.9,351.1c3.5,0,6.3,2.8,6.3,6.3s-2.8,6.3-6.3,6.3c-3.5,0-6.3-2.8-6.3-6.3
+	C368.6,354,371.4,351.2,374.9,351.1z M374.9,381.7c-5.1,0-9.8-2.6-12.7-6.8c0.1-4.2,8.5-6.6,12.7-6.6s12.6,2.3,12.7,6.6
+	C384.8,379.1,380,381.7,374.9,381.7z"/>
+<g transform="translate(97)">
+	<path class="st2" d="M141.3,237.6h9.1h0.3l-13.4,23.2h-9.6l13.4-23.2H141.3z M141.2,232.5l-13.4-23.2h9.6l13.4,23.2H141.2z"/>
+	<path class="st2" d="M157.3,235l-14.9-25.8h9.6l14.9,25.8l-14.9,25.8h-9.6L157.3,235z"/>
+	<path class="st2" d="M137.4,235l-15,26l-15.2-26l15-26L137.4,235z"/>
+</g>
+<path class="st0" d="M442.1,250.7c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18l0,0C460.1,242.6,452,250.7,442.1,250.7z
+	 M442.1,216.8c-8.8,0-15.9,7.1-15.9,15.9s7.1,15.9,15.9,15.9c8.8,0,15.9-7.1,15.9-15.9l0,0C458,223.9,450.9,216.8,442.1,216.8z"/>
+<rect x="441" y="161.9" class="st0" width="2.1" height="53.8"/>
+<path class="st0" d="M232.3,38.4c-9.9,0-18-8.1-18-18s8.1-18,18-18c9.9,0,18,8.1,18,18l0,0C250.3,30.3,242.2,38.4,232.3,38.4z
+	 M232.3,4.5c-8.8,0-15.9,7.1-15.9,15.9s7.1,15.9,15.9,15.9c8.8,0,15.9-7.1,15.9-15.9l0,0C248.2,11.6,241.1,4.5,232.3,4.5z"/>
+<rect x="250.3" y="20.4" class="st0" width="105.2" height="2.1"/>
+<rect x="111.1" y="20.1" class="st0" width="105.2" height="2.1"/>
+<path class="st0" d="M89.8,0.3c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2C110.9,9.8,101.4,0.3,89.8,0.3z
+	 M89.8,6.6c3.5,0,6.3,2.8,6.3,6.3s-2.8,6.3-6.3,6.3s-6.3-2.8-6.3-6.3C83.4,9.5,86.3,6.7,89.8,6.6z M89.8,37.2
+	c-5.1,0-9.8-2.6-12.7-6.8c0.1-4.2,8.5-6.6,12.7-6.6c4.2,0,12.6,2.3,12.7,6.6C99.6,34.6,94.9,37.2,89.8,37.2z"/>
+</svg>
--- a/src/assets/images/progressiveApp.svg
+++ b/src/assets/images/progressiveApp.svg
+<svg id="b6117b06-2b45-45bc-b789-4a82ab6612dd" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1139.17088" height="654.54324" viewBox="0 0 1139.17088 654.54324"><title>progressive_app</title><circle cx="246.82682" cy="521.76476" r="59.24334" fill="#f2f2f2"/><circle cx="256.45989" cy="513.095" r="59.24334" fill="#e31337"/><rect x="304.17137" y="447.54324" width="732.99951" height="2" fill="#3f3d56"/><path d="M714.20735,141.38055H454.03775v-5.36232h-117.971v5.36232H74.82467a17.5985,17.5985,0,0,0-17.59852,17.59851V515.23125a17.59856,17.59856,0,0,0,17.59852,17.59858H714.20735a17.59856,17.59856,0,0,0,17.59852-17.59858V158.97906A17.5985,17.5985,0,0,0,714.20735,141.38055Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><rect x="50.4058" y="49.75362" width="627.3913" height="353.91304" fill="#e31337"/><circle cx="363.56522" cy="33.66667" r="6.43478" fill="#e31337"/><polygon points="498.374 403.667 50.406 403.667 50.406 49.754 498.374 403.667" opacity="0.1"/><circle cx="148.57375" cy="316.87641" r="60.3068" fill="#f2f2f2"/><rect x="509.95272" y="240.62175" width="58.6052" height="12.24586" fill="#3f3d56"/><rect x="439.10165" y="145.27896" width="200.30733" height="5.24823" fill="#3f3d56"/><rect x="439.10165" y="161.89834" width="200.30733" height="5.24823" fill="#3f3d56"/><rect x="439.10165" y="178.51773" width="200.30733" height="5.24823" fill="#3f3d56"/><rect x="439.10165" y="195.13711" width="200.30733" height="5.24823" fill="#3f3d56"/><rect x="439.10165" y="211.7565" width="200.30733" height="5.24823" fill="#3f3d56"/><rect x="614.91726" y="56.9338" width="24.49173" height="24.49173" fill="#f2f2f2"/><path d="M681.1947,215.52507h-29.74v-29.74h29.74Zm-28.44691-1.293h27.15387V187.07816H652.74779Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M749.42165,519.96024H688.19234v-4.41153a.87468.87468,0,0,0-.87471-.87471h-20.9929a.87468.87468,0,0,0-.87471.87471v4.41153H652.32945v-4.41153a.87467.87467,0,0,0-.8747-.87471H630.46184a.87468.87468,0,0,0-.8747.87471v4.41153H616.46657v-4.41153a.87468.87468,0,0,0-.8747-.87471H594.599a.87468.87468,0,0,0-.87471.87471v4.41153H580.60369v-4.41153a.87468.87468,0,0,0-.87471-.87471H558.73607a.87468.87468,0,0,0-.8747.87471v4.41153H544.7408v-4.41153a.87468.87468,0,0,0-.8747-.87471H522.87319a.87467.87467,0,0,0-.8747.87471v4.41153H508.87792v-4.41153a.87468.87468,0,0,0-.87471-.87471h-20.9929a.87468.87468,0,0,0-.87471.87471v4.41153H473.015v-4.41153a.87468.87468,0,0,0-.8747-.87471H307.69588a.87468.87468,0,0,0-.8747.87471v4.41153H293.70061v-4.41153a.87468.87468,0,0,0-.8747-.87471H271.833a.87467.87467,0,0,0-.8747.87471v4.41153H257.83773v-4.41153a.87468.87468,0,0,0-.87471-.87471h-20.9929a.87468.87468,0,0,0-.87471.87471v4.41153H221.97484v-4.41153a.87467.87467,0,0,0-.8747-.87471H200.10723a.87468.87468,0,0,0-.8747.87471v4.41153H186.112v-4.41153a.87468.87468,0,0,0-.8747-.87471H164.24435a.87468.87468,0,0,0-.87471.87471v4.41153H150.24908v-4.41153a.87468.87468,0,0,0-.87471-.87471H128.38146a.87468.87468,0,0,0-.8747.87471v4.41153H114.38619v-4.41153a.87468.87468,0,0,0-.8747-.87471H92.51858a.87467.87467,0,0,0-.8747.87471v4.41153H51.40747a20.99293,20.99293,0,0,0-20.99291,20.99291v9.4925A20.99291,20.99291,0,0,0,51.40747,571.4385H749.42165a20.9929,20.9929,0,0,0,20.99291-20.99285v-9.4925A20.99292,20.99292,0,0,0,749.42165,519.96024Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M193.58593,477.27162a76,76,0,1,1,76-76A76.08614,76.08614,0,0,1,193.58593,477.27162Zm0-150a74,74,0,1,0,74,74A74.08385,74.08385,0,0,0,193.58593,327.27162Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><rect x="586.17137" y="32.54324" width="254.99951" height="2" fill="#3f3d56"/><rect x="406.17137" y="560.54324" width="732.99951" height="2" fill="#3f3d56"/><rect x="192.67161" y="652.54324" width="254.99951" height="2" fill="#3f3d56"/><rect x="471" y="550" width="28" height="28" fill="#e31337"/><path d="M546.41456,684.72838h-34v-34h34Zm-32.52174-1.47826H544.9363V652.20664H513.89282Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><rect x="796" y="22" width="28" height="28" fill="#e31337"/><path d="M871.41456,156.72838h-34v-34h34Zm-32.52174-1.47826H869.9363V124.20664H838.89282Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><rect x="1078" y="550" width="28" height="28" fill="#e31337"/><path d="M1153.41456,684.72838h-34v-34h34Zm-32.52174-1.47826h31.04348V652.20664h-31.04348Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M1087.58593,354.6866h-2.37862V289.525a37.71374,37.71374,0,0,0-37.71385-37.71377H909.44A37.71373,37.71373,0,0,0,871.72613,289.525V647.00639A37.71374,37.71374,0,0,0,909.44,684.72017h138.05348a37.71374,37.71374,0,0,0,37.71385-37.71378V401.06969h2.37862Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M1077.176,291.74159v356.96a28.16523,28.16523,0,0,1-28.16016,28.17H910.296a28.16511,28.16511,0,0,1-28.16-28.17v-356.96a28.163,28.163,0,0,1,28.16-28.16h16.83a13.3792,13.3792,0,0,0,12.39,18.43h79.09a13.37908,13.37908,0,0,0,12.38995-18.43h18.02A28.16308,28.16308,0,0,1,1077.176,291.74159Z" transform="translate(-30.41456 -122.72838)" fill="#e31337"/><rect x="928.57968" y="376.21769" width="41.32357" height="12.24586" fill="#3f3d56"/><rect x="878.62133" y="280.8749" width="141.24028" height="5.24823" fill="#3f3d56"/><rect x="878.62133" y="297.49429" width="141.24028" height="5.24823" fill="#3f3d56"/><rect x="878.62133" y="314.11367" width="141.24028" height="5.24823" fill="#3f3d56"/><rect x="878.62133" y="330.73306" width="141.24028" height="5.24823" fill="#3f3d56"/><rect x="878.62133" y="347.35244" width="141.24028" height="5.24823" fill="#3f3d56"/><rect x="929.68352" y="211.17873" width="24.49173" height="24.49173" fill="#f2f2f2"/><path d="M969.47386,340.03163v29.74h29.74v-29.74Zm28.45,28.45h-27.16v-27.16h27.16Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M1077.176,610.58162v38.12a28.16523,28.16523,0,0,1-28.16016,28.17H910.296a28.16511,28.16511,0,0,1-28.16-28.17v-192.21l116.87,92.33,2,1.58,21.74,17.17,2.03,1.61Z" transform="translate(-30.41456 -122.72838)" opacity="0.1"/><circle cx="937.24147" cy="498.70691" r="43.86783" fill="#f2f2f2"/><path d="M350.58593,777.27162a87,87,0,1,1,87-87A87.09858,87.09858,0,0,1,350.58593,777.27162Zm0-172a85,85,0,1,0,85,85A85.09629,85.09629,0,0,0,350.58593,605.27162Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/><path d="M980.58593,655.27162a55,55,0,1,1,55-55A55.06223,55.06223,0,0,1,980.58593,655.27162Zm0-108a53,53,0,1,0,53,53A53.05963,53.05963,0,0,0,980.58593,547.27162Z" transform="translate(-30.41456 -122.72838)" fill="#3f3d56"/></svg>
\ No newline at end of file
--- a/src/assets/images/serverCluster.svg
+++ b/src/assets/images/serverCluster.svg
+<svg id="b5d1da7b-a9c6-4711-8d73-fa7937ec989e" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="888" height="710.80704" viewBox="0 0 888 710.80704"><title>server_cluster</title><path d="M600.93555,699.40352a260.06372,260.06372,0,1,1,183.89355-76.1709A258.36518,258.36518,0,0,1,600.93555,699.40352Zm0-518.12891c-142.29688,0-258.06446,115.76758-258.06446,258.06494s115.76758,258.064,258.06446,258.064S859,581.63692,859,439.33955,743.23242,181.27461,600.93555,181.27461Z" transform="translate(-156 -94.59648)" fill="#ccc"/><rect x="469" y="509.90391" width="262" height="195" transform="translate(1051.40391 -87.19257) rotate(90)" fill="#2f2e41"/><rect x="313" y="373.80743" width="262" height="104" fill="#3f3d56"/><rect x="313" y="489.80743" width="262" height="104" fill="#3f3d56"/><rect x="313" y="605.80743" width="262" height="104" fill="#3f3d56"/><rect x="313" y="417.90372" width="262" height="16" fill="#e31337"/><rect x="313" y="533.90372" width="262" height="16" fill="#e31337"/><rect x="313" y="649.90372" width="262" height="16" fill="#e31337"/><circle cx="524" cy="388.80743" r="6" fill="#e31337"/><circle cx="545" cy="388.80743" r="6" fill="#e31337"/><circle cx="566" cy="388.80743" r="6" fill="#e31337"/><circle cx="524" cy="502.80743" r="6" fill="#e31337"/><circle cx="545" cy="502.80743" r="6" fill="#e31337"/><circle cx="566" cy="502.80743" r="6" fill="#e31337"/><circle cx="524" cy="616.80743" r="6" fill="#e31337"/><circle cx="545" cy="616.80743" r="6" fill="#e31337"/><circle cx="566" cy="616.80743" r="6" fill="#e31337"/><rect y="708.80704" width="888" height="2" fill="#3f3d56"/><path d="M397.8787,365.66116v185.9917a14.67525,14.67525,0,0,1-14.67227,14.67231H310.928a14.67656,14.67656,0,0,1-14.6784-14.67231V365.66116a14.67655,14.67655,0,0,1,14.6784-14.67228h8.76786a6.9778,6.9778,0,0,0,6.4551,9.60614h41.20843a6.97774,6.97774,0,0,0,6.45506-9.60614h9.392A14.67524,14.67524,0,0,1,397.8787,365.66116Z" transform="translate(-156 -94.59648)" fill="#e6e6e6"/><rect x="145.06414" y="291.91002" width="92" height="128" fill="#fff"/><rect x="171.18557" y="379.92719" width="36.71978" height="2.09827" fill="#e6e6e6"/><rect x="171.14869" y="387.63152" width="56.81724" height="2.09827" fill="#e31337"/><rect x="171.14869" y="394.89011" width="44.5883" height="2.09827" fill="#e6e6e6"/><rect x="171.14869" y="402.1487" width="26.22841" height="2.09827" fill="#e6e6e6"/><rect x="171.14869" y="409.40729" width="39.34262" height="2.09827" fill="#e6e6e6"/><rect x="154.53324" y="379.32379" width="4.19655" height="4.19655" fill="#e6e6e6"/><rect x="154.53324" y="386.58238" width="4.19655" height="4.19655" fill="#e31337"/><rect x="154.53324" y="393.84097" width="4.19655" height="4.19655" fill="#e6e6e6"/><rect x="154.53324" y="401.09956" width="4.19655" height="4.19655" fill="#e6e6e6"/><rect x="154.53324" y="408.35815" width="4.19655" height="4.19655" fill="#e6e6e6"/><rect x="172.75082" y="307.91002" width="36.99753" height="36.99753" fill="#e6e6e6"/><rect x="321.11058" y="0.13939" width="245.88383" height="157.47494" fill="#e6e6e6"/><rect x="339.64671" y="44.19534" width="203.86136" height="77.03517" fill="#fff"/><rect x="376.78939" y="57.54179" width="48.92684" height="2.79582" fill="#e6e6e6"/><rect x="376.74025" y="67.80733" width="75.70547" height="2.79582" fill="#e31337"/><rect x="376.74025" y="77.47895" width="59.41117" height="2.79582" fill="#e6e6e6"/><rect x="376.74025" y="87.15058" width="34.94775" height="2.79582" fill="#e6e6e6"/><rect x="376.74025" y="96.8222" width="52.42162" height="2.79582" fill="#e6e6e6"/><rect x="354.60119" y="56.7378" width="5.59164" height="5.59164" fill="#e6e6e6"/><rect x="354.60119" y="66.40942" width="5.59164" height="5.59164" fill="#e31337"/><rect x="354.60119" y="76.08104" width="5.59164" height="5.59164" fill="#e6e6e6"/><rect x="354.60119" y="85.75267" width="5.59164" height="5.59164" fill="#e6e6e6"/><rect x="354.60119" y="95.42429" width="5.59164" height="5.59164" fill="#e6e6e6"/><rect x="483.44507" y="53.8475" width="50.05873" height="50.05873" fill="#e6e6e6"/><rect x="321.00559" width="245.88383" height="10.44604" fill="#e31337"/><circle cx="328.76825" cy="5.34057" r="2.09686" fill="#fff"/><circle cx="336.11718" cy="5.34057" r="2.09686" fill="#fff"/><circle cx="343.46611" cy="5.34057" r="2.09686" fill="#fff"/><rect x="671.64772" y="294.80743" width="60" height="31" fill="#e6e6e6"/><rect x="671.64772" y="405.80743" width="60" height="31" fill="#e6e6e6"/><circle cx="701.64772" cy="365.80743" r="50" fill="#e6e6e6"/><circle cx="701.64772" cy="365.80743" r="39" fill="#fff"/><rect x="688.87659" y="355.12175" width="30.24683" height="1.72839" fill="#e2e2e2"/><rect x="688.84621" y="361.46796" width="46.80151" height="1.72839" fill="#e31337"/><rect x="688.84621" y="367.44701" width="36.72829" height="1.72839" fill="#e2e2e2"/><rect x="688.84621" y="373.42605" width="21.60488" height="1.72839" fill="#e2e2e2"/><rect x="688.84621" y="379.4051" width="32.40732" height="1.72839" fill="#e2e2e2"/><rect x="675.15972" y="354.62472" width="3.45678" height="3.45678" fill="#e2e2e2"/><rect x="675.15972" y="360.60376" width="3.45678" height="3.45678" fill="#e31337"/><rect x="675.15972" y="366.58281" width="3.45678" height="3.45678" fill="#e2e2e2"/><rect x="675.15972" y="372.56186" width="3.45678" height="3.45678" fill="#e2e2e2"/><rect x="675.15972" y="378.54091" width="3.45678" height="3.45678" fill="#e2e2e2"/></svg>
\ No newline at end of file
--- a/src/assets/images/vault.svg
+++ b/src/assets/images/vault.svg
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="_x37_148f5f1-8839-4464-a941-0c8a08d3460a"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 678.3 733"
+	 style="enable-background:new 0 0 678.3 733;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#F5F5F5;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:#FAFAFA;}
+	.st5{fill:url(#SVGID_4_);}
+	.st6{fill:#FFFFFF;}
+	.st7{fill:url(#SVGID_5_);}
+	.st8{fill:url(#SVGID_6_);}
+	.st9{fill:url(#SVGID_7_);}
+	.st10{fill:url(#SVGID_8_);}
+	.st11{fill:url(#SVGID_9_);}
+	.st12{fill:#E31337;}
+	.st13{opacity:0.7;fill:#E31337;enable-background:new    ;}
+	.st14{opacity:0.5;fill:#E31337;enable-background:new    ;}
+	.st15{opacity:0.3;fill:#E31337;enable-background:new    ;}
+	.st16{opacity:0.2;enable-background:new    ;}
+	.st17{fill:url(#SVGID_10_);}
+	.st18{opacity:0.2;fill:#FFFFFF;enable-background:new    ;}
+	.st19{fill:url(#SVGID_11_);}
+	.st20{fill:url(#SVGID_12_);}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="585.48" y1="1" x2="585.48" y2="60.37" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="560.4" y="673.6" class="st0" width="50.2" height="59.4"/>
+<rect x="561.5" y="673.6" class="st1" width="47.9" height="57.2"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="93.98" y1="1" x2="93.98" y2="60.37" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="68.9" y="673.6" class="st2" width="50.2" height="59.4"/>
+<rect x="70.1" y="673.6" class="st1" width="47.9" height="57.2"/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="339.15" y1="52.2" x2="339.15" y2="734" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<path class="st3" d="M14.9,0h648.6c8.2,0,14.9,6.7,14.9,14.9v652.1c0,8.2-6.7,14.9-14.9,14.9H14.9c-8.2,0-14.9-6.7-14.9-14.9V14.9
+	C0,6.7,6.7,0,14.9,0z"/>
+<path class="st4" d="M19.5,3.5h640.4c8.2,0,14.9,6.7,14.9,14.9v640.4c0,8.2-6.7,14.9-14.9,14.9H19.5c-8.2,0-14.9-6.7-14.9-14.9V18.4
+	C4.7,10.2,11.3,3.5,19.5,3.5z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="339.15" y1="164.86" x2="339.15" y2="622.51" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="112.7" y="111.5" class="st5" width="453" height="457.7"/>
+<rect x="116.2" y="116.2" class="st6" width="446" height="446"/>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="339.15" y1="310.79" x2="339.15" y2="478.91" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<circle class="st7" cx="339.1" cy="339.1" r="84.1"/>
+<circle class="st4" cx="339.1" cy="339.1" r="80.6"/>
+<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="290.12" y1="208.65" x2="290.12" y2="234.33" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="277.9" y="499.7" class="st8" width="24.5" height="25.7"/>
+<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="322.81" y1="208.65" x2="322.81" y2="234.33" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="310.5" y="499.7" class="st9" width="24.5" height="25.7"/>
+<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="355.49" y1="208.65" x2="355.49" y2="234.33" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="343.2" y="499.7" class="st10" width="24.5" height="25.7"/>
+<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="388.18" y1="208.65" x2="388.18" y2="234.33" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<rect x="375.9" y="499.7" class="st11" width="24.5" height="25.7"/>
+<rect x="278.4" y="500.8" class="st12" width="23.4" height="23.4"/>
+<rect x="311.1" y="500.8" class="st13" width="23.4" height="23.4"/>
+<rect x="343.8" y="500.8" class="st14" width="23.4" height="23.4"/>
+<rect x="376.5" y="500.8" class="st15" width="23.4" height="23.4"/>
+<rect x="361.9" y="293.6" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -84.6246 429.3745)" class="st12" width="16.3" height="4.7"/>
+<rect x="380" y="361.9" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -140.1273 471.0036)" class="st12" width="4.7" height="16.3"/>
+<rect x="300" y="380" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -181.7608 415.4937)" class="st12" width="16.3" height="4.7"/>
+<rect x="293.6" y="300" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -126.2547 373.8717)" class="st12" width="4.7" height="16.3"/>
+<rect x="361.9" y="293.5" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -84.53 429.281)" class="st16" width="16.3" height="4.7"/>
+<rect x="380" y="361.8" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -140.0335 470.9152)" class="st16" width="4.7" height="16.3"/>
+<rect x="300" y="379.9" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -181.6592 415.4077)" class="st16" width="16.3" height="4.7"/>
+<rect x="293.6" y="299.9" transform="matrix(0.5736 -0.8192 0.8192 0.5736 -126.1581 373.7823)" class="st16" width="4.7" height="16.3"/>
+<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="339.15" y1="344.07" x2="339.15" y2="445.63" gradientTransform="matrix(1 0 0 -1 0 734)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<circle class="st17" cx="339.1" cy="339.1" r="50.8"/>
+<circle class="st12" cx="339.1" cy="339.1" r="47.9"/>
+<path class="st18" d="M300,345.6c0-26.4,21.4-47.9,47.8-47.9c8.4,0,16.6,2.2,23.9,6.3c-19-18.3-49.3-17.7-67.7,1.3
+	c-18.3,19-17.7,49.3,1.3,67.7c2.8,2.7,6,5.1,9.4,7C305.3,371,300,358.6,300,345.6z"/>
+<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="377.605" y1="353.46" x2="377.605" y2="450.36" gradientTransform="matrix(1 0 0 -1 -260.85 650)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<path class="st19" d="M135.4,296.5H98.1v-93.3c0-2,1.6-3.6,3.6-3.6h30.1c2,0,3.6,1.6,3.6,3.6l0,0L135.4,296.5z"/>
+<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="377.6" y1="170.17" x2="377.6" y2="267.07" gradientTransform="matrix(1 0 0 -1 -260.85 650)">
+	<stop  offset="0" style="stop-color:#808080;stop-opacity:0.25"/>
+	<stop  offset="0.54" style="stop-color:#808080;stop-opacity:0.12"/>
+	<stop  offset="1" style="stop-color:#808080;stop-opacity:0.1"/>
+</linearGradient>
+<path class="st20" d="M131.6,479.8h-29.7c-2.1,0-3.8-1.7-3.8-3.8v-93.1h37.4V476C135.4,478.1,133.7,479.8,131.6,479.8
+	C131.6,479.8,131.6,479.8,131.6,479.8z"/>
+<path class="st4" d="M102.4,200.8h28.7c1.8,0,3.2,1.4,3.2,3.2v90.2l0,0h-35l0,0V204C99.2,202.2,100.6,200.8,102.4,200.8
+	C102.4,200.8,102.4,200.8,102.4,200.8z"/>
+<path class="st4" d="M99.2,384.1h35l0,0v92.3c0,0.6-0.5,1.1-1.1,1.1h-32.9c-0.6,0-1.1-0.5-1.1-1.1L99.2,384.1L99.2,384.1z"/>
+</svg>