Merge pull request #29 from ping-pub/dependabot/npm_and_yarn/prismjs-1.25.0

Bump prismjs from 1.24.0 to 1.25.0
2021-10-16 08:32:43 +08:00 · 2021-09-20 22:39:12 +00:00
474 changed files with 58183 additions and 131581 deletions
@@ -1 +0,0 @@
-charting_library
@@ -3,24 +3,9 @@ module.exports = {
  env: {
    node: true,
  },
-  extends: [
-    '@vue/airbnb',
-    'plugin:vue/recommended',
-    'plugin:import/typescript',
-    // 'prettier/@typescript-eslint',
-    'plugin:@typescript-eslint/recommended',
-    // "plugin:prettier/recommended",
-  ],
-  parser: 'vue-eslint-parser',
+  extends: ['plugin:vue/recommended', '@vue/airbnb'],
  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaVersion: 6,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: false,
-      modules: true,
-      experimentalObjectRestSpread: true,
-    },
+    parser: 'babel-eslint',
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
@@ -29,20 +14,8 @@ module.exports = {
    semi: ['error', 'never'],
    'max-len': 'off',
    'linebreak-style': 'off',
-    // camelcase: ['error', { properties: 'never', ignoreDestructuring: true, ignoreImports: true }],
+    camelcase: ['error', { properties: 'never', ignoreDestructuring: true, ignoreImports: true }],
    'arrow-parens': ['error', 'as-needed'],
-    'vue/new-line-between-multi-line-property': 0,
-    'vue/multiline-html-element-content-newline': 0,
-    'vue/multi-word-component-names': 0,
-    'vue/no-mutating-props': 0,
-    'vue/v-slot-style': 0,
-    '@typescript-eslint/no-empty-function': 1,
-    camelcase: 0,
-    'vuejs-accessibility/click-events-have-key-events': 'off',
-    'vuejs-accessibility/mouse-events-have-key-events': 'off',
-    'vuejs-accessibility/anchor-has-content': 'off',
-    'no-unsafe-optional-chaining': 1,
-    'vuejs-accessibility/label-has-for': 1,
-    'import/extensions': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
  },
 }
@@ -3,17 +3,15 @@ name: Ping Deploy

 on:
  push:
-    branches: [ testnet ]
+    branches: [ v2 ]
  pull_request:
-    branches: [ testnet ]
+    branches: [ v2 ]

 jobs:
  deploy:
    name: Ping deploy
-    runs-on: testnet 
+    runs-on: self-hosted
    steps:
-    - name: print
-      run: echo ${GITHUB_REF#refs/heads/}
    - name: Git Checkout Latest
      uses: actions/checkout@v2
      
@@ -1,51 +0,0 @@
-name: docker
-
-on:
-  push:
-    branches:
-      - 'master-backup'
-
-jobs:
-  docker:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-#      -
-#        name: Set up QEMU
-#        uses: docker/setup-qemu-action@v1
-#      -
-#        name: Set up Docker Buildx
-#        uses: docker/setup-buildx-action@v1
-      - name: Install
-        run: yarn install
-      - name: Build
-        run: yarn run vue-cli-service build
-      - name: Login to DockerHub
-        uses: docker/login-action@v1
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@v3
-        with:
-          # list of Docker images to use as base name for tags
-          images: |
-            yaoling/wallet
-          # generate Docker tags based on the following events/attributes
-          tags: |
-            type=sha
-            type=schedule
-            type=ref,event=branch
-            type=ref,event=pr
-            type=semver,pattern={{version}}
-            type=semver,pattern={{major}}.{{minor}}
-            type=semver,pattern={{major}}
-      - name: Build and push
-        uses: docker/build-push-action@v2
-        with:
-          context: .
-          push: ${{ github.event_name != 'pull_request' }}
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
@@ -1,27 +0,0 @@
-
-name: Deploy to ping.pub
-
-on:
-  push:
-    branches: [ master ]
-  # pull_request:
-  #   branches: [ master ]
-
-jobs:
-  deploy:
-    name: Ping deploy
-    runs-on: mainnet 
-    steps:
-    - name: print
-      run: echo ${GITHUB_REF#refs/heads/}
-    - name: Git Checkout Latest
-      uses: actions/checkout@v2
-      
-    - name: Install
-      run: yarn install
-
-    - name: Build
-      run: yarn run vue-cli-service build
-
-    - name: Deploy
-      run: cp -rf ./dist/* /var/www/html/
@@ -1,45 +0,0 @@
-# test directories
-__tests__
-test
-tests
-powered-test
-
-# asset directories
-docs
-doc
-website
-images
-assets
-
-# examples
-example
-examples
-
-# code coverage directories
-coverage
-.nyc_output
-
-# build scripts
-Makefile
-Gulpfile.js
-Gruntfile.js
-
-# configs
-appveyor.yml
-circle.yml
-codeship-services.yml
-codeship-steps.yml
-wercker.yml
-.tern-project
-.gitattributes
-.editorconfig
-.*ignore
-.eslintrc
-.jshintrc
-.flowconfig
-.documentup.json
-.yarn-metadata.json
-.travis.yml
-
-# misc
-*.md
@@ -1,3 +0,0 @@
-FROM nginx:alpine
-COPY ping.conf /etc/nginx/conf.d/default.conf
-COPY dist   /usr/share/nginx/html
@@ -1,339 +0,0 @@
-                    GNU GENERAL PUBLIC LICENSE
-                       Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The licenses for most software are designed to take away your
-freedom to share and change it.  By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users.  This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it.  (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.)  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
-  To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have.  You must make sure that they, too, receive or can get the
-source code.  And you must show them these terms so they know their
-rights.
-
-  We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
-  Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software.  If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
-  Finally, any free program is threatened constantly by software
-patents.  We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary.  To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                    GNU GENERAL PUBLIC LICENSE
-   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
-  0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License.  The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language.  (Hereinafter, translation is included without limitation in
-the term "modification".)  Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope.  The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
-  1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
-  2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
-    a) You must cause the modified files to carry prominent notices
-    stating that you changed the files and the date of any change.
-
-    b) You must cause any work that you distribute or publish, that in
-    whole or in part contains or is derived from the Program or any
-    part thereof, to be licensed as a whole at no charge to all third
-    parties under the terms of this License.
-
-    c) If the modified program normally reads commands interactively
-    when run, you must cause it, when started running for such
-    interactive use in the most ordinary way, to print or display an
-    announcement including an appropriate copyright notice and a
-    notice that there is no warranty (or else, saying that you provide
-    a warranty) and that users may redistribute the program under
-    these conditions, and telling the user how to view a copy of this
-    License.  (Exception: if the Program itself is interactive but
-    does not normally print such an announcement, your work based on
-    the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole.  If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works.  But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
-  3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
-    a) Accompany it with the complete corresponding machine-readable
-    source code, which must be distributed under the terms of Sections
-    1 and 2 above on a medium customarily used for software interchange; or,
-
-    b) Accompany it with a written offer, valid for at least three
-    years, to give any third party, for a charge no more than your
-    cost of physically performing source distribution, a complete
-    machine-readable copy of the corresponding source code, to be
-    distributed under the terms of Sections 1 and 2 above on a medium
-    customarily used for software interchange; or,
-
-    c) Accompany it with the information you received as to the offer
-    to distribute corresponding source code.  (This alternative is
-    allowed only for noncommercial distribution and only if you
-    received the program in object code or executable form with such
-    an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it.  For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable.  However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
-  4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License.  Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
-  5. You are not required to accept this License, since you have not
-signed it.  However, nothing else grants you permission to modify or
-distribute the Program or its derivative works.  These actions are
-prohibited by law if you do not accept this License.  Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
-  6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions.  You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
-  7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all.  For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices.  Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
-  8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded.  In such case, this License incorporates
-the limitation as if written in the body of this License.
-
-  9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number.  If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation.  If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
-  10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission.  For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this.  Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
-                            NO WARRANTY
-
-  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
-  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-convey the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software; you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation; either version 2 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License along
-    with this program; if not, write to the Free Software Foundation, Inc.,
-    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
-
-Also add information on how to contact you by electronic and paper mail.
-
-If the program is interactive, make it output a short notice like this
-when it starts in an interactive mode:
-
-    Gnomovision version 69, Copyright (C) year name of author
-    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, the commands you use may
-be called something other than `show w' and `show c'; they could even be
-mouse-clicks or menu items--whatever suits your program.
-
-You should also get your employer (if you work as a programmer) or your
-school, if any, to sign a "copyright disclaimer" for the program, if
-necessary.  Here is a sample; alter the names:
-
-  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
-  `Gnomovision' (which makes passes at compilers) written by James Hacker.
-
-  <signature of Ty Coon>, 1 April 1989
-  Ty Coon, President of Vice
-
-This General Public License does not permit incorporating your program into
-proprietary programs.  If your program is a subroutine library, you may
-consider it more useful to permit linking proprietary applications with the
-library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.
@@ -1,92 +1,71 @@
-<div align="center">
+# Ping Explorer

-![Ping Wallet](./public/logo.svg)
+Look is a light explorer for Cosmos-based Blockchains.  https://ping.pub .

-<h1>Ping Explorer</h1>
+## What is the difference between Look and other explorers? 

-**Ping explorer is not only an explorer but also a wallet and more ... 🛠**
+Look is designed to explore blockchain data as real as possible, therefore there is no cache, no analysis. Look does not cache/save blockchain data on its server. Look only fetch data from Cosmos full node via LCD/RPC endpoints. We call it "Light Explorer".

-[![version](https://img.shields.io/github/tag/ping-pub/explorer.svg)](https://github.com/ping-pub/explorer/releases/latest)
-[![GitHub](https://img.shields.io/github/license/ping-pub/explorer.svg)](https://github.com/ping-pub/explorer/blob/master/LICENSE)
-[![Ping Deploy](https://github.com/ping-pub/explorer/actions/workflows/mainnet-deploy.yaml/badge.svg)](https://github.com/ping-pub/explorer/actions/workflows/mainnet-deploy.yaml)
-[![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/bukotsunikki.svg?style=social&label=Follow%20%40ping_pub)](https://twitter.com/ping_pub)
-[![https://discord.gg/CmjYVSr6GW](https://img.shields.io/badge/discord-join-7289DA.svg?logo=discord&longCache=true&style=flat)](https://discord.gg/CmjYVSr6GW)
-
-
-</div>
-
-Ping Explorer is a light explorer for Cosmos-based Blockchains.  https://ping.pub .
-
-## What is the difference between Ping explorer and other explorers? 
-
-Ping Explorer is designed to explore blockchain data as real as possible, therefore there is no cache, no pre-processing. Ping Explorer does not cache/save blockchain data on its server. Ping Explorer only fetch data from Cosmos full node via LCD/RPC endpoints. We call it "Light Explorer".
-
-## Do you want to list your blockchain on ping.pub?
-
-Pull your request [here](./src/chains), We will add your chains as soon as possible. It is **FREE** (You must have 10+ independent validators on your chain).
-
-## Why Ping explorer use official/trusted third party public LCD/rpc server? 
-
-We have two considerations: 1, Trust, In decentralize system, everything controlled by one single team/organization could be risks. So we decided to co-build with the community. 2. We will list hundreds cosmos-based blockchains in the future, it's impossible for our team to run validators or fullnodes for all of those chains.
-
-# Installation:
-
-1. Running with yarn
-```
-yarn && yarn serve
-```
-
-2. Building for web servers, like nginx, apache
-```
-yarn && yarn build
-cp -r ./dist/* <ROOT_OF_WEB_SERVER>
-```
-
-# Enable LCD for Ping.pub (do this on the config for your chain)
-
-1. Set `enable = true` in `./config/app.toml`
-```
-###############################################################################
-###                           API Configuration                             ###
-###############################################################################
-
-[api]
-
-# Enable defines if the API server should be enabled.
-enable = true
-
-# Swagger defines if swagger documentation should automatically be registered.
-swagger = false
-
-# Address defines the API server to listen on.
-address = "tcp://0.0.0.0:1317"
-
-# MaxOpenConnections defines the number of maximum open connections.
-max-open-connections = 1000
-```
-
-2. add proxy server and enable CORS. NOTE: You must enable https as well.
-
-```
-server {
-    server_name juno.api.ping.pub;
-    listen 443;
-    location / {
-        add_header Access-Control-Allow-Origin *;
-        add_header Access-Control-Max-Age 3600;
-        add_header Access-Control-Expose-Headers Content-Length;
-
-        proxy_pass http://<HOST>:1317;
-
-    }
-}
-```
-3. config your blockchain in [./src/chains]()
+## Do you want Look to explore your blockchain?

+If you want Look to explore your blockchain, pull a request [here](https://github.com/liangping/look/issues), We will explore your chains as soon as possibe. And the most important thing is that Look is free for all public cosmos-based blockchains.

+## Why LOOK explorer use official/trusted third party public LCD/rpc server? 

+We have two considerations: 1, Trust, In decentralize system, everything controled by one single team/orgnization could be risks. So we decided to co-build LOOK explorer with the community. 2. Look explorer will explose handreds and thousands cosmos-based blockchains in the future, it's impossible for our team to run validators or fullnodes for all of those chains.

 ## Contributors

 Developers: @liangping @dingyiming

+Data providers: [full list](https://github.com/ping-pub/look/blob/master/hosts.json)
+
+* irisnet.org, 
+* nylira.net, 
+* kava.io
+
+*If you don't want to provide data services for LOOK exporer, let us know.*
+
+## Blockchains on LOOK explorer:
+* https://ping.pub/cosmos
+* https://ping.pub/iris
+* https://ping.pub/akash
+* https://ping.pub/kava
+
+# LOOK 浏览器
+
+Look是一个轻浏览器，免费为所有的基于Cosmos-SDK开发的区块链提供浏览服务
+
+## Look 和其他区块链浏览器有什么不同？
+
+Look的设计理念是尽可能的保持数据的真实性，所以，他不会在服务器端缓存或者保存任何数据，也不会增加任何分析处理。它仅仅通过LCD/RPC来获取他所需要的所有数据。因此我们叫它“轻浏览器”。
+
+## 你希望Look来浏览你的区块链吗？
+
+如果你需要Look来浏览你的区块链，请在[这里](https://github.com/liangping/look/issues) 提交申请，我们会尽快开通。而且是免费的。
+
+## 为什么LOOK要使用官方或者可信赖的第三方的LCD/RPC服务器? 
+
+我们主要是基于以下两个考虑：1，可信，在去中心化的系统里，任何有一个由单个团队或者实体控制的事情都是有风险的，所以我们选择和社区一起来共建LOOK浏览器。2，LOOK浏览器计划在未来支持成百上千条区块链，因此对我们团队来说，不可能为所有这些链去提供一个验证人节点或者全节点。
+
+## 项目贡献者
+
+开发者: @liangping @dingyiming
+
+数据服务方: [列表](https://github.com/ping-pub/look/blob/master/hosts.json)
+
+* irisnet.org, 
+* nylira.net, 
+* 01node.com, 
+* kava.io
+
+*如果你觉得我们滥用了你的服务器资源，请告知我们。*
+
+## LOOK explorer 上的区块链:
+* https://ping.pub/cosmos
+* https://ping.pub/iris
+* https://ping.pub/akash
+* https://ping.pub/kava
+
+# Contact Us
+Email：18786721#qq.com
@@ -1,66 +1,50 @@
 {
  "name": "ping-wallet",
-  "license": "GPL-2.0",
  "version": "0.1.0",
-  "author": {
-    "name": "ping.pub"
-  },
+  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
-    "analyz": "vue-cli-service build --report"
+    "tauri:build": "vue-cli-service tauri:build",
+    "tauri:serve": "vue-cli-service tauri:serve"
  },
  "dependencies": {
    "@casl/ability": "4.1.6",
    "@casl/vue": "1.1.1",
-    "@cosmjs/amino": "^0.28.4",
-    "@cosmjs/crypto": "^0.28.4",
-    "@cosmjs/encoding": "^0.28.4",
-    "@cosmjs/launchpad": "^0.27.1",
-    "@cosmjs/ledger-amino": "^0.28.4",
-    "@cosmjs/math": "^0.28.4",
-    "@cosmjs/proto-signing": "^0.28.4",
-    "@cosmjs/stargate": "0.28.4",
-    "@hanchon/signature-to-pubkey": "^1.0.0",
+    "@cosmjs/amino": "^0.25.6",
+    "@cosmjs/crypto": "^0.25.6",
+    "@cosmjs/encoding": "^0.25.6",
+    "@cosmjs/launchpad": "^0.25.6",
+    "@cosmjs/ledger-amino": "^0.25.6",
+    "@cosmjs/math": "^0.25.6",
+    "@cosmjs/proto-signing": "^0.25.6",
+    "@cosmjs/stargate": "^0.25.6",
+    "@cosmostation/cosmosjs": "^0.10.6",
    "@intlify/vue-i18n-loader": "^2.1.2",
-    "@ledgerhq/hw-app-eth": "^6.28.2",
-    "@ledgerhq/hw-transport-web-ble": "^6.27.1",
-    "@ledgerhq/hw-transport-webusb": "^6.27.1",
-    "@ledgerhq/hw-transport": "6.27.2",
-    "@metamask/eth-sig-util": "^4.0.1",
-    "@tharsis/address-converter": "^0.1.8",
-    "@tharsis/transactions": "^0.2.5",
-    "@tharsis/eip712": "0.2.4",
-    "@tharsis/proto": "0.1.19",
-    "@vue/composition-api": "^1.4.9",
+    "@ledgerhq/hw-app-cosmos": "^6.3.0",
+    "@ledgerhq/hw-transport-web-ble": "^6.3.0",
+    "@ledgerhq/hw-transport-webusb": "^6.3.0",
+    "@vue/composition-api": "1.0.0-beta.22",
    "@vueuse/core": "4.0.0",
    "animate.css": "4.1.1",
-    "apexcharts": "3.2.0",
-    "babel-runtime": "^6.26.0",
+    "apexcharts": "3.24.0",
+    "axios": "0.21.1",
+    "axios-mock-adapter": "1.19.0",
    "bootstrap": "4.6.0",
    "bootstrap-vue": "2.21.1",
    "chart.js": "2.9.4",
    "compare-versions": "^3.6.0",
-    "core-js": "^3.22.5",
-    "cosmjs-types": "^0.2.0",
+    "core-js": "3.8.1",
    "dayjs": "^1.10.6",
-    "echarts": "5.3.0",
-    "eth-crypto": "^2.3.0",
-    "ethers": "^5.6.8",
+    "echarts": "4.8.0",
    "leaflet": "1.6.0",
    "ledger-cosmos-js": "2.1.8",
-    "long": "^5.2.0",
-    "node-fetch": "^2.6.5",
-    "node-polyfill-webpack-plugin": "^1.1.4",
-    "pako": "^1.0.11",
+    "node-fetch": "^2.6.1",
    "portal-vue": "2.1.7",
+    "postcss-rtl": "1.7.3",
    "prismjs": "1.25.0",
-    "protobufjs-cli-dbx": "^7.0.7",
-    "protobufjs-dbx": "^7.0.0",
-    "ripemd160": "^2.0.2",
    "swiper": "6.5.1",
-    "trading-vue-js": "^1.0.2",
    "uuid": "8.3.2",
    "vee-validate": "3.4.5",
    "vue": "2.x",
@@ -71,15 +55,13 @@
    "vue-cleave-component": "2.1.3",
    "vue-clipboard2": "0.3.1",
    "vue-context": "6.0.0",
-    "vue-echarts": "^6.0.2",
+    "vue-echarts": "5.0.0-beta.0",
    "vue-feather-icons": "5.1.0",
    "vue-flatpickr-component": "8.1.6",
    "vue-flex-waterfall": "^1.0.7",
    "vue-form-wizard": "0.8.4",
    "vue-i18n": "8.22.2",
    "vue-loader": "^15.9.6",
-    "vue-markdown": "^2.2.4",
-    "vue-observe-visibility": "^1.0.0",
    "vue-perfect-scrollbar": "0.2.1",
    "vue-prism-component": "1.1.1",
    "vue-qr": "^2.5.0",
@@ -91,35 +73,25 @@
    "vue-toastification": "1.7.8",
    "vue-tour": "1.5.0",
    "vue-tree-halower": "1.8.3",
-    "vue2-flip-countdown": "^0.12.1",
    "vue2-leaflet": "2.5.2",
    "vuedraggable": "2.24.3",
    "vuex": "3.6.0"
  },
  "devDependencies": {
-    "@babel/eslint-parser": "^7.5.4",
-    "@protobufs/osmosis": "^0.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.25.0",
-    "@typescript-eslint/parser": "^5.25.0",
-    "@vue/cli-plugin-babel": "~5.0.4",
-    "@vue/cli-plugin-eslint": "~5.0.4",
-    "@vue/cli-plugin-router": "~5.0.4",
-    "@vue/cli-plugin-vuex": "~5.0.4",
-    "@vue/cli-service": "~5.0.4",
-    "@vue/eslint-config-airbnb": "^6.0.0",
-    "@vue/eslint-config-standard": "6.1.0",
-    "@vue/eslint-config-typescript": "11.0.0",
+    "@vue/cli-plugin-babel": "~4.5.9",
+    "@vue/cli-plugin-eslint": "~4.5.9",
+    "@vue/cli-plugin-router": "~4.5.9",
+    "@vue/cli-plugin-vuex": "~4.5.9",
+    "@vue/cli-service": "~4.5.9",
+    "@vue/eslint-config-airbnb": "^5.3.0",
    "@vuepress/plugin-medium-zoom": "^1.7.1",
-    "compression-webpack-plugin": "6.1.1",
-    "eslint": "^8.15.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-vue": "9.0.1",
-    "eslint-plugin-vuejs-accessibility": "^1.1.1",
+    "babel-eslint": "^10.0.3",
+    "eslint": "6.8.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-vue": "6.2.2",
    "sass": "1.32.*",
    "sass-loader": "^10.1.0",
-    "ts-loader": "8.2.0",
-    "typescript": "^4.6.4",
-    "vue-template-compiler": "2.x",
-    "webpack-bundle-analyzer": "^4.5.0"
+    "vue-cli-plugin-tauri": "~1.0.0-beta.3",
+    "vue-template-compiler": "2.x"
  }
 }
@@ -1,32 +0,0 @@
-server {
-    listen       80;
-    listen  [::]:80;
-    server_name  _;
-
-    #access_log  /var/log/nginx/host.access.log  main;
-
-    location / {
-        root /usr/share/nginx/html;
-        index  index.html index.htm;
-        try_files $uri $uri/ /index.html;
-    }
-
-    #error_page  404              /404.html;
-
-    # redirect server error pages to the static page /50x.html
-    #
-    error_page   500 502 503 504  /50x.html;
-    location = /50x.html {
-        root   /usr/share/nginx/html;
-    }
-
-    gzip on;
-    gzip_proxied any;
-    gzip_static on;
-    gzip_min_length 1024;
-    gzip_buffers 4 16k;
-    gzip_comp_level 2;
-    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml;
-    gzip_vary off;
-    gzip_disable "MSIE [1-6]\.";
-}
@@ -0,0 +1,5 @@
+const rtl = require('postcss-rtl')
+
+module.exports = {
+  plugins: [rtl()],
+}
@@ -6,25 +6,25 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />

    <!-- Splash Screen/Loader Styles -->
-    <link rel="stylesheet" type="text/css" href="/loader.css" />
+    <link rel="stylesheet" type="text/css" href="<%= BASE_URL %>loader.css" />

-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"
      rel="stylesheet"
    />
-    <title>Ping Dashboard</title>
+    <title>Ping Wallet</title>
  </head>
  <body>
    <noscript>
      <strong
-        >We're sorry but Ping Dashboard doesn't work properly without JavaScript enabled. Please
+        >We're sorry but Ping Wallet doesn't work properly without JavaScript enabled. Please
        enable it to continue.</strong
      >
    </noscript>
    <div id="loading-bg">
      <div class="loading-logo">
-        <img src="/logo.svg" alt="Logo" width="80"/>
+        <img src="<%= BASE_URL %>logo.svg" alt="Logo" />
      </div>
      <div class="loading">
        <div class="effect-1 effects"></div>
@@ -34,14 +34,5 @@
    </div>
    <div id="app"></div>
    <!-- built files will be auto injected -->
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-238887-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-238887-1');
-    </script>
  </body>
 </html>
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#EE2F51;}
-	.st1{fill:#C32942;}
-	.st2{fill:#7D1729;}
-</style>
-<g>
-	<polygon class="st0" points="17.28,52.24 100,100 182.72,52.24 100,4.48 	"/>
-	<polygon class="st1" points="17.28,52.24 100,100 100,195.52 17.28,147.76 	"/>
-	<polygon class="st2" points="182.72,52.24 100,100 100,195.52 182.72,147.76 	"/>
-	<polygon class="st0" points="44.87,131.84 72.44,115.92 72.44,147.76 	"/>
-	<polygon class="st2" points="72.43,115.92 44.85,100 44.85,131.84 	"/>
-	<polygon class="st0" points="155.13,131.84 127.56,115.92 127.56,147.76 	"/>
-	<polygon class="st1" points="127.57,115.92 155.15,100 155.15,131.84 	"/>
-	<polygon class="st2" points="72.43,52.24 100,36.32 100,68.16 	"/>
-	<polygon class="st1" points="127.57,52.24 100,36.32 100,68.16 	"/>
-</g>
-</svg>
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="172px" height="172px" viewBox="0 0 172 172" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>D09EECB6-251A-416B-B21C-25832F33D878</title>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="BandWebsite_Desktop_UI_BrandAsset" transform="translate(-634.000000, -915.000000)">
-            <g id="Logo2-Copy" transform="translate(634.000000, 915.000000)">
-                <path d="M10,171.866248 L161.866248,171.866248 C167.389095,171.866248 171.866248,167.389095 171.866248,161.866248 L171.866248,10 C171.866248,4.4771525 167.389095,-1.01453063e-15 161.866248,0 L10,0 C4.4771525,1.01453063e-15 -6.76353751e-16,4.4771525 0,10 L0,161.866248 C-1.40394681e-14,167.389095 4.4771525,171.866248 10,171.866248 Z" id="Fill-1" fill="#4520E6"></path>
-                <path d="M108.602889,100.635307 C108.602889,107.35148 103.139711,112.814658 96.4235377,112.814658 L73.0720578,112.814658 L97.3402044,88.5473925 C103.622093,89.0257223 108.602889,94.2329105 108.602889,100.635307 L108.602889,100.635307 Z M69.6284355,87.4487315 L69.6284355,59.22463 L96.4235377,59.22463 C96.8812544,59.22463 97.332981,59.2498238 97.7776603,59.2996829 L69.6284355,87.4487315 Z M113.472868,71.4053911 C113.472868,65.7198732 110.676357,60.6763566 106.386716,57.5769908 L117.963707,46 L111.037879,46.0394644 L101.840204,55.2369626 C100.137773,54.665081 98.3162438,54.3550035 96.4235377,54.3550035 L64.7586328,54.3550035 L64.7586328,99.205074 L102.881783,61.0817477 C106.315363,63.2385483 108.602889,67.0599013 108.602889,71.4053911 C108.602889,78.1215645 103.139711,83.5847428 96.4235377,83.5847428 L95.4152572,83.5847428 L53,126 L59.8863636,126 L68.2020789,117.684461 L96.4235377,117.684461 C105.824348,117.684461 113.472868,110.036117 113.472868,100.635307 C113.472868,94.4353418 110.135835,89.0142706 105.174947,86.0299507 C110.141121,83.0463354 113.472868,77.608351 113.472868,71.4053911 L113.472868,71.4053911 Z" id="Fill-2" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" style="enable-background:new 0 0 1000 1000"><style type="text/css">.st0{fill:#3cc194}.st1{fill:#fff}</style><g><circle cx="500.5" cy="499.5" r="479.5" class="st0"/></g><g id="Group_5" transform="translate(-91.385 -97.772)"><g id="Group_4" transform="translate(91.385 97.772)"><g id="Group_3"><g id="Laag_1"><g id="Group_2"><g id="Group_1"><path id="Path_1" d="M724.8,589.4l-1.4,1.5c-8.6,8.7-19,15.6-30.4,20.1h-0.6c-10.5,4.1-21.7,6.2-32.9,6.2 c-16.5,0.3-32.8-3.2-47.7-10.3h-0.9l-2.2-1.1l-0.6-0.3c-13.8-7.4-25.1-18.7-32.6-32.5l-1.4-2.5l-30.5,32.7 c0,0-6.1,31.3-8.8,46.6v1l0.7,0.7l0,0l0.4,0.5c31,34,74.9,53.3,120.9,53.3l2.5,0.1l2,0.1c30.1,0,59.7-7.7,86-22.3l0.8-0.4 c14.5-8.2,27.8-18.4,39.4-30.3l1.4-1.5L724.8,589.4z" class="st1"/><path id="Path_2" d="M294.4,438v0.6l12.4,46.5l2.5-4c13.4-19.4,33.8-32.9,56.9-37.4h1c8.1-1.7,16.4-2.3,24.7-1.9 c12.5,0.8,24.6,4.4,35.6,10.4l0.9,0.5c15.1,8.5,28.5,19.8,39.4,33.3l1.8,2.3l29.2-41.1l0,0l9.3-43.4l-1-0.8l-3.3-2.9 c-19.1-17.6-41.7-30.8-66.4-38.9c-13.3-4-27.1-6.2-40.9-6.4h-0.6c-31.3,0.1-62,8-89.5,22.9l-0.9,0.5l-12.3,55.1L294.4,438z" class="st1"/><path id="Path_3" d="M567.7,556.5v-0.8c0.2-3.4-0.6-16.8-0.8-24.6l0.2-2.1c-0.4-20.7,6.3-40.9,19.2-57.1l0.4-0.6 c1.9-2.4,3.8-4.6,5.9-6.8c16.8-17.3,39.8-27.1,63.9-27.1c3.8,0,7.7,0.2,11.5,0.6h0.6c19.8,2.6,38.2,11.6,52.5,25.5l1.5,1.5 l61.7-62.2l-1.5-1.5c-31.2-30.3-72.2-48.3-115.6-51h-0.6l-11.7-0.6c-26.1-0.2-51.9,4.8-76,14.7c-15.9,6.8-30.6,16.3-43.2,28.1 l-0.7,0.6h-0.8v0.4l-0.5,0.4l0,0l-0.7,0.6c-4.4,4.3-8.5,8.9-12.2,13.8v0.4l-10,43.5l-32.9,45.4v31.7 c-0.3,35.1-20.5,66.9-52.2,82l-0.6,0.3c-11.6,5.2-24.1,7.9-36.8,8c-50,0.4-91.1-39.2-92.5-89.2l-0.4-29.6l0.1-1.9l-16.2-63.5 l13.7-58.9l-1.5-92.5l-89.4-31.6l3.4,204.6v0.9l1.2,72.8c0,2.5,0.1,5,0.3,7.5c-0.1,0.4-0.1,0.9-0.1,1.3 c3.5,50,28,96.2,67.4,127.2l0.6,0.5c32.5,25.8,72.9,39.7,114.4,39.5l6.5-0.1l1.4,0.1c41.6-0.1,81.6-15.7,112.3-43.8l0.5-0.5 c4.2-4,8.2-8.3,12.1-12.8l0.3-0.4l9.6-51.1l35.3-40.5L567.7,556.5z" class="st1"/></g></g></g></g></g></g></svg>
@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="BACKGROUND" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#FFFFFF;}
-	.st1{fill:#FC1D31;}
-</style>
-<ellipse class="st0" cx="256" cy="256" rx="254.8" ry="251.9"/>
-<g id="g24">
-	<g id="g22">
-		<path id="path20" class="st1" d="M255.5,4.1c-19.1,0-38.2,1.9-57.4,6.7c0,1,0,1.9,0,2.9v310.7c0,6.7-5.7,11.5-11.5,11.5h-22.9
-			c-4.8,0-8.6-3.8-8.6-8.6V24.2C64.3,62.4,1.2,152.3,1.2,255.5c0,139.6,113.8,252.4,255.3,252.4s254.3-112.8,254.3-251.4
-			S396.1,4.1,255.5,4.1z M250.7,360.7c0,5.7-4.8,10.5-10.5,10.5h-22.9c-5.7,0-10.5-4.8-10.5-10.5V201c0-5.7,4.8-10.5,10.5-10.5h22.9
-			c5.7,0,10.5,4.8,10.5,10.5V360.7z M302.4,376c0,5.7-4.8,10.5-10.5,10.5h-22.9c-5.7,0-10.5-4.8-10.5-10.5V185.7
-			c0-5.7,4.8-10.5,10.5-10.5h22.9c5.7,0,10.5,4.8,10.5,10.5V376z M354,347.3c0,5.7-4.8,10.5-10.5,10.5h-22.9
-			c-5.7,0-10.5-4.8-10.5-10.5v-131c0-5.7,4.8-10.5,10.5-10.5h22.9c5.7,0,10.5,4.8,10.5,10.5L354,347.3z"/>
-	</g>
-</g>
-</svg>
@@ -1,91 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
-<circle style="fill:#161515;" cx="200" cy="200" r="200"/>
-<circle style="fill:#063C4F;" cx="200" cy="200" r="200"/>
-<radialGradient id="SVGID_SWTH_1_" cx="-105.0925" cy="597.0593" r="1" gradientTransform="matrix(-1132.6895 1.028 2.9871 3291.1685 -120471.2891 -1964605.625)" gradientUnits="userSpaceOnUse">
-	<stop  offset="0.1042" style="stop-color:#24537E"/>
-	<stop  offset="0.5203" style="stop-color:#4FC1C0"/>
-	<stop  offset="1" style="stop-color:#DAFFF4"/>
-</radialGradient>
-<path style="fill:url(#SVGID_SWTH_1_);" d="M50.6,230.9c1.5,0,3,0.1,4.4,0.1c30.5,0,59-8.8,83-23.9c9.8,50.7,54.4,88.9,108,88.9
-	c43.8,0,81.6-25.6,99.3-62.7c1.4-0.7,2.7-1.5,4.1-2.3C330.1,295.2,270.5,342,200,342C129.5,342,69.9,295.2,50.6,230.9z"/>
-<path style="fill:#04171E;fill-opacity:0.88;" d="M50.6,230.9c1.5,0,3,0.1,4.4,0.1c30.5,0,59-8.8,83-23.9
-	c9.8,50.7,54.4,88.9,108,88.9c43.8,0,81.6-25.6,99.3-62.7c1.4-0.7,2.7-1.5,4.1-2.3C330.1,295.2,270.5,342,200,342
-	C129.5,342,69.9,295.2,50.6,230.9z"/>
-<radialGradient id="SVGID_SWTH_2_" cx="-105.0925" cy="597.0593" r="1" gradientTransform="matrix(-1132.6895 1.028 2.9871 3291.1685 -120471.2891 -1964605.625)" gradientUnits="userSpaceOnUse">
-	<stop  offset="0.1042" style="stop-color:#24537E"/>
-	<stop  offset="0.5203" style="stop-color:#4FC1C0"/>
-	<stop  offset="1" style="stop-color:#DAFFF4"/>
-</radialGradient>
-<path style="fill:url(#SVGID_SWTH_2_);" d="M51.3,233.4c1.2,0,2.5,0,3.7,0c30.7,0,59.3-8.9,83.5-24.2C149.1,258.8,193.2,296,246,296
-	c43.8,0,81.6-25.6,99.3-62.7c1.4-0.7,2.7-1.5,4.1-2.3C330.1,295.2,270.5,342,200,342C130.3,342,71.4,296.4,51.3,233.4z"/>
-<path style="fill:#04171E;fill-opacity:0.4;" d="M51.3,233.4c1.2,0,2.5,0,3.7,0c30.7,0,59.3-8.9,83.5-24.2
-	C149.1,258.8,193.2,296,246,296c43.8,0,81.6-25.6,99.3-62.7c1.4-0.7,2.7-1.5,4.1-2.3C330.1,295.2,270.5,342,200,342
-	C130.3,342,71.4,296.4,51.3,233.4z"/>
-<linearGradient id="SVGID_SWTH_3_" gradientUnits="userSpaceOnUse" x1="190.2592" y1="43.1118" x2="138.7952" y2="310.7999" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#04171E"/>
-	<stop  offset="1" style="stop-color:#04171E;stop-opacity:0"/>
-</linearGradient>
-<path style="fill:url(#SVGID_SWTH_3_);fill-opacity:0.64;" d="M273.8,292.5C251.6,310.9,223.1,322,192,322c-58.1,0-107.1-38.7-122.8-91.6
-	c25.1-2.3,48.5-10.5,68.8-23.3c9.8,50.7,54.4,88.9,108,88.9C255.6,296,264.9,294.8,273.8,292.5z"/>
-<radialGradient id="SVGID_SWTH_4_" cx="-105.4798" cy="596.9409" r="1" gradientTransform="matrix(121.0179 -190.2545 -2756.8948 -1753.6176 1658574.375 1027024)" gradientUnits="userSpaceOnUse">
-	<stop  offset="0.1042" style="stop-color:#3A78B1"/>
-	<stop  offset="0.5203" style="stop-color:#4FC1C0"/>
-	<stop  offset="1" style="stop-color:#8CF2FD"/>
-</radialGradient>
-<path style="fill:url(#SVGID_SWTH_4_);" d="M328,186c0,70.7-57.3,128-128,128S72,256.7,72,186S129.3,58,200,58S328,115.3,328,186z"/>
-<radialGradient id="SVGID_SWTH_5_" cx="-104.8708" cy="597.9974" r="1" gradientTransform="matrix(-180.0001 129.5005 128.5812 178.7224 -95449.0078 -93222.7266)" gradientUnits="userSpaceOnUse">
-	<stop  offset="0.2165" style="stop-color:#FFFFFF"/>
-	<stop  offset="0.9063" style="stop-color:#FFFFFF;stop-opacity:0"/>
-</radialGradient>
-<path style="fill:url(#SVGID_SWTH_5_);fill-opacity:0.6;" d="M319.5,162c0,49.7-40.3,90-90,90s-90-40.3-90-90c0-49.7,40.3-90,90-90
-	S319.5,112.3,319.5,162z"/>
-<linearGradient id="SVGID_SWTH_6_" gradientUnits="userSpaceOnUse" x1="250.7183" y1="349.5163" x2="118.7183" y2="292.0163" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#FFFFFF"/>
-	<stop  offset="0.7324" style="stop-color:#FFFFFF;stop-opacity:0"/>
-</linearGradient>
-<path style="fill:url(#SVGID_SWTH_6_);fill-opacity:0.64;" d="M208.4,72.1c-2-0.1-4-0.2-6.1-0.2c-19.1,0-37.2,4.8-52.9,13.3
-	c8.4-1.9,17.2-2.8,26.2-2.8c9.2,0,18.1,1,26.6,2.9L208.4,72.1z"/>
-<linearGradient id="SVGID_SWTH_7_" gradientUnits="userSpaceOnUse" x1="293.3822" y1="251.5749" x2="161.3822" y2="194.0749" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#FFFFFF"/>
-	<stop  offset="0.7324" style="stop-color:#FFFFFF;stop-opacity:0"/>
-</linearGradient>
-<path style="fill:url(#SVGID_SWTH_7_);fill-opacity:0.64;" d="M215.8,89.3c47.1,16.6,80.8,61.4,80.8,114.2c0,21.7-5.7,42-15.7,59.6
-	c20.5-20.2,33.1-48.3,33.1-79.4C314,129,274.8,83.6,223,73.9L215.8,89.3z"/>
-<linearGradient id="SVGID_SWTH_8_" gradientUnits="userSpaceOnUse" x1="598.7853" y1="466.1639" x2="58.9142" y2="16.378" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#04171E"/>
-	<stop  offset="1" style="stop-color:#04171E;stop-opacity:0"/>
-</linearGradient>
-<path style="fill:url(#SVGID_SWTH_8_);fill-opacity:0.64;" d="M268.4,294.2C248.6,306.7,225.2,314,200,314c-39.9,0-75.5-18.2-99-46.8
-	c6.5,1.2,13.1,1.8,20,1.8c49.5,0,91.3-32.7,105.2-77.6c4.6,0.4,9.2,0.6,13.8,0.6c32,0,61.7-9.6,86.4-26.1c1,6.6,1.6,13.3,1.6,20.1
-	c0,4.2-0.2,8.4-0.6,12.6C320.2,237.4,298.6,271.2,268.4,294.2z"/>
-<linearGradient id="SVGID_SWTH_9_" gradientUnits="userSpaceOnUse" x1="306.3591" y1="174.6578" x2="103.8583" y2="103.1578" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#0E6585"/>
-	<stop  offset="1" style="stop-color:#04171E"/>
-</linearGradient>
-<path style="fill:url(#SVGID_SWTH_9_);" d="M50.6,231.1c19.3,64.2,78.9,111,149.4,111c85.8,0,155.5-69.3,156-155
-	c-8.6-0.1-17-0.8-25.1-2.2c-19.2,8.5-40.5,13.2-62.9,13.2c-7.8,0-15.4-0.6-22.8-1.7c-13.8,45-55.7,77.7-105.2,77.7
-	c-34.5,0-65.3-15.9-85.5-40.8C53.2,232.5,51.9,231.8,50.6,231.1z"/>
-<radialGradient id="SVGID_SWTH_10_" cx="-105.2137" cy="596.9243" r="1" gradientTransform="matrix(144.3669 -115.0948 -1795.1154 -2251.6665 1086829 1332290)" gradientUnits="userSpaceOnUse">
-	<stop  offset="0.1042" style="stop-color:#3A78B1"/>
-	<stop  offset="0.5203" style="stop-color:#4FC1C0"/>
-	<stop  offset="1" style="stop-color:#8CF2FD"/>
-</radialGradient>
-<path style="fill:url(#SVGID_SWTH_10_);" d="M356,187.1c-22.9,13.3-49.6,20.9-78,20.9c-5.4,0-10.8-0.3-16-0.8
-	c-9.9,50.6-54.5,88.8-108,88.8c-43.8,0-81.6-25.6-99.3-62.7c-1.4-0.7-2.7-1.5-4.1-2.3C69.9,295.2,129.5,342,200,342
-	C285.8,342,355.4,272.8,356,187.1z"/>
-<linearGradient id="SVGID_SWTH_11_" gradientUnits="userSpaceOnUse" x1="342.7867" y1="210.4602" x2="264.9107" y2="92.4192" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.64"/>
-	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-</linearGradient>
-<path style="display:none;fill:url(#SVGID_SWTH_11_);fill-opacity:0.64;" d="M344.6,193.1c-9.4,4.4-19.3,8-29.6,10.5
-	c-1.3,11.4-3.9,22.8-7.8,34.1c-9.5,27.5-25.6,50.9-46,68.8c34.8-16.8,63.2-46.9,76.8-86.3C341.1,211.2,343.3,202.2,344.6,193.1z"/>
-<linearGradient id="SVGID_SWTH_12_" gradientUnits="userSpaceOnUse" x1="262.7789" y1="193.9802" x2="237.4619" y2="209.6302" gradientTransform="matrix(1 0 0 -1 0 402)">
-	<stop  offset="0" style="stop-color:#8CF2FD"/>
-	<stop  offset="1" style="stop-color:#8CF2FD;stop-opacity:0"/>
-</linearGradient>
-<path style="opacity:0.2;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_SWTH_12_);enable-background:new    ;" d="M245.1,196.6
-	c0.2-0.2,0.5-0.3,0.7-0.1c5.2,4.1,10.8,7.8,16.9,10.9c0.3,0.1,0.4,0.5,0.2,0.7s-0.4,0.4-0.7,0.2c-6.1-3.1-11.8-6.8-17-11
-	C245,197.2,244.9,196.8,245.1,196.6z"/>
-</svg>
@@ -1 +0,0 @@
-<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="256" x2="256.28" y1="32" y2="480"><stop offset=".0479894" stop-color="#c01aea"/><stop offset="1" stop-color="#4251fa"/></linearGradient><g fill="url(#a)"><path clip-rule="evenodd" d="m255.867 118.278c-23.771 0-43.108-19.351-43.108-43.139 0-23.787 19.337-43.139 43.108-43.139s43.11 19.352 43.11 43.139c0 23.788-19.339 43.139-43.11 43.139zm0-62.7731c-10.819 0-19.62 8.808-19.62 19.6341 0 10.8262 8.801 19.6341 19.62 19.6341s19.622-8.8079 19.622-19.6341c0-10.8261-8.803-19.6341-19.622-19.6341z" fill-rule="evenodd"/><path d="m244.759 125.414c3.704.854 7.56 1.306 11.519 1.306 3.961 0 7.817-.452 11.521-1.307v80.694c-3.704-.855-7.561-1.307-11.521-1.307-3.959 0-7.815.452-11.519 1.306z"/><path d="m218.856 221.092-69.908-40.362c-1.112 3.635-2.649 7.201-4.629 10.631-1.98 3.429-4.299 6.542-6.891 9.322l69.883 40.347c2.306-7.527 6.302-14.321 11.545-19.938z"/><path d="m207.311 270.97-69.883 40.347c2.593 2.78 4.912 5.894 6.892 9.324 1.98 3.429 3.517 6.994 4.628 10.629l69.908-40.361c-5.243-5.618-9.24-12.412-11.545-19.939z"/><path d="m244.759 305.894v80.693c3.705-.855 7.561-1.307 11.522-1.307 3.959 0 7.815.452 11.518 1.306v-80.693c-3.704.855-7.561 1.307-11.521 1.307-3.959 0-7.815-.452-11.519-1.306z"/><path d="m293.702 290.908 69.909 40.362c1.112-3.635 2.649-7.201 4.629-10.631 1.98-3.429 4.299-6.542 6.891-9.322l-69.883-40.347c-2.306 7.526-6.303 14.321-11.546 19.938z"/><path d="m305.248 241.031 69.883-40.348c-2.592-2.78-4.912-5.894-6.892-9.324-1.98-3.429-3.517-6.994-4.628-10.629l-69.909 40.362c5.243 5.617 9.24 12.412 11.546 19.939z"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m136.802 187.496c-11.885 20.586-38.3117 27.657-58.9127 15.763-20.6001-11.894-27.6911-38.316-15.8058-58.902 11.8854-20.586 38.3145-27.658 58.9145-15.764 20.601 11.894 27.69 38.317 15.804 58.903zm-54.3626-31.386c-5.4097 9.369-2.182 21.395 7.1938 26.808 9.3757 5.413 21.4038 2.196 26.8138-7.174 5.409-9.37 2.183-21.397-7.193-26.81-9.3758-5.413-21.405-2.194-26.8146 7.176z"/><path d="m137.215 325.218c11.885 20.586 4.795 47.008-15.806 58.902-20.6 11.893-47.0276 4.823-58.9129-15.763s-4.7954-47.01 15.8047-58.903c20.601-11.894 47.0292-4.822 58.9142 15.764zm-54.363 31.387c5.4096 9.37 17.438 12.587 26.813 7.174 9.376-5.413 12.604-17.439 7.194-26.808-5.409-9.37-17.4386-12.589-26.8143-7.176-9.3758 5.413-12.6024 17.44-7.1927 26.81z"/><path d="m256.692 393.722c23.771 0 43.107 19.351 43.107 43.139 0 23.787-19.336 43.139-43.107 43.139s-43.11-19.352-43.11-43.139c0-23.788 19.339-43.139 43.11-43.139zm0 62.773c10.819 0 19.62-8.808 19.62-19.634s-8.801-19.634-19.62-19.634-19.622 8.808-19.622 19.634 8.803 19.634 19.622 19.634z"/><path d="m375.757 324.504c11.885-20.586 38.312-27.657 58.913-15.763 20.6 11.894 27.691 38.316 15.805 58.902-11.885 20.586-38.314 27.658-58.914 15.764-20.601-11.894-27.69-38.317-15.804-58.903zm54.363 31.386c5.409-9.369 2.182-21.395-7.194-26.808s-21.404-2.196-26.814 7.174c-5.409 9.37-2.183 21.397 7.193 26.81s21.405 2.194 26.815-7.176z"/><path d="m375.344 186.782c-11.885-20.586-4.795-47.008 15.806-58.902 20.6-11.893 47.028-4.823 58.913 15.763s4.795 47.01-15.805 58.903c-20.601 11.894-47.029 4.822-58.914-15.764zm54.363-31.387c-5.41-9.37-17.438-12.587-26.813-7.174-9.376 5.413-12.604 17.439-7.194 26.808 5.409 9.37 17.439 12.589 26.814 7.176 9.376-5.413 12.603-17.44 7.193-26.81z"/><path d="m255.867 235.985c-10.819 0-19.62 8.808-19.62 19.634s8.801 19.634 19.62 19.634 19.622-8.808 19.622-19.634-8.803-19.634-19.622-19.634zm0 62.773c-23.771 0-43.108-19.351-43.108-43.139 0-23.787 19.337-43.139 43.108-43.139s43.109 19.352 43.109 43.139c0 23.788-19.338 43.139-43.109 43.139z"/></g></g></svg>
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="BACKGROUND" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-	.st4{fill:url(#SVGID_5_);}
-	.st5{fill:url(#SVGID_6_);}
-	.st6{fill:url(#SVGID_7_);}
-</style>
-<g>
-	
-		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="66.6866" y1="286.9367" x2="432.2715" y2="-78.6481" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st0" d="M163.9,361.7L56.4,373.8l63.1-145.7L54.9,140L212,122.1l42.7-98.2l93.6,127.2L455.8,139l-62.9,145l64.2,87.5
-		l-156.4,17.8l-43.4,99.6L163.9,361.7z M208.6,352.1c-4.1,2-8.5,3.7-13.1,5l-4.1,1.1l60.6,82.4l21.5-49.5l-3.9-0.5
-		c-21.2-2.7-40.4-14.1-52.9-31.3l-6-8.3L208.6,352.1z M187.5,277.3l48.9,67.6c9.9,13.7,26,21.9,43,21.9c2,0,3.9-0.1,5.9-0.3
-		l127.6-14.5L362,282.7c-2.5-3.4-5.4-6.5-8.7-9.2l-3-2.5l-36.4,82.2l-63.3-83.8L187.5,277.3z M189.6,195c-18.9,2-35.4,14.2-43,31.7
-		L95.3,344.9l85.1-9.6c4.2-0.5,8.3-1.5,12.3-2.9l3.7-1.4l-52.7-72.7l103.9-13.2l24.7-59L189.6,195z M270,254.7l38.5,50.9l23.5-53
-		l10.3-23.3c7.7-17.5,5.5-37.9-5.8-53.2L260.2,72.2l-34.3,78.8c-1.7,3.9-2.9,8-3.7,12.2l-0.7,3.8l89-9.4L270,254.7z M363.5,173.8
-		l1.5,3.6c8.2,19.7,8.1,42.2-0.6,61.7l-4.2,9.4l2,1.4c3.8,2.6,7.5,5.6,10.8,8.9l3,3l40.7-94L363.5,173.8z M99.2,159.4l32.4,44.2
-		l2.4-3.1c12.9-16.7,32.2-27.6,53-29.8l10.2-1.1l0.2-2.5c0.3-5.1,1.2-10.2,2.6-15.2l1.2-4.2L99.2,159.4z"/>
-	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="106.5738" y1="326.8241" x2="472.1588" y2="-38.7609" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st1" d="M233.3,490.7c-67.5-6.5-128.1-41.6-167.8-97.3l27.2-3c4.5,5.5,9.3,10.8,14.2,15.8
-		c29.5,29.6,66.4,49.6,106.8,57.8L233.3,490.7z"/>
-	
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="210.8757" y1="431.1259" x2="576.4606" y2="65.541" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st2" d="M289.9,465.6c43.8-7.1,83.6-27.6,115.2-59.3c2.8-2.9,5.7-5.9,8.5-9.1l33-3.7C407.1,449,346.5,484.1,279,490.7
-		L289.9,465.6z"/>
-	
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="173.7284" y1="393.9785" x2="539.3133" y2="28.3937" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st3" d="M453.3,331.5c9-24,13.6-49.2,13.6-75.1c0-22.9-3.6-45.4-10.7-66.8l13.2-30.5c13.9,30.6,20.9,63.3,20.9,97.3
-		c0,33.9-7,66.6-20.9,97.2L453.3,331.5z"/>
-	
-		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-39.7225" y1="180.5277" x2="325.8625" y2="-185.0571" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st4" d="M42.6,353.9c-13.9-30.7-21-63.5-21-97.5c0-34.3,7.1-67.2,21.2-98l16.1,22c-9.2,24.2-13.9,49.7-13.9,76
-		c0,23,3.6,45.5,10.7,67.1L42.6,353.9z"/>
-	
-		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-76.7926" y1="143.4576" x2="288.7922" y2="-222.1274" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st5" d="M66.5,117.9c39.7-54.7,99.8-89.4,166.7-95.9l-10.9,25.1c-43.8,7-83.7,27.6-115.4,59.4c-2.4,2.4-4.8,5-7.2,7.6
-		L66.5,117.9z"/>
-	
-		<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="27.5023" y1="247.7525" x2="393.0872" y2="-117.8323" gradientTransform="matrix(1 0 0 1 0 158.1102)">
-		<stop  offset="0" style="stop-color:#009DDE"/>
-		<stop  offset="0.5" style="stop-color:#694D9F"/>
-		<stop  offset="1" style="stop-color:#ED3554"/>
-	</linearGradient>
-	<path class="st6" d="M419.4,122.3c-4.5-5.5-9.3-10.8-14.2-15.8C375.7,77,338.9,57,298.5,48.8L278.9,22
-		c67.4,6.6,128,41.7,167.7,97.3L419.4,122.3z"/>
-</g>
-</svg>
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="BACKGROUND" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#00D2FF;}
-</style>
-<path d="M369.3,459.5H142.7c-49.6,0-90.2-40.6-90.2-90.2V142.7c0-49.6,40.6-90.2,90.2-90.2h226.5c49.6,0,90.2,40.6,90.2,90.2v226.5
-	C459.5,418.9,418.9,459.5,369.3,459.5z"/>
-<g id="Symbols">
-	<g id="Header-Singed-In-Final" transform="translate(-27.000000, -14.000000)">
-		<g id="ixo-logo" transform="translate(27.000000, 14.000000)">
-			<path id="Fill-2" class="st0" d="M361.3,305.8c-12.4,0-22.5-10.1-22.5-22.5s10.1-22.5,22.5-22.5c12.4,0,22.5,10.1,22.5,22.5
-				S373.7,305.8,361.3,305.8 M361.3,219.6c-35.2,0-63.7,28.5-63.7,63.7c0,35.2,28.5,63.7,63.7,63.7s63.7-28.5,63.7-63.7
-				C425,248.1,396.5,219.6,361.3,219.6"/>
-			<polygon id="Fill-4" class="st0" points="111,219.6 111,347 156.5,347 156.5,219.6 156.4,219.6 			"/>
-			<polygon id="Fill-6" class="st0" points="229.3,251.4 197.5,219.6 165.6,219.6 165.6,251.4 197.5,283.3 165.6,315.2 165.6,347 
-				197.5,347 229.3,315.2 261.2,347 261.2,347 261.2,347 293,347 293,315.2 261.2,283.3 293,251.4 293,219.6 261.2,219.6 			"/>
-			<path id="Fill-8" class="st0" d="M133.8,210.5c-12.6,0-22.8-10.2-22.8-22.8c0-12.6,10.2-22.8,22.8-22.8s22.8,10.2,22.8,22.8
-				C156.5,200.3,146.3,210.5,133.8,210.5"/>
-		</g>
-	</g>
-</g>
-</svg>
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1920 1920" style="enable-background:new 0 0 1920 1920;" xml:space="preserve">
-<g>
-	<circle style="fill:#F5D2FF;" cx="960.06" cy="959.53" r="959.94"/>
-	<g>
-		<path d="M1160.36,344.05H585.94v340.88h501.95V826.7H789.62v340.88h340.88V869.31h298.27V612.46
-			C1428.77,464.22,1308.6,344.05,1160.36,344.05z"/>
-		<circle cx="960.06" cy="1451.52" r="213.05"/>
-	</g>
-</g>
-</svg>
@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="BACKGROUND" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#0B1638;}
-	.st1{fill:#FFFFFF;}
-	.st2{opacity:0.5;}
-</style>
-<path class="st0" d="M369.3,459.5H142.7c-49.6,0-90.2-40.6-90.2-90.2V142.7c0-49.6,40.6-90.2,90.2-90.2h226.5
-	c49.6,0,90.2,40.6,90.2,90.2v226.5C459.5,418.9,418.9,459.5,369.3,459.5z"/>
-<g>
-	<g>
-		<path class="st1" d="M271.7,271.7c-5.1-1.2-10.3-1.8-15.7-1.8c-5.4,0-10.7,0.6-15.7,1.8c-6,25.9-26.3,46.3-52.3,52.3
-			c-1.2,5.1-1.8,10.3-1.8,15.7c0,38.5,31.2,69.8,69.8,69.8c38.5,0,69.8-31.2,69.8-69.8c0-5.4-0.6-10.7-1.8-15.7
-			C298.1,318,277.7,297.6,271.7,271.7z"/>
-		<path class="st1" d="M339.7,186.2c-5.4,0-10.7,0.6-15.7,1.8c-6,25.9-26.3,46.3-52.3,52.3c-1.2,5.1-1.8,10.3-1.8,15.7
-			c0,5.4,0.6,10.7,1.8,15.7c25.9,6,46.3,26.3,52.3,52.3c5.1,1.2,10.3,1.8,15.7,1.8c38.5,0,69.8-31.2,69.8-69.8
-			S378.3,186.2,339.7,186.2z"/>
-		<path class="st1" d="M240.3,240.3c5.1,1.2,10.3,1.8,15.7,1.8c5.4,0,10.7-0.6,15.7-1.8c6-25.9,26.3-46.3,52.3-52.3
-			c1.2-5.1,1.8-10.3,1.8-15.7c0-38.5-31.2-69.8-69.8-69.8c-38.5,0-69.8,31.2-69.8,69.8c0,5.4,0.6,10.7,1.8,15.7
-			C213.9,194,234.3,214.4,240.3,240.3z"/>
-		<path class="st1" d="M240.3,271.7c1.2-5.1,1.8-10.3,1.8-15.7c0-5.4-0.6-10.7-1.8-15.7c-25.9-6-46.3-26.3-52.3-52.3
-			c-5.1-1.2-10.3-1.8-15.7-1.8c-38.5,0-69.8,31.2-69.8,69.8s31.2,69.8,69.8,69.8c5.4,0,10.7-0.6,15.7-1.8
-			C194,298.1,214.4,277.7,240.3,271.7z"/>
-	</g>
-	<g class="st2">
-		<path class="st1" d="M324,324c-6-25.9-26.3-46.3-52.3-52.3C277.7,297.6,298.1,318,324,324z"/>
-		<path class="st1" d="M240.3,240.3c-6-25.9-26.3-46.3-52.3-52.3C194,213.9,214.4,234.3,240.3,240.3z"/>
-		<path class="st1" d="M324,188c-25.9,6-46.3,26.3-52.3,52.3C297.6,234.3,318,213.9,324,188z"/>
-		<path class="st1" d="M240.3,271.7c-25.9,6-46.3,26.3-52.3,52.3C213.9,318,234.3,297.6,240.3,271.7z"/>
-	</g>
-</g>
-</svg>
@@ -1,5 +0,0 @@
-<svg width="395" height="395" viewBox="0 0 395 395" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="198" cy="198" r="190.8667" fill="rgb(63,128,243)" />
-<circle cx="198" cy="198" r="190.8667" stroke="white" stroke-width="12"/>
-<path transform="translate(110,70)" d="M136.234 27.9015L90.912 0.385864L45.5957 27.9015L0.273438 55.417V101.278V147.14V225.099L45.5957 252.614V174.655L90.918 202.171L136.24 174.655L181.563 147.14V101.278V55.417L136.234 27.9015ZM90.912 156.304L45.5897 128.788V82.9266L90.912 55.411L136.234 82.9266V128.788L90.912 156.304Z" fill="white"/>
-</svg>
@@ -1,16 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.4742 16.424L15.3707 3.90126L16.7388 2.1123L19.0539 2.63847L21.4742 16.424Z" fill="black"/>
-<path d="M30.4643 19.3106L40.5678 9.71938L42.6856 10.4852L42.8811 12.8513L30.4643 19.3106Z" fill="black"/>
-<path d="M30.4496 28.7107L42.6819 35.3772L42.6041 37.6279L40.4126 38.5411L30.4496 28.7107Z" fill="black"/>
-<path d="M21.6137 31.6222L19.2344 45.3484L17.0782 45.9985L15.5088 44.217L21.6137 31.6222Z" fill="black"/>
-<path d="M16.0132 24.0335L2.21087 25.9219L0.938496 24.0637L2.16121 22.0286L16.0132 24.0335Z" fill="black"/>
-<path d="M18.2932 18.4125L13.6871 15.3711L13.8074 14.0009L15.2656 13.7925L18.2932 18.4125Z" fill="black"/>
-<path d="M23.9086 16.014L22.7973 10.6073L23.8506 9.72254L25.0297 10.6052L23.9086 16.014Z" fill="black"/>
-<path d="M27.8105 16.9812L29.4737 11.718L30.8245 11.4584L31.4243 12.8037L27.8105 16.9812Z" fill="black"/>
-<path d="M31.9866 24.0044L37.4062 22.9577L38.2783 24.0215L37.3816 25.19L31.9866 24.0044Z" fill="black"/>
-<path d="M26.5336 31.5741L29.2479 36.3803L28.5164 37.5452L27.1235 37.0662L26.5336 31.5741Z" fill="black"/>
-<path d="M23.9997 31.9866L25.0489 37.4056L23.9856 38.2783L22.8167 37.3821L23.9997 31.9866Z" fill="black"/>
-<path d="M19.2534 30.4232L16.8768 35.4051L15.5031 35.475L15.0955 34.0595L19.2534 30.4232Z" fill="black"/>
-<path d="M17.4867 28.6221L13.6748 32.6142L12.3478 32.2521L12.4021 30.7802L17.4867 28.6221Z" fill="black"/>
-<path d="M16.4051 26.4709L11.5767 29.1453L10.4179 28.4042L10.9084 27.0154L16.4051 26.4709Z" fill="black"/>
-</svg>
@@ -1,59 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="레이어_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" viewBox="0 0 110 110" style="enable-background:new 0 0 110 110;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-</style>
-<g>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="18.3748" y1="90.1982" x2="85.5006" y2="25.6877">
-		<stop  offset="1.568510e-02" style="stop-color:#2E0E5B"/>
-		<stop  offset="1" style="stop-color:#2E205B"/>
-	</linearGradient>
-	<path class="st0" d="M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0l0,0c30.4,0,55,24.6,55,55v0
-		C110,85.4,85.4,110,55,110z"/>
-	<g>
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="93.4247" y1="20.8568" x2="44.9131" y2="92.076">
-			<stop  offset="4.034390e-02" style="stop-color:#6AF2A6"/>
-			<stop  offset="0.197" style="stop-color:#64EFAB"/>
-			<stop  offset="0.4077" style="stop-color:#53E8B9"/>
-			<stop  offset="0.6492" style="stop-color:#37DCD1"/>
-			<stop  offset="0.9118" style="stop-color:#10CBF1"/>
-			<stop  offset="1" style="stop-color:#01C5FD"/>
-		</linearGradient>
-		<path class="st1" d="M84.2,71.9L84.2,71.9c-0.1,0.2-0.2,0.4-0.3,0.5l-0.2,0.3c-0.7,1-1.5,1.8-2.5,2.4L59.9,87.4
-			c-1.5,0.9-3.2,1.3-4.8,1.3c-1.7,0-3.3-0.4-4.8-1.3L31.6,76.7c-0.2-0.2-0.4-0.3-0.6-0.4l0,0c-0.2-0.3-0.3-0.5-0.3-0.8
-			c0.2-0.7,1.8-1,1.9-1.1c0.4-0.1,0.8-0.1,1.2-0.2l0.3,0c0.7-0.1,1.4-0.2,2-0.3c0.7-0.1,1.3-0.2,2-0.3c2.7-0.4,5.3-0.7,7.9-1
-			c2.5-0.3,5-0.6,7.6-0.8c2.7-0.3,5.2-0.5,7.4-0.6c2.4-0.1,4.8-0.3,7.1-0.4c2.3-0.1,4.6-0.1,6.9-0.2c0.2,0,0.5,0,0.7,0h0.7
-			c1.7,0,3.5,0,5.3,0.1c0.2,0,0.4,0,0.7,0l0.4,0c0.7,0.1,1.1,0.3,1.3,0.6C84.3,71.5,84.3,71.7,84.2,71.9z"/>
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="82.447" y1="13.3793" x2="33.9352" y2="84.5987">
-			<stop  offset="4.034390e-02" style="stop-color:#6AF2A6"/>
-			<stop  offset="0.197" style="stop-color:#64EFAB"/>
-			<stop  offset="0.4077" style="stop-color:#53E8B9"/>
-			<stop  offset="0.6492" style="stop-color:#37DCD1"/>
-			<stop  offset="0.9118" style="stop-color:#10CBF1"/>
-			<stop  offset="1" style="stop-color:#01C5FD"/>
-		</linearGradient>
-		<path class="st2" d="M85.5,53.1v7c0,2.6,0,2.7-5.4,3.3l-3.5,0.3c-0.5,0-0.9,0.1-1.4,0.1L74.1,64c-8.9,0.9-17.9,1.7-26.8,2.2
-			c-4,0.2-7.9,0.4-11.9,0.6c-1.8,0.1-3.7,0.1-5.5,0.2c-0.9,0-1.8,0-2.7,0c-0.7,0-1.8,0.2-2.4-0.3c-0.5-0.5-0.4-1.5-0.4-2.2V46.9
-			c0-2.5,0.8-3,5.9-3.3c0.9,0,1.7,0,2.9,0c15,0,30.9,2.2,50.1,7c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0.2,0,0.3,0.1,0.5,0.1l0,0
-			C84.7,51,85.5,50.8,85.5,53.1z"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="76.1836" y1="9.113" x2="27.6719" y2="80.3324">
-			<stop  offset="4.034390e-02" style="stop-color:#6AF2A6"/>
-			<stop  offset="0.197" style="stop-color:#64EFAB"/>
-			<stop  offset="0.4077" style="stop-color:#53E8B9"/>
-			<stop  offset="0.6492" style="stop-color:#37DCD1"/>
-			<stop  offset="0.9118" style="stop-color:#10CBF1"/>
-			<stop  offset="1" style="stop-color:#01C5FD"/>
-		</linearGradient>
-		<path class="st3" d="M84.2,41.5c-0.1,0.1-0.2,0.1-0.3,0.2c-0.6,0.2-1.3,0.1-1.9,0c-0.7,0-1.4-0.1-2.1-0.1c-1.3-0.1-2.7-0.2-4-0.4
-			c-1.8-0.2-3.6-0.4-5.3-0.6c-2.7-0.3-5.4-0.6-8-0.9c-3.1-0.3-6.3-0.7-9.4-1c-3.1-0.3-6.2-0.7-9.3-1c-2.7-0.3-5.3-0.6-8-0.8
-			c-1.7-0.2-3.5-0.4-5.2-0.6c-0.4,0-0.9-0.1-1.3-0.1c-0.1,0-0.2,0-0.3,0c-0.3-0.1-0.6-0.1-0.8-0.3c-0.1-0.1-0.1-0.3,0.1-0.6l0.1-0.1
-			c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.1,0.3-0.2,0.5-0.3l20.8-12c1.5-0.8,3.2-1.3,4.9-1.3c1.7,0,3.4,0.4,4.8,1.3c0,0,20.5,11.8,20.8,12
-			c1.7,1,3.1,2.7,3.5,4.7C84.3,39.8,84.6,41,84.2,41.5z"/>
-	</g>
-</g>
-</svg>
@@ -0,0 +1,15 @@
+export default {
+  // Endpoints
+  loginEndpoint: '/jwt/login',
+  registerEndpoint: '/jwt/register',
+  refreshEndpoint: '/jwt/refresh-token',
+  logoutEndpoint: '/jwt/logout',
+
+  // This will be prefixed in authorization header with token
+  // e.g. Authorization: Bearer <token>
+  tokenType: 'Bearer',
+
+  // Value of this property will be used as key to store JWT token in storage
+  storageTokenKeyName: 'accessToken',
+  storageRefreshTokenKeyName: 'refreshToken',
+}
@@ -0,0 +1,111 @@
+import jwtDefaultConfig from './jwtDefaultConfig'
+
+export default class JwtService {
+  // Will be used by this service for making API calls
+  axiosIns = null
+
+  // jwtConfig <= Will be used by this service
+  jwtConfig = { ...jwtDefaultConfig }
+
+  // For Refreshing Token
+  isAlreadyFetchingAccessToken = false
+
+  // For Refreshing Token
+  subscribers = []
+
+  constructor(axiosIns, jwtOverrideConfig) {
+    this.axiosIns = axiosIns
+    this.jwtConfig = { ...this.jwtConfig, ...jwtOverrideConfig }
+
+    // Request Interceptor
+    this.axiosIns.interceptors.request.use(
+      config => {
+        // Get token from localStorage
+        const accessToken = this.getToken()
+
+        // If token is present add it to request's Authorization Header
+        if (accessToken) {
+          // eslint-disable-next-line no-param-reassign
+          config.headers.Authorization = `${this.jwtConfig.tokenType} ${accessToken}`
+        }
+        return config
+      },
+      error => Promise.reject(error),
+    )
+
+    // Add request/response interceptor
+    this.axiosIns.interceptors.response.use(
+      response => response,
+      error => {
+        // const { config, response: { status } } = error
+        const { config, response } = error
+        const originalRequest = config
+
+        // if (status === 401) {
+        if (response && response.status === 401) {
+          if (!this.isAlreadyFetchingAccessToken) {
+            this.isAlreadyFetchingAccessToken = true
+            this.refreshToken().then(r => {
+              this.isAlreadyFetchingAccessToken = false
+
+              // Update accessToken in localStorage
+              this.setToken(r.data.accessToken)
+              this.setRefreshToken(r.data.refreshToken)
+
+              this.onAccessTokenFetched(r.data.accessToken)
+            })
+          }
+          const retryOriginalRequest = new Promise(resolve => {
+            this.addSubscriber(accessToken => {
+              // Make sure to assign accessToken according to your response.
+              // Check: https://pixinvent.ticksy.com/ticket/2413870
+              // Change Authorization header
+              originalRequest.headers.Authorization = `${this.jwtConfig.tokenType} ${accessToken}`
+              resolve(this.axiosIns(originalRequest))
+            })
+          })
+          return retryOriginalRequest
+        }
+        return Promise.reject(error)
+      },
+    )
+  }
+
+  onAccessTokenFetched(accessToken) {
+    this.subscribers = this.subscribers.filter(callback => callback(accessToken))
+  }
+
+  addSubscriber(callback) {
+    this.subscribers.push(callback)
+  }
+
+  getToken() {
+    return localStorage.getItem(this.jwtConfig.storageTokenKeyName)
+  }
+
+  getRefreshToken() {
+    return localStorage.getItem(this.jwtConfig.storageRefreshTokenKeyName)
+  }
+
+  setToken(value) {
+    localStorage.setItem(this.jwtConfig.storageTokenKeyName, value)
+  }
+
+  setRefreshToken(value) {
+    localStorage.setItem(this.jwtConfig.storageRefreshTokenKeyName, value)
+  }
+
+  login(...args) {
+    return this.axiosIns.post(this.jwtConfig.loginEndpoint, ...args)
+  }
+
+  register(...args) {
+    return this.axiosIns.post(this.jwtConfig.registerEndpoint, ...args)
+  }
+
+  refreshToken() {
+    return this.axiosIns.post(this.jwtConfig.refreshEndpoint, {
+      refreshToken: this.getRefreshToken(),
+    })
+  }
+}
@@ -0,0 +1,9 @@
+import JwtService from './jwtService'
+
+export default function useJwt(axiosIns, jwtOverrideConfig) {
+  const jwt = new JwtService(axiosIns, jwtOverrideConfig)
+
+  return {
+    jwt,
+  }
+}
@@ -0,0 +1,128 @@
+<template>
+  <div class="app-auto-suggest">
+    <input
+      v-model="searchQuery"
+      type="text"
+      v-bind="inputProps"
+    >
+    <ul class="auto-suggest-suggestions-list">
+      <li
+        v-for="(suggestion_list, grp_name, grp_index) in filteredData"
+        :key="grp_index"
+        class="suggestions-groups-list"
+      >
+
+        <!-- Group Header -->
+        <p class="suggestion-group-title">
+          <slot
+            name="group"
+            :group_name="grp_name"
+          >
+            <span>
+              {{ grp_name }}
+            </span>
+          </slot>
+        </p>
+
+        <!-- Suggestion List of each group -->
+        <ul>
+          <li
+            v-for="(suggestion, index) in suggestion_list"
+            :key="index"
+            class="suggestion-group-suggestion cursor-pointer"
+            @click="suggestionSelected(suggestion)"
+          >
+            <slot
+              :name="grp_name"
+              :suggestion="suggestion"
+            >
+              <span>{{ suggestion[data[grp_name].key] }}</span>
+            </slot>
+          </li>
+
+          <li
+            v-if="!suggestion_list.length && searchQuery"
+            class="suggestion-group-suggestion no-results"
+          >
+            <slot
+              name="noResult"
+              :group_name="grp_name"
+            >
+              <p>No Results Found.</p>
+            </slot>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import useAutoSuggest from './useAutoSuggest'
+
+export default {
+  props: {
+    inputProps: {
+      type: Object,
+      default: () => {},
+    },
+    data: {
+      type: Object,
+      required: true,
+    },
+    searchLimit: {
+      type: Number,
+      default: 4,
+    },
+  },
+  setup(props, { emit }) {
+    // eslint-disable-next-line no-console
+    console.warn('This component is still in Development. Please do not use it.')
+
+    const { searchQuery, filteredData, resetsearchQuery } = useAutoSuggest(props)
+
+    const suggestionSelected = suggestion => {
+      resetsearchQuery()
+      emit('suggestion-selected', suggestion)
+    }
+
+    return {
+      searchQuery, filteredData, suggestionSelected,
+    }
+  },
+}
+</script>
+
+<style scoped>
+ul
+{
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+p {
+  margin: 0;
+}
+
+.app-auto-suggest {
+  position: relative;
+}
+
+.auto-suggest-suggestions-list {
+  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
+  border-radius: 6px;
+  position: absolute;
+  top: calc(100% + 1rem);
+  background-color: white;
+  width: 100%;
+}
+
+.suggestion-group-title {
+  font-weight: 500;
+  padding: .75rem 1rem .25rem;
+}
+
+.suggestion-group-suggestion {
+  padding: .75rem 1rem
+}
+</style>
@@ -0,0 +1,55 @@
+import { ref, watch } from '@vue/composition-api'
+
+export default function useAutoSuggest(props) {
+  const filteredData = ref({})
+
+  /**
+   * Filter group against provided query
+   * Grp Structure:
+   * {
+   *    key: 'title',
+   *    data: [
+   *      title: 'Admin', img: 'someImage.png',
+   *      title: 'Template', img: 'otherImage.png',
+   *    ]
+   * }
+   * @param {Object} grp Group object to perform filter on
+   * @param {String} query Query string to filter
+   */
+  const filterGrp = (grp, query) => {
+    const exactEle = grp.data.filter(item => item[grp.key].toLowerCase().startsWith(query.toLowerCase()))
+    const containEle = grp.data.filter(
+      // prettier-ignore
+      item => !item[grp.key].toLowerCase().startsWith(query.toLowerCase()) && item[grp.key].toLowerCase().indexOf(query.toLowerCase()) > -1,
+    )
+    return exactEle.concat(containEle).slice(0, props.searchLimit)
+  }
+
+  const searchQuery = ref('')
+  const resetsearchQuery = () => {
+    searchQuery.value = ''
+  }
+
+  const handleSearchQueryUpdate = val => {
+    if (val === '') {
+      filteredData.value = {}
+    } else {
+      const queriedData = {}
+      const dataGrps = Object.keys(props.data)
+
+      dataGrps.forEach((grp, i) => {
+        queriedData[dataGrps[i]] = filterGrp(props.data[grp], val)
+      })
+
+      filteredData.value = queriedData
+    }
+  }
+
+  watch(searchQuery, val => handleSearchQueryUpdate(val))
+
+  return {
+    searchQuery,
+    resetsearchQuery,
+    filteredData,
+  }
+}
@@ -12,7 +12,6 @@
      :aria-controls="collapseItemID"
      role="tab"
      data-toggle="collapse"
-      class="px-0 mx-0"
      @click="updateVisible(!visible)"
    >
      <slot name="header">
@@ -26,7 +25,7 @@
      :accordion="accordion"
      role="tabpanel"
    >
-      <b-card-body class="px-0">
+      <b-card-body>
        <slot />
      </b-card-body>
    </b-collapse>
@@ -0,0 +1,23 @@
+<template>
+  <ul
+    v-bind="$attrs"
+    class="app-timeline"
+    v-on="$listeners"
+  >
+    <slot />
+  </ul>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+.app-timeline {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  position: relative;
+  margin-left: 1rem;
+}
+</style>
@@ -0,0 +1,182 @@
+<template>
+  <li
+    v-bind="$attrs"
+    class="timeline-item"
+    :class="[`timeline-variant-${variant}`, fillBorder ? `timeline-item-fill-border-${variant}` : null]"
+    v-on="$listeners"
+  >
+    <div
+      v-if="!icon"
+      class="timeline-item-point"
+    />
+    <div
+      v-else
+      class="timeline-item-icon d-flex align-items-center justify-content-center rounded-circle"
+    >
+      <feather-icon :icon="icon" />
+    </div>
+
+    <slot>
+      <div class="d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0">
+        <h6 v-text="title" />
+        <small
+          class="timeline-item-time text-nowrap text-muted"
+          v-text="time"
+        />
+      </div>
+      <p
+        class="mb-0"
+        v-text="subtitle"
+      />
+    </slot>
+  </li>
+</template>
+
+<script>
+export default {
+  props: {
+    variant: {
+      type: String,
+      default: 'primary',
+    },
+    title: {
+      type: String,
+      default: null,
+    },
+    subtitle: {
+      type: String,
+      default: null,
+    },
+    time: {
+      type: String,
+      default: null,
+    },
+    icon: {
+      type: String,
+      default: null,
+    },
+    fillBorder: {
+      type: Boolean,
+      default: false,
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@core/scss/base/bootstrap-extended/include'; // Bootstrap includes
+@import '~@core/scss/base/components/include'; // Components includes
+
+// Color palettes
+@import '~@core/scss/base/core/colors/palette-variables.scss';
+
+$timeline-border-color: $border-color;
+
+/* Generate:
+*  Apply background color to dot
+*/
+@each $color_name, $color in $colors {
+  @each $color_type, $color_value in $color {
+    @if $color_type== 'base' {
+      .timeline-variant-#{$color_name} {
+        &.timeline-item-fill-border-#{$color_name} {
+          border-color: $color_value !important;
+          &:last-of-type {
+            &:after {
+              background: linear-gradient($color_value, $white);
+            }
+          }
+        }
+        .timeline-item-point {
+          background-color: $color_value;
+
+          &:before {
+            background-color: rgba($color_value, 0.12);
+          }
+        }
+
+        .timeline-item-icon {
+          color: $color_value;
+          border: 1px solid $color_value;
+        }
+      }
+    }
+  }
+}
+
+.timeline-item {
+  padding-left: 2.5rem;
+  position: relative;
+  &:not(:last-of-type) {
+    padding-bottom: 2rem;
+    border-left: 1px solid $timeline-border-color;
+  }
+
+  // This gives shade to last timeline-item but isn't that revolutionary
+  &:last-of-type {
+    &:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 1px;
+      height: 100%;
+      background: linear-gradient($timeline-border-color, $white);
+    }
+  }
+
+  .timeline-item-point {
+    position: absolute;
+    left: -6px;
+    width: 12px;
+    height: 12px;
+    top: 0;
+    border-radius: 50%;
+    z-index: 1;
+
+    &:before {
+      content: '';
+      z-index: 1;
+      border-radius: 50%;
+      width: 20px;
+      height: 20px;
+      position: absolute;
+      top: -4px;
+      left: -4px;
+      bottom: 0;
+      right: 0;
+    }
+  }
+
+  .timeline-item-icon {
+    position: absolute;
+    left: -12px;
+    top: 0;
+    width: 24px;
+    height: 24px;
+    background-color: $white;
+    z-index: 1;
+  }
+}
+
+// *===============================================---*
+// *--------- Dark Layout ---------------------------------------*
+// *===============================================---*
+
+.dark-layout {
+  .timeline-item {
+    &:last-of-type {
+      &:after {
+        background: linear-gradient($theme-dark-border-color, $theme-dark-card-bg);
+      }
+    }
+    &:not(:last-of-type) {
+      border-left-color: $theme-dark-border-color;
+    }
+
+    .timeline-item-icon {
+      background-color: $theme-dark-card-bg;
+    }
+  }
+}
+</style>
@@ -0,0 +1,117 @@
+<!-- =========================================================================================
+    File Name: VxTour.vue
+    Description: Tour Component
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+      Author: Pixinvent
+    Author URL: http://www.themeforest.net/user/pixinvent
+========================================================================================== -->
+
+<template>
+  <v-tour
+    name="vuexyTour"
+    :steps="steps"
+  >
+    <template slot-scope="tour">
+      <transition name="fade">
+        <!-- eslint-disable vue/no-use-v-if-with-v-for -->
+        <v-step
+          v-for="(step, index) of tour.steps"
+          v-if="tour.currentStep === index"
+          :key="index"
+          :step="step"
+          :previous-step="tour.previousStep"
+          :next-step="tour.nextStep"
+          :stop="tour.stop"
+          :is-first="tour.isFirst"
+          :is-last="tour.isLast"
+          :labels="tour.labels"
+        >
+
+          <div
+            slot="actions"
+            class="tour-actions d-flex justify-content-between"
+          >
+            <!-- Skip Button -->
+            <b-button
+              v-if="tour.currentStep != tour.steps.length - 1"
+              size="sm"
+              variant="outline-primary"
+              class="btn-tour-skip mr-1"
+              @click="tour.stop"
+            >
+              <span class="mr-25 align-middle">Skip</span>
+              <feather-icon
+                icon="XIcon"
+                size="12"
+              />
+            </b-button>
+
+            <!-- Previous Button -->
+            <b-button
+              v-if="tour.currentStep"
+              size="sm"
+              variant="outline-primary mr-1"
+              @click="tour.previousStep"
+            >
+              <feather-icon
+                icon="ChevronLeftIcon"
+                size="12"
+              />
+              <span class="ml-25 align-middle">Previous</span>
+            </b-button>
+
+            <!-- Next Button -->
+            <b-button
+              v-if="tour.currentStep != tour.steps.length - 1"
+              size="sm"
+              variant="primary"
+              class="btn-tour-next"
+              @click="tour.nextStep"
+            >
+              <span class="mr-25 align-middle">Next</span>
+              <feather-icon
+                icon="ChevronRightIcon"
+                size="12"
+              />
+            </b-button>
+
+            <!-- Finish Button -->
+            <b-button
+              v-if="tour.currentStep == tour.steps.length - 1"
+              size="sm"
+              variant="primary"
+              class="btn-tour-finish"
+              @click="tour.stop"
+            >
+              <span class="mr-25 align-middle">Finish</span>
+              <feather-icon
+                icon="CheckCircleIcon"
+                size="12"
+              />
+            </b-button>
+          </div>
+
+        </v-step>
+        <!-- eslint-enable vue/no-use-v-if-with-v-for -->
+      </transition>
+    </template>
+  </v-tour>
+</template>
+
+<script>
+import { BButton } from 'bootstrap-vue'
+
+export default {
+  name: 'VxTour',
+  components: {
+    BButton,
+  },
+  props: {
+    steps: {
+      required: true,
+      type: Array,
+    },
+  },
+}
+</script>
@@ -0,0 +1,195 @@
+<template>
+  <b-overlay
+    v-if="!cardClosed"
+    variant="white"
+    :show="showLoading"
+    spinner-variant="primary"
+    blur="0"
+    opacity=".75"
+    rounded="sm"
+  >
+    <b-card
+      ref="bCard"
+      v-bind="cardAttrs"
+      no-body
+      :aria-expanded="!content_visible ? 'true' : 'false'"
+      :aria-controls="parentID"
+      :style="cardStyles"
+      v-on="$listeners"
+    >
+      <div
+        v-if="showHeader"
+        class="card-header"
+      >
+        <!-- Title & SubTitle -->
+        <div>
+          <b-card-title>{{ $attrs.title }}</b-card-title>
+          <b-card-sub-title v-if="$attrs['sub-title']">
+            {{ $attrs['sub-title'] }}
+          </b-card-sub-title>
+        </div>
+
+        <!-- Card Actions -->
+        <b-card-actions-container
+          v-if="showActions"
+          :available-actions="availableActions"
+          :is-collapsed="!content_visible"
+          @collapse="triggerCollapse"
+          @refresh="triggerRefresh"
+          @close="triggerClose"
+        />
+      </div>
+
+      <!-- Collapsible Content -->
+      <b-collapse
+        :id="parentID"
+        v-model="content_visible"
+        :visible="content_visible"
+        class="card-content"
+      >
+        <!-- Handle no-body -->
+        <slot v-if="$attrs['no-body'] !== undefined" />
+        <b-card-body v-else>
+          <slot />
+        </b-card-body>
+      </b-collapse>
+    </b-card>
+  </b-overlay>
+</template>
+
+<script>
+import {
+  BCard, BCardTitle, BCardSubTitle, BCardBody, BCollapse, BOverlay,
+} from 'bootstrap-vue'
+import BCardActionsContainer from './BCardActionsContainer.vue'
+
+export default {
+  components: {
+    BCardActionsContainer,
+    BCard,
+    BCardTitle,
+    BCardSubTitle,
+    BCardBody,
+    BCollapse,
+    BOverlay,
+  },
+  inheritAttrs: false,
+  props: {
+    collapsed: {
+      type: Boolean,
+      default: false,
+    },
+    noActions: {
+      type: Boolean,
+      default: false,
+    },
+    actionCollapse: {
+      type: Boolean,
+      default: false,
+    },
+    actionRefresh: {
+      type: Boolean,
+      default: false,
+    },
+    actionClose: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      parentID: '',
+      content_visible: !this.collapsed,
+      showLoading: false,
+      cardClosed: false,
+      cardStyles: {},
+    }
+  },
+  computed: {
+    cardAttrs() {
+      const cardAttrs = JSON.parse(JSON.stringify(this.$attrs))
+      delete cardAttrs.title
+      delete cardAttrs['sub-title']
+      return cardAttrs
+    },
+    showHeader() {
+      return this.$attrs.title || this.$attrs['sub-title'] || !this.noActions
+    },
+    showActions() {
+      if (this.noActions) return false
+      return true
+    },
+    availableActions() {
+      const actions = []
+      const allFalse = (this.actionCollapse || this.actionRefresh || this.actionClose) === false
+
+      if (this.actionCollapse || allFalse) actions.push('collapse')
+      if (this.actionRefresh || allFalse) actions.push('refresh')
+      if (this.actionClose || allFalse) actions.push('close')
+      return actions
+    },
+  },
+  created() {
+    this.parentID = String(Math.floor(Math.random() * 10) + 1)
+  },
+  methods: {
+    removeCard() {
+      this.$set(this.cardStyles, 'maxHeight', `${this.$refs.bCard.clientHeight}px`)
+      setTimeout(() => {
+        this.$set(this.cardStyles, 'maxHeight', '0px')
+        this.$set(this.cardStyles, 'overflow', 'hidden')
+        // this.$set(this.cardStyles, 'marginBottom', '0')
+      }, 10)
+    },
+    triggerCollapse() {
+      this.content_visible = !this.content_visible
+      this.$emit('collapse')
+    },
+    triggerRefresh() {
+      this.showLoading = true
+      this.$emit('refresh')
+    },
+    triggerClose() {
+      this.removeCard()
+      this.$emit('close')
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@core/scss/base/bootstrap-extended/include';
+@import '~@core/scss/base/components/variables-dark';
+
+.card {
+  ::v-deep .card-header {
+    .heading-elements {
+      position: static;
+      cursor: inherit;
+
+      .list-inline {
+        display: block;
+
+        li {
+          a {
+            padding: 0;
+          }
+
+          &:not(:last-child) {
+            margin-right: 1rem;
+          }
+        }
+      }
+    }
+  }
+}
+
+.dark-layout {
+  .b-overlay-wrap ::v-deep .b-overlay {
+    // border: 10px solid red;
+    .bg-white {
+      background-color: $theme-dark-body-bg !important;
+    }
+  }
+}
+</style>
@@ -0,0 +1,55 @@
+<template>
+  <div class="heading-elements">
+    <ul class="list-inline mb-0">
+      <li v-if="availableActions.includes('collapse')">
+        <a
+          data-action="collapse"
+          :class="{ rotate: isCollapsed }"
+          @click="$emit('collapse')"
+        >
+          <feather-icon
+            icon="ChevronDownIcon"
+            size="16"
+          />
+        </a>
+      </li>
+      <li v-if="availableActions.includes('refresh')">
+        <a
+          data-action="reload"
+          @click="$emit('refresh')"
+        >
+          <feather-icon
+            icon="RotateCwIcon"
+            size="14"
+          />
+        </a>
+      </li>
+      <li v-if="availableActions.includes('close')">
+        <a
+          data-action="close"
+          @click="$emit('close')"
+        >
+          <feather-icon
+            icon="XIcon"
+            size="14"
+          />
+        </a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    isCollapsed: {
+      type: Boolean,
+      requried: true,
+    },
+    availableActions: {
+      type: Array,
+      default: () => [],
+    },
+  },
+}
+</script>
@@ -0,0 +1,2 @@
+export { default as BCardActions } from './BCardActions.vue'
+export { default as BCardActionsContainer } from './BCardActionsContainer.vue'
@@ -0,0 +1,166 @@
+<template>
+  <b-card
+    v-bind="cardAttrs"
+    no-body
+    v-on="$listeners"
+  >
+    <div class="card-header">
+      <!-- Title & SubTitle -->
+      <div>
+        <b-card-title>{{ $attrs.title }}</b-card-title>
+        <b-card-sub-title v-if="$attrs['sub-title']">
+          {{ $attrs['sub-title'] }}
+        </b-card-sub-title>
+      </div>
+
+      <i
+        class="code-toggler feather icon-code cursor-pointer"
+        :aria-expanded="!code_visible ? 'true' : 'false'"
+        :aria-controls="parentID"
+        @click="code_visible = !code_visible"
+      />
+    </div>
+
+    <template v-if="$attrs['no-body'] !== undefined">
+      <slot />
+
+      <!-- Code Content -->
+      <b-collapse
+        :id="parentID"
+        v-model="code_visible"
+        class="card-code"
+        :visible="code_visible"
+      >
+        <b-card-body>
+          <prism :language="codeLanguage">
+            <slot name="code" />
+          </prism>
+        </b-card-body>
+      </b-collapse>
+    </template>
+
+    <b-card-body v-else>
+      <!-- Card Content -->
+      <slot />
+
+      <!-- Code Content -->
+      <b-collapse
+        :id="parentID"
+        v-model="code_visible"
+        class="card-code"
+        :visible="code_visible"
+      >
+        <div class="p-1" />
+        <prism :language="codeLanguage">
+          <slot name="code" />
+        </prism>
+      </b-collapse>
+    </b-card-body>
+  </b-card>
+</template>
+
+<script>
+import {
+  BCard, BCardTitle, BCardSubTitle, BCardBody, BCollapse,
+} from 'bootstrap-vue'
+import 'prismjs'
+import 'prismjs/themes/prism-tomorrow.css'
+import Prism from 'vue-prism-component'
+
+export default {
+  components: {
+    BCard,
+    BCardTitle,
+    BCardSubTitle,
+    BCardBody,
+    BCollapse,
+    Prism,
+  },
+  inheritAttrs: false,
+  props: {
+    codeLanguage: {
+      default: 'markup',
+      type: String,
+    },
+  },
+  data() {
+    return {
+      parentID: '',
+      code_visible: false,
+    }
+  },
+  computed: {
+    cardAttrs() {
+      const cardAttrs = JSON.parse(JSON.stringify(this.$attrs))
+      delete cardAttrs.title
+      delete cardAttrs['sub-title']
+      return cardAttrs
+    },
+  },
+  created() {
+    this.parentID = String(Math.floor(Math.random() * 10) + 1)
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'bootstrap/scss/functions';
+@import '~@core/scss/base/bootstrap-extended/variables';
+@import 'bootstrap/scss/variables';
+@import '~@core/scss/base/components/variables-dark';
+
+.card-code {
+  pre[class*='language-'] {
+    margin: 0;
+    max-height: 350px;
+    border-radius: 0.5rem;
+  }
+
+    /* width */
+    ::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+      background: #2d2d2d;
+      border-radius: 100%;
+
+      .dark-layout & {
+        background-color: $theme-dark-body-bg !important;
+      }
+    }
+
+    /* Track */
+    ::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+      border-radius: 0.5rem;
+      background: rgba(241,241,241,.4);
+    }
+
+    /* Handle on hover */
+    // ::-webkit-scrollbar-thumb:hover {
+    // }
+
+    ::-webkit-scrollbar-corner {
+      display: none;
+    }
+}
+
+.code-toggler {
+  border-bottom: 1px solid transparent;
+
+  &[aria-expanded='false'] {
+    border-bottom-color: $primary;
+  }
+}
+
+// HTML
+.card {
+  .card-header .heading-elements {
+    position: static;
+    background: red;
+  }
+}
+</style>
@@ -0,0 +1,3 @@
+import BCardCode from './BCardCode.vue'
+
+export default BCardCode
@@ -0,0 +1,50 @@
+<template>
+  <e-charts
+    ref="line"
+    autoresize
+    :options="option"
+    theme="theme-color"
+    auto-resize
+  />
+</template>
+
+<script>
+import ECharts from 'vue-echarts'
+import 'echarts/lib/component/tooltip'
+import 'echarts/lib/component/legend'
+import 'echarts/lib/chart/bar'
+import theme from './theme.json'
+
+ECharts.registerTheme('theme-color', theme)
+
+export default {
+  components: {
+    ECharts,
+  },
+  props: {
+    optionData: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      option: {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow',
+          },
+        },
+        legend: {
+          left: 0,
+        },
+        grid: this.optionData.grid,
+        xAxis: this.optionData.xAxis,
+        yAxis: this.optionData.yAxis,
+        series: this.optionData.series,
+      },
+    }
+  },
+}
+</script>
@@ -0,0 +1,46 @@
+<template>
+  <e-charts
+    ref="line"
+    autoresize
+    :options="option"
+    theme="theme-color"
+    auto-resize
+  />
+</template>
+
+<script>
+import ECharts from 'vue-echarts'
+import 'echarts/lib/component/tooltip'
+import 'echarts/lib/component/legend'
+import 'echarts/lib/chart/pie'
+import theme from './theme.json'
+
+ECharts.registerTheme('theme-color', theme)
+
+export default {
+  components: {
+    ECharts,
+  },
+  props: {
+    series: {
+      type: Array,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      option: {
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b}: {c} ({d}%)',
+        },
+        legend: {
+          left: 10,
+          bottom: '0',
+        },
+        series: this.series,
+      },
+    }
+  },
+}
+</script>
@@ -0,0 +1,72 @@
+<template>
+  <e-charts
+    ref="line"
+    autoresize
+    :options="line"
+    theme="theme-color"
+    auto-resize
+  />
+</template>
+
+<script>
+import ECharts from 'vue-echarts'
+import 'echarts/lib/component/tooltip'
+import 'echarts/lib/component/legend'
+import 'echarts/lib/chart/line'
+import theme from './theme.json'
+
+ECharts.registerTheme('theme-color', theme)
+
+export default {
+  components: {
+    ECharts,
+  },
+  props: {
+    optionData: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      line: {
+        // Make gradient line here
+        visualMap: [{
+          show: true,
+          type: 'continuous',
+          min: 0,
+          max: 400,
+        }],
+        grid: {
+          width: '96%',
+          left: '30px',
+          top: '10px',
+          show: false,
+        },
+        tooltip: {
+          trigger: 'axis',
+        },
+        xAxis: [{
+          boundaryGap: false,
+          data: this.optionData.xAxisData,
+        }],
+        yAxis: {
+          type: 'value',
+          splitLine: { show: false },
+        },
+        series: {
+          type: 'line',
+          showSymbol: false,
+          data: this.optionData.series,
+        },
+      },
+    }
+  },
+}
+</script>
+
+<style>
+.echarts {
+  width: 100% !important;
+}
+</style>
--- a/Show More
+++ b/Show More
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" style="enable-background:new 0 0 1000 1000"><style type="text/css">.st0{fill:#3cc194}.st1{fill:#fff}</style><g><circle cx="500.5" cy="499.5" r="479.5" class="st0"/></g><g id="Group_5" transform="translate(-91.385 -97.772)"><g id="Group_4" transform="translate(91.385 97.772)"><g id="Group_3"><g id="Laag_1"><g id="Group_2"><g id="Group_1"><path id="Path_1" d="M724.8,589.4l-1.4,1.5c-8.6,8.7-19,15.6-30.4,20.1h-0.6c-10.5,4.1-21.7,6.2-32.9,6.2 c-16.5,0.3-32.8-3.2-47.7-10.3h-0.9l-2.2-1.1l-0.6-0.3c-13.8-7.4-25.1-18.7-32.6-32.5l-1.4-2.5l-30.5,32.7 c0,0-6.1,31.3-8.8,46.6v1l0.7,0.7l0,0l0.4,0.5c31,34,74.9,53.3,120.9,53.3l2.5,0.1l2,0.1c30.1,0,59.7-7.7,86-22.3l0.8-0.4 c14.5-8.2,27.8-18.4,39.4-30.3l1.4-1.5L724.8,589.4z" class="st1"/><path id="Path_2" d="M294.4,438v0.6l12.4,46.5l2.5-4c13.4-19.4,33.8-32.9,56.9-37.4h1c8.1-1.7,16.4-2.3,24.7-1.9 c12.5,0.8,24.6,4.4,35.6,10.4l0.9,0.5c15.1,8.5,28.5,19.8,39.4,33.3l1.8,2.3l29.2-41.1l0,0l9.3-43.4l-1-0.8l-3.3-2.9 c-19.1-17.6-41.7-30.8-66.4-38.9c-13.3-4-27.1-6.2-40.9-6.4h-0.6c-31.3,0.1-62,8-89.5,22.9l-0.9,0.5l-12.3,55.1L294.4,438z" class="st1"/><path id="Path_3" d="M567.7,556.5v-0.8c0.2-3.4-0.6-16.8-0.8-24.6l0.2-2.1c-0.4-20.7,6.3-40.9,19.2-57.1l0.4-0.6 c1.9-2.4,3.8-4.6,5.9-6.8c16.8-17.3,39.8-27.1,63.9-27.1c3.8,0,7.7,0.2,11.5,0.6h0.6c19.8,2.6,38.2,11.6,52.5,25.5l1.5,1.5 l61.7-62.2l-1.5-1.5c-31.2-30.3-72.2-48.3-115.6-51h-0.6l-11.7-0.6c-26.1-0.2-51.9,4.8-76,14.7c-15.9,6.8-30.6,16.3-43.2,28.1 l-0.7,0.6h-0.8v0.4l-0.5,0.4l0,0l-0.7,0.6c-4.4,4.3-8.5,8.9-12.2,13.8v0.4l-10,43.5l-32.9,45.4v31.7 c-0.3,35.1-20.5,66.9-52.2,82l-0.6,0.3c-11.6,5.2-24.1,7.9-36.8,8c-50,0.4-91.1-39.2-92.5-89.2l-0.4-29.6l0.1-1.9l-16.2-63.5 l13.7-58.9l-1.5-92.5l-89.4-31.6l3.4,204.6v0.9l1.2,72.8c0,2.5,0.1,5,0.3,7.5c-0.1,0.4-0.1,0.9-0.1,1.3 c3.5,50,28,96.2,67.4,127.2l0.6,0.5c32.5,25.8,72.9,39.7,114.4,39.5l6.5-0.1l1.4,0.1c41.6-0.1,81.6-15.7,112.3-43.8l0.5-0.5 c4.2-4,8.2-8.3,12.1-12.8l0.3-0.4l9.6-51.1l35.3-40.5L567.7,556.5z" class="st1"/></g></g></g></g></g></g></svg>
				`@@ -1 +0,0 @@`
				<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="256" x2="256.28" y1="32" y2="480"><stop offset=".0479894" stop-color="#c01aea"/><stop offset="1" stop-color="#4251fa"/></linearGradient><g fill="url(#a)"><path clip-rule="evenodd" d="m255.867 118.278c-23.771 0-43.108-19.351-43.108-43.139 0-23.787 19.337-43.139 43.108-43.139s43.11 19.352 43.11 43.139c0 23.788-19.339 43.139-43.11 43.139zm0-62.7731c-10.819 0-19.62 8.808-19.62 19.6341 0 10.8262 8.801 19.6341 19.62 19.6341s19.622-8.8079 19.622-19.6341c0-10.8261-8.803-19.6341-19.622-19.6341z" fill-rule="evenodd"/><path d="m244.759 125.414c3.704.854 7.56 1.306 11.519 1.306 3.961 0 7.817-.452 11.521-1.307v80.694c-3.704-.855-7.561-1.307-11.521-1.307-3.959 0-7.815.452-11.519 1.306z"/><path d="m218.856 221.092-69.908-40.362c-1.112 3.635-2.649 7.201-4.629 10.631-1.98 3.429-4.299 6.542-6.891 9.322l69.883 40.347c2.306-7.527 6.302-14.321 11.545-19.938z"/><path d="m207.311 270.97-69.883 40.347c2.593 2.78 4.912 5.894 6.892 9.324 1.98 3.429 3.517 6.994 4.628 10.629l69.908-40.361c-5.243-5.618-9.24-12.412-11.545-19.939z"/><path d="m244.759 305.894v80.693c3.705-.855 7.561-1.307 11.522-1.307 3.959 0 7.815.452 11.518 1.306v-80.693c-3.704.855-7.561 1.307-11.521 1.307-3.959 0-7.815-.452-11.519-1.306z"/><path d="m293.702 290.908 69.909 40.362c1.112-3.635 2.649-7.201 4.629-10.631 1.98-3.429 4.299-6.542 6.891-9.322l-69.883-40.347c-2.306 7.526-6.303 14.321-11.546 19.938z"/><path d="m305.248 241.031 69.883-40.348c-2.592-2.78-4.912-5.894-6.892-9.324-1.98-3.429-3.517-6.994-4.628-10.629l-69.909 40.362c5.243 5.617 9.24 12.412 11.546 19.939z"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m136.802 187.496c-11.885 20.586-38.3117 27.657-58.9127 15.763-20.6001-11.894-27.6911-38.316-15.8058-58.902 11.8854-20.586 38.3145-27.658 58.9145-15.764 20.601 11.894 27.69 38.317 15.804 58.903zm-54.3626-31.386c-5.4097 9.369-2.182 21.395 7.1938 26.808 9.3757 5.413 21.4038 2.196 26.8138-7.174 5.409-9.37 2.183-21.397-7.193-26.81-9.3758-5.413-21.405-2.194-26.8146 7.176z"/><path d="m137.215 325.218c11.885 20.586 4.795 47.008-15.806 58.902-20.6 11.893-47.0276 4.823-58.9129-15.763s-4.7954-47.01 15.8047-58.903c20.601-11.894 47.0292-4.822 58.9142 15.764zm-54.363 31.387c5.4096 9.37 17.438 12.587 26.813 7.174 9.376-5.413 12.604-17.439 7.194-26.808-5.409-9.37-17.4386-12.589-26.8143-7.176-9.3758 5.413-12.6024 17.44-7.1927 26.81z"/><path d="m256.692 393.722c23.771 0 43.107 19.351 43.107 43.139 0 23.787-19.336 43.139-43.107 43.139s-43.11-19.352-43.11-43.139c0-23.788 19.339-43.139 43.11-43.139zm0 62.773c10.819 0 19.62-8.808 19.62-19.634s-8.801-19.634-19.62-19.634-19.622 8.808-19.622 19.634 8.803 19.634 19.622 19.634z"/><path d="m375.757 324.504c11.885-20.586 38.312-27.657 58.913-15.763 20.6 11.894 27.691 38.316 15.805 58.902-11.885 20.586-38.314 27.658-58.914 15.764-20.601-11.894-27.69-38.317-15.804-58.903zm54.363 31.386c5.409-9.369 2.182-21.395-7.194-26.808s-21.404-2.196-26.814 7.174c-5.409 9.37-2.183 21.397 7.193 26.81s21.405 2.194 26.815-7.176z"/><path d="m375.344 186.782c-11.885-20.586-4.795-47.008 15.806-58.902 20.6-11.893 47.028-4.823 58.913 15.763s4.795 47.01-15.805 58.903c-20.601 11.894-47.029 4.822-58.914-15.764zm54.363-31.387c-5.41-9.37-17.438-12.587-26.813-7.174-9.376 5.413-12.604 17.439-7.194 26.808 5.409 9.37 17.439 12.589 26.814 7.176 9.376-5.413 12.603-17.44 7.193-26.81z"/><path d="m255.867 235.985c-10.819 0-19.62 8.808-19.62 19.634s8.801 19.634 19.62 19.634 19.622-8.808 19.622-19.634-8.803-19.634-19.622-19.634zm0 62.773c-23.771 0-43.108-19.351-43.108-43.139 0-23.787 19.337-43.139 43.108-43.139s43.109 19.352 43.109 43.139c0 23.788-19.338 43.139-43.109 43.139z"/></g></g></svg>