From b612feea415e52350f38c5d808c7d15514562ca8 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Tue, 10 Aug 2021 13:46:42 +0530
Subject: [PATCH] feat: search

---
 assets/icons/chrome.svg          |   2 +-
 assets/icons/discord.svg         |   1 +
 assets/icons/email.svg           |   2 +-
 assets/icons/facebook.svg        |   2 +-
 assets/icons/firefox.svg         |   2 +-
 assets/icons/graphql.svg         |   2 +-
 assets/icons/linkedin.svg        |   2 +-
 assets/icons/reddit.svg          |   2 +-
 assets/icons/twitter.svg         |   2 +-
 assets/scss/styles.scss          |   6 +-
 assets/scss/themes.scss          |   4 +-
 components/app/Search.vue        | 109 +++++++++++++++++++++++
 components/app/Shortcuts.vue     |  83 +-----------------
 components/app/Sidenav.vue       |  17 +++-
 components/app/Support.vue       |  12 ++-
 components/http/ResponseMeta.vue |  12 ++-
 components/smart/Modal.vue       |  16 ++--
 helpers/actions.ts               |   6 ++
 helpers/keybindings.ts           |  10 ++-
 helpers/shortcuts.js             | 129 ++++++++++++++++++++++++++++
 lang/en-US.json                  |  19 +++-
 languages.json                   | 135 +++++++++++++++++++++++++++++
 layouts/default.vue              |  19 +++-
 nuxt.config.js                   | 143 ++-----------------------------
 pages/graphql.vue                |  12 ++-
 25 files changed, 493 insertions(+), 256 deletions(-)
 create mode 100644 assets/icons/discord.svg
 create mode 100644 components/app/Search.vue
 create mode 100644 helpers/shortcuts.js
 create mode 100644 languages.json

diff --git a/assets/icons/chrome.svg b/assets/icons/chrome.svg
index 3f6445157..7ebfe7a86 100644
--- a/assets/icons/chrome.svg
+++ b/assets/icons/chrome.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2491" height="2500" viewBox="0 0 435.816 437.46"><path d="M217.341.039s128.478-5.783 196.57 123.337H206.416s-39.188-1.289-72.593 46.255c-9.634 19.916-19.91 40.473-8.349 80.937C108.773 222.309 36.823 97.04 36.823 97.04S87.578 5.176 217.341.039z" fill="#c6352e"/><path d="M407.223 327.871s-59.247 114.143-205.118 108.533c17.995-31.148 103.772-179.682 103.772-179.682s20.709-33.289-3.744-85.991c-12.431-18.305-25.09-37.486-65.919-47.713 32.836-.326 177.285.021 177.285.021s54.168 89.891-6.276 204.832z" fill="#f4d911"/><path d="M28.373 328.738s-69.224-108.395 8.58-231.908c17.979 31.16 103.71 179.72 103.71 179.72s18.469 34.578 76.341 39.756c22.061-1.609 45.007-2.982 74.279-33.223-16.139 28.594-88.673 153.521-88.673 153.521S97.681 438.56 28.373 328.738z" fill="#81b354"/><path d="M202.105 437.46l29.187-121.793s32.092-2.504 58.982-32.017c-16.693 29.365-88.169 153.81-88.169 153.81z" fill="#7baa50"/><path d="M119.59 220.093c0-53.69 43.52-97.215 97.215-97.215 53.69 0 97.214 43.524 97.214 97.215 0 53.693-43.522 97.219-97.214 97.219-53.695 0-97.215-43.525-97.215-97.219z" fill="#fff"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-829.128" y1="1417.339" x2="-829.128" y2="1261.441" gradientTransform="matrix(1 0 0 -1 1045.93 1557.636)"><stop offset="0" stop-color="#a2c0e6"/><stop offset="1" stop-color="#406cb1"/></linearGradient><path d="M135.86 220.093c0-44.702 36.238-80.941 80.945-80.941 44.698 0 80.94 36.239 80.94 80.941 0 44.703-36.242 80.945-80.94 80.945-44.707.001-80.945-36.244-80.945-80.945z" fill="url(#a)"/><path d="M413.5 123.039l-120.183 35.237s-18.123-26.596-57.104-35.258c33.776-.115 177.287.021 177.287.021z" fill="#e7ce12"/><path d="M123.137 246.197c-16.89-29.25-86.31-149.16-86.31-149.16l89.029 88.07s-9.149 18.82-5.68 45.7l2.961 15.39z" fill="#bc332c"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient x1="49.998%" y1=".706%" x2="49.998%" y2="96.99%" id="IconifyId-17b2bfeca9d-d6badc-3320"><stop stop-color="#86BBE5" offset="0%"></stop><stop stop-color="#1072BA" offset="100%"></stop></linearGradient></defs><path d="M127.789.035s75.32-3.38 115.253 72.328H121.38s-22.96-.74-42.573 27.114c-5.634 11.691-11.69 23.734-4.894 47.468c-9.79-16.586-51.975-90.04-51.975-90.04S51.693 3.028 127.788.035z" fill="#EF3F36"></path><path d="M239.133 192.229s-34.756 66.94-120.253 63.63c10.564-18.276 60.848-105.358 60.848-105.358s12.149-19.508-2.183-50.425c-7.29-10.74-14.72-21.973-38.664-27.96c19.262-.175 103.95 0 103.95 0s31.726 52.715-3.698 120.113z" fill="#FCD900"></path><path d="M16.973 192.757s-40.601-63.56 5.035-135.958c10.529 18.276 60.813 105.358 60.813 105.358s10.846 20.283 44.756 23.31c12.924-.95 26.375-1.76 43.56-19.472C161.663 182.757 119.16 256 119.16 256s-61.552 1.127-102.188-63.243z" fill="#61BC5B"></path><path d="M118.845 256.493l17.113-71.412s18.804-1.48 34.58-18.769c-9.79 17.22-51.693 90.181-51.693 90.181z" fill="#5AB055"></path><path d="M70.462 129.056c0-31.48 25.53-57.01 57.01-57.01c31.48 0 57.01 25.53 57.01 57.01c0 31.481-25.53 57.01-57.01 57.01c-31.48-.035-57.01-25.529-57.01-57.01z" fill="#FFF"></path><path d="M80.004 129.056c0-26.198 21.234-47.467 47.468-47.467c26.198 0 47.467 21.234 47.467 47.467c0 26.199-21.233 47.468-47.467 47.468c-26.199 0-47.468-21.269-47.468-47.468z" fill="url(#IconifyId-17b2bfeca9d-d6badc-3320)"></path><path d="M242.795 72.152l-70.462 20.67s-10.634-15.6-33.487-20.67c19.825-.106 103.949 0 103.949 0z" fill="#EACA05"></path><path d="M72.54 144.339c-9.896-17.149-50.602-87.434-50.602-87.434l52.186 51.622s-5.353 11.022-3.345 26.797l1.76 9.015z" fill="#DF3A32"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/discord.svg b/assets/icons/discord.svg
new file mode 100644
index 000000000..c2fa358a0
--- /dev/null
+++ b/assets/icons/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="41.17" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 199"><path d="M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046c-19.692-2.961-39.203-2.961-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632a108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237a136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18z" fill="#5865F2"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/email.svg b/assets/icons/email.svg
index b17bcedd1..97310b154 100644
--- a/assets/icons/email.svg
+++ b/assets/icons/email.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" ><path fill="currentColor" d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zM18.99 7L12 12.666 5.009 7H18.99zM19 17H5V8.495l7 5.673 7-5.672V17z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--simple-icons" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M15.61 12c0 1.99-1.62 3.61-3.61 3.61c-1.99 0-3.61-1.62-3.61-3.61c0-1.99 1.62-3.61 3.61-3.61c1.99 0 3.61 1.62 3.61 3.61M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12c2.424 0 4.761-.722 6.76-2.087l.034-.024l-1.617-1.879l-.027.017A9.494 9.494 0 0 1 12 21.54c-5.26 0-9.54-4.28-9.54-9.54c0-5.26 4.28-9.54 9.54-9.54c5.26 0 9.54 4.28 9.54 9.54a9.63 9.63 0 0 1-.225 2.05c-.301 1.239-1.169 1.618-1.82 1.568c-.654-.053-1.42-.52-1.426-1.661V12A6.076 6.076 0 0 0 12 5.93A6.076 6.076 0 0 0 5.93 12A6.076 6.076 0 0 0 12 18.07a6.02 6.02 0 0 0 4.3-1.792a3.9 3.9 0 0 0 3.32 1.805c.874 0 1.74-.292 2.437-.821c.719-.547 1.256-1.336 1.553-2.285c.047-.154.135-.504.135-.507l.002-.013c.175-.76.253-1.52.253-2.457c0-6.617-5.383-12-12-12" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg
index 42bc1bac0..53ee320d6 100644
--- a/assets/icons/facebook.svg
+++ b/assets/icons/facebook.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" ><path fill="currentColor" d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M241.871 256.001c7.802 0 14.129-6.326 14.129-14.129V14.129C256 6.325 249.673 0 241.871 0H14.129C6.324 0 0 6.325 0 14.129v227.743c0 7.803 6.324 14.129 14.129 14.129h227.742" fill="#395185"></path><path d="M176.635 256.001v-99.137h33.277l4.982-38.635h-38.259V93.561c0-11.186 3.107-18.809 19.148-18.809l20.459-.009V40.188c-3.54-.471-15.684-1.523-29.812-1.523c-29.498 0-49.692 18.005-49.692 51.071v28.493h-33.362v38.635h33.362v99.137h39.897" fill="#FFF"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/firefox.svg b/assets/icons/firefox.svg
index 56f06bd84..99912aa45 100644
--- a/assets/icons/firefox.svg
+++ b/assets/icons/firefox.svg
@@ -1 +1 @@
-<svg viewBox="-4.502953659537916 -1.816370980454367 85.1080168931947 83.43087708452362" xmlns="http://www.w3.org/2000/svg" width="2500" height="2378"><linearGradient id="a" x1=".898" x2=".066" y1=".155" y2=".931"><stop offset=".048" stop-color="#fff44f"/><stop offset=".111" stop-color="#ffe847"/><stop offset=".225" stop-color="#ffc830"/><stop offset=".368" stop-color="#ff980e"/><stop offset=".401" stop-color="#ff8b16"/><stop offset=".462" stop-color="#ff672a"/><stop offset=".534" stop-color="#ff3647"/><stop offset=".705" stop-color="#e31587"/></linearGradient><radialGradient id="b" cx="67.813" cy="8.879" gradientUnits="userSpaceOnUse" r="80.797"><stop offset=".129" stop-color="#ffbd4f"/><stop offset=".186" stop-color="#ffac31"/><stop offset=".247" stop-color="#ff9d17"/><stop offset=".283" stop-color="#ff980e"/><stop offset=".403" stop-color="#ff563b"/><stop offset=".467" stop-color="#ff3750"/><stop offset=".71" stop-color="#f5156c"/><stop offset=".782" stop-color="#eb0878"/><stop offset=".86" stop-color="#e50080"/></radialGradient><radialGradient id="c" cx="38.289" cy="41.911" gradientUnits="userSpaceOnUse" r="80.797"><stop offset=".3" stop-color="#960e18"/><stop offset=".351" stop-color="#b11927" stop-opacity=".74"/><stop offset=".435" stop-color="#db293d" stop-opacity=".343"/><stop offset=".497" stop-color="#f5334b" stop-opacity=".094"/><stop offset=".53" stop-color="#ff3750" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="48.03" cy="-9.457" gradientUnits="userSpaceOnUse" r="58.534"><stop offset=".132" stop-color="#fff44f"/><stop offset=".252" stop-color="#ffdc3e"/><stop offset=".506" stop-color="#ff9d12"/><stop offset=".526" stop-color="#ff980e"/></radialGradient><radialGradient id="e" cx="29.352" cy="63.016" gradientUnits="userSpaceOnUse" r="38.471"><stop offset=".353" stop-color="#3a8ee6"/><stop offset=".472" stop-color="#5c79f0"/><stop offset=".669" stop-color="#9059ff"/><stop offset="1" stop-color="#c139e6"/></radialGradient><radialGradient id="f" cx="-7935.62" cy="-8491.546" gradientTransform="matrix(.972 -.235 .275 1.138 10091.302 7833.798)" gradientUnits="userSpaceOnUse" r="20.397"><stop offset=".206" stop-color="#9059ff" stop-opacity="0"/><stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064"/><stop offset=".747" stop-color="#7716a8" stop-opacity=".45"/><stop offset=".975" stop-color="#6e008b" stop-opacity=".6"/></radialGradient><radialGradient id="g" cx="37.269" cy="5.573" gradientUnits="userSpaceOnUse" r="27.676"><stop offset="0" stop-color="#ffe226"/><stop offset=".121" stop-color="#ffdb27"/><stop offset=".295" stop-color="#ffc82a"/><stop offset=".502" stop-color="#ffa930"/><stop offset=".732" stop-color="#ff7e37"/><stop offset=".792" stop-color="#ff7139"/></radialGradient><radialGradient id="h" cx="59.023" cy="-11.981" gradientUnits="userSpaceOnUse" r="118.081"><stop offset=".113" stop-color="#fff44f"/><stop offset=".456" stop-color="#ff980e"/><stop offset=".622" stop-color="#ff5634"/><stop offset=".716" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="i" cx="-7927.165" cy="-8522.859" gradientTransform="matrix(.105 .995 -.653 .069 -4684.004 8470.191)" gradientUnits="userSpaceOnUse" r="86.499"><stop offset="0" stop-color="#fff44f"/><stop offset=".06" stop-color="#ffe847"/><stop offset=".168" stop-color="#ffc830"/><stop offset=".304" stop-color="#ff980e"/><stop offset=".356" stop-color="#ff8b16"/><stop offset=".455" stop-color="#ff672a"/><stop offset=".57" stop-color="#ff3647"/><stop offset=".737" stop-color="#e31587"/></radialGradient><radialGradient id="j" cx="36.617" cy="15.824" gradientUnits="userSpaceOnUse" r="73.72"><stop offset=".137" stop-color="#fff44f"/><stop offset=".48" stop-color="#ff980e"/><stop offset=".592" stop-color="#ff5634"/><stop offset=".655" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="k" cx="56.077" cy="20.139" gradientUnits="userSpaceOnUse" r="80.686"><stop offset=".094" stop-color="#fff44f"/><stop offset=".231" stop-color="#ffe141"/><stop offset=".509" stop-color="#ffaf1e"/><stop offset=".626" stop-color="#ff980e"/></radialGradient><linearGradient id="l" x1=".888" x2=".18" y1=".151" y2=".835"><stop offset=".167" stop-color="#fff44f" stop-opacity=".8"/><stop offset=".266" stop-color="#fff44f" stop-opacity=".634"/><stop offset=".489" stop-color="#fff44f" stop-opacity=".217"/><stop offset=".6" stop-color="#fff44f" stop-opacity="0"/></linearGradient><path d="M74.62 26.83c-1.7-4.06-5.1-8.43-7.78-9.8a40.27 40.27 0 0 1 3.93 11.75v.07C66.4 17.92 58.97 13.52 52.9 3.92c-.32-.48-.62-.97-.92-1.48-.17-.3-.3-.56-.43-.8A7.05 7.05 0 0 1 50.97.1a.1.1 0 0 0-.08-.1.14.14 0 0 0-.1 0v.02c0 .02-.03 0-.03 0V0c-9.72 5.7-13.03 16.26-13.33 21.53a19.4 19.4 0 0 0-10.67 4.12 11.6 11.6 0 0 0-1-.76 17.97 17.97 0 0 1-.1-9.5 28.7 28.7 0 0 0-9.34 7.22c-1.55-1.94-1.44-8.36-1.35-9.7a6.93 6.93 0 0 0-1.3.68 28.23 28.23 0 0 0-3.8 3.25 33.84 33.84 0 0 0-3.6 4.35 32.73 32.73 0 0 0-5.2 11.74L1 33.2c-.07.33-.34 2.04-.38 2.4v.1A36.94 36.94 0 0 0 0 41.04v.2a38.76 38.76 0 0 0 76.95 6.56c.07-.5.12-1 .18-1.5a39.86 39.86 0 0 0-2.5-19.47zM29.95 57.16c.18.1.35.2.53.27l.03.02q-.27-.14-.55-.3zm40.83-28.32v-.03.04z" fill="url(#a)"/><path d="M74.62 26.83c-1.7-4.06-5.1-8.43-7.78-9.8a40.27 40.27 0 0 1 3.93 11.75v.08a35.1 35.1 0 0 1-1.2 26.16c-4.44 9.53-15.2 19.3-32.03 18.82-18.18-.5-34.2-14-37.2-31.68-.54-2.8 0-4.2.28-6.47A28.88 28.88 0 0 0 0 41.03v.2a38.76 38.76 0 0 0 76.95 6.56c.07-.5.12-1 .18-1.5a39.86 39.86 0 0 0-2.5-19.47z" fill="url(#b)"/><path d="M74.62 26.83c-1.7-4.06-5.1-8.43-7.78-9.8a40.27 40.27 0 0 1 3.93 11.75v.08a35.1 35.1 0 0 1-1.2 26.16c-4.44 9.53-15.2 19.3-32.03 18.82-18.18-.5-34.2-14-37.2-31.68-.54-2.8 0-4.2.28-6.47A28.88 28.88 0 0 0 0 41.03v.2a38.76 38.76 0 0 0 76.95 6.56c.07-.5.12-1 .18-1.5a39.86 39.86 0 0 0-2.5-19.47z" fill="url(#c)"/><path d="M55.78 31.38c.1.06.16.12.24.18a21.1 21.1 0 0 0-3.6-4.7C40.38 14.82 49.27.74 50.77.03V0c-9.72 5.7-13.03 16.26-13.33 21.53.45-.03.9-.06 1.36-.06a19.56 19.56 0 0 1 16.98 9.9z" fill="url(#d)"/><path d="M38.83 33.8c-.07.95-3.47 4.28-4.67 4.28-11.02 0-12.8 6.66-12.8 6.66.48 5.62 4.4 10.24 9.12 12.7l.66.3q.57.25 1.14.47a17.23 17.23 0 0 0 5.04.98c19.32.9 23.06-23.1 9.12-30.07a13.38 13.38 0 0 1 9.34 2.28 19.56 19.56 0 0 0-16.98-9.9c-.46 0-.9.02-1.36.05a19.4 19.4 0 0 0-10.67 4.12c.6.5 1.26 1.16 2.67 2.55 2.63 2.6 9.37 5.27 9.4 5.6z" fill="url(#e)"/><path d="M38.83 33.8c-.07.95-3.47 4.28-4.67 4.28-11.02 0-12.8 6.66-12.8 6.66.48 5.62 4.4 10.24 9.12 12.7l.66.3q.57.25 1.14.47a17.23 17.23 0 0 0 5.04.98c19.32.9 23.06-23.1 9.12-30.07a13.38 13.38 0 0 1 9.34 2.28 19.56 19.56 0 0 0-16.98-9.9c-.46 0-.9.02-1.36.05a19.4 19.4 0 0 0-10.67 4.12c.6.5 1.26 1.16 2.67 2.55 2.63 2.6 9.37 5.27 9.4 5.6z" fill="url(#f)"/><path d="M24.97 24.36c.3.2.57.37.8.53a17.97 17.97 0 0 1-.1-9.5 28.7 28.7 0 0 0-9.34 7.22c.2 0 5.8-.1 8.64 1.74z" fill="url(#g)"/><path d="M.35 42.16c3 17.67 19 31.17 37.2 31.68 16.83.48 27.58-9.3 32.02-18.82a35.1 35.1 0 0 0 1.2-26.16v-.04-.04l.02.07c1.36 8.98-3.2 17.67-10.34 23.55l-.03.05c-13.9 11.33-27.2 6.84-29.9 5q-.3-.13-.57-.28c-8.1-3.87-11.46-11.26-10.74-17.6a9.95 9.95 0 0 1-9.18-5.77 14.62 14.62 0 0 1 14.25-.57 19.3 19.3 0 0 0 14.54.57c-.02-.32-6.76-3-9.4-5.6-1.4-1.38-2.06-2.04-2.66-2.54a11.6 11.6 0 0 0-1-.76c-.23-.16-.48-.33-.8-.53-2.82-1.84-8.44-1.74-8.63-1.74h-.02c-1.53-1.94-1.43-8.36-1.34-9.7a6.93 6.93 0 0 0-1.3.68 28.23 28.23 0 0 0-3.8 3.26 33.84 33.84 0 0 0-3.63 4.34 32.73 32.73 0 0 0-5.2 11.74c-.02.08-1.4 6.1-.72 9.22z" fill="url(#h)"/><path d="M52.43 26.86a21.1 21.1 0 0 1 3.6 4.7c.2.17.4.33.58.48 8.8 8.1 4.2 19.55 3.85 20.37 7.13-5.88 11.7-14.57 10.33-23.55-4.4-10.93-11.82-15.33-17.9-24.93-.3-.48-.6-.97-.9-1.48-.17-.3-.3-.56-.43-.8A7.05 7.05 0 0 1 50.97.1a.1.1 0 0 0-.08-.1.14.14 0 0 0-.1 0v.02c0 .02-.03 0-.03 0-1.5.72-10.4 14.8 1.66 26.84z" fill="url(#i)"/><path d="M56.6 32.04c-.17-.16-.37-.32-.58-.48l-.24-.18a13.38 13.38 0 0 0-9.35-2.27c13.94 6.98 10.2 31-9.12 30.08a17.23 17.23 0 0 1-5.03-.97q-.57-.2-1.14-.46c-.22-.1-.43-.2-.65-.3h.03c2.7 1.84 16 6.34 29.92-5l.02-.04c.35-.8 4.95-12.27-3.84-20.36z" fill="url(#j)"/><path d="M21.35 44.74s1.8-6.66 12.8-6.66c1.2 0 4.6-3.33 4.68-4.3a19.3 19.3 0 0 1-14.56-.56 14.62 14.62 0 0 0-14.25.57 9.95 9.95 0 0 0 9.2 5.76c-.73 6.34 2.62 13.73 10.73 17.6.18.1.35.18.53.27-4.73-2.45-8.64-7.07-9.13-12.7z" fill="url(#k)"/><path d="M74.62 26.83c-1.7-4.06-5.1-8.43-7.78-9.8a40.27 40.27 0 0 1 3.93 11.75v.07C66.4 17.92 58.97 13.52 52.9 3.92c-.32-.48-.62-.97-.92-1.48-.17-.3-.3-.56-.43-.8A7.05 7.05 0 0 1 50.97.1a.1.1 0 0 0-.08-.1.14.14 0 0 0-.1 0v.02c0 .02-.03 0-.03 0V0c-9.72 5.7-13.03 16.26-13.33 21.53.45-.03.9-.06 1.36-.06a19.56 19.56 0 0 1 16.98 9.9 13.38 13.38 0 0 0-9.34-2.26c13.94 6.98 10.2 31-9.12 30.08a17.23 17.23 0 0 1-5.04-.97q-.57-.2-1.14-.46l-.66-.3h.03q-.27-.13-.55-.28c.18.1.35.2.53.27-4.73-2.45-8.64-7.07-9.13-12.7 0 0 1.8-6.65 12.8-6.65 1.2 0 4.6-3.33 4.68-4.3-.02-.3-6.76-3-9.4-5.58-1.4-1.4-2.07-2.05-2.66-2.55a11.6 11.6 0 0 0-1-.76 17.97 17.97 0 0 1-.1-9.5 28.7 28.7 0 0 0-9.34 7.22c-1.55-1.94-1.44-8.36-1.35-9.7a6.93 6.93 0 0 0-1.3.68 28.23 28.23 0 0 0-3.8 3.25 33.84 33.84 0 0 0-3.6 4.35 32.73 32.73 0 0 0-5.2 11.74L1 33.2c-.07.33-.4 2.07-.45 2.44a45.1 45.1 0 0 0-.57 5.4v.2a38.76 38.76 0 0 0 76.95 6.56c.07-.5.12-1 .18-1.5a39.86 39.86 0 0 0-2.5-19.47zm-3.85 2v.03z" fill="url(#l)"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="30.92" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 265"><defs><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3688" cx="-14920.226" cy="-8274.071" r="124.382" fx="-14928.161" fy="-8274.071" gradientTransform="matrix(.7398 .0292 -.04867 1.0902 10886.526 9537.696)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#ffea00"></stop><stop offset=".17" stop-color="#ffde00"></stop><stop offset=".28" stop-color="#ffbf00"></stop><stop offset=".43" stop-color="#ff8e00"></stop><stop offset=".77" stop-color="#ff272d"></stop><stop offset=".87" stop-color="#e0255a"></stop><stop offset=".95" stop-color="#cc2477"></stop><stop offset="1" stop-color="#c42482"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3689" cx="-8176.534" cy="-7746.301" r="218.273" gradientTransform="translate(9957.373 9315.522) scale(1.1973)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ccda"></stop><stop offset=".22" stop-color="#0083ff"></stop><stop offset=".26" stop-color="#007af9"></stop><stop offset=".33" stop-color="#0060e8"></stop><stop offset=".33" stop-color="#005fe7"></stop><stop offset=".44" stop-color="#2639ad"></stop><stop offset=".52" stop-color="#401e84"></stop><stop offset=".57" stop-color="#4a1475"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3690" cx="-9132.676" cy="-6696.7" r="73.626" gradientTransform="matrix(1.1875 .1168 -.1168 1.1875 10322.184 9194.845)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea00"></stop><stop offset=".5" stop-color="#ff272d"></stop><stop offset="1" stop-color="#c42482"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3691" cx="-9139.338" cy="-6767.297" r="122.948" gradientTransform="matrix(1.1875 .1168 -.1168 1.1875 10322.184 9194.845)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe900"></stop><stop offset=".16" stop-color="#ffaf0e"></stop><stop offset=".32" stop-color="#ff7a1b"></stop><stop offset=".47" stop-color="#ff4e26"></stop><stop offset=".62" stop-color="#ff2c2e"></stop><stop offset=".76" stop-color="#ff1434"></stop><stop offset=".89" stop-color="#ff0538"></stop><stop offset="1" stop-color="#ff0039"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3692" cx="-9121.947" cy="-6653.326" r="112.818" gradientTransform="matrix(1.1875 .1168 -.1168 1.1875 10322.184 9194.845)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff272d"></stop><stop offset=".5" stop-color="#c42482"></stop><stop offset=".99" stop-color="#620700"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3693" cx="227.574" cy="408.42" r="215.776" fx="235.292" fy="404.605" gradientTransform="translate(-29.473 -291.75) scale(.9734)" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#ffea00"></stop><stop offset=".23" stop-color="#ffde00"></stop><stop offset=".37" stop-color="#ffbf00"></stop><stop offset=".54" stop-color="#ff8e00"></stop><stop offset=".76" stop-color="#ff272d"></stop><stop offset=".8" stop-color="#f92433"></stop><stop offset=".84" stop-color="#e91c45"></stop><stop offset=".89" stop-color="#cf0e62"></stop><stop offset=".94" stop-color="#b5007f"></stop></radialGradient><radialGradient id="IconifyId-17b2bfeca9d-d6badc-3694" cx="215.202" cy="308.35" r="245.92" gradientTransform="translate(-29.473 -291.75) scale(.9734)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#ffea00"></stop><stop offset=".4" stop-color="#fd0"></stop><stop offset=".63" stop-color="#ffba00"></stop><stop offset=".86" stop-color="#ff9100"></stop><stop offset=".93" stop-color="#ff6711"></stop><stop offset=".99" stop-color="#ff4a1d"></stop></radialGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3695" gradientUnits="userSpaceOnUse" x1="145.243" y1="481.786" x2="93.837" y2="313.629" gradientTransform="translate(0 -286)"><stop offset="0" stop-color="#000f43" stop-opacity=".4"></stop><stop offset=".48" stop-color="#001962" stop-opacity=".17"></stop><stop offset="1" stop-color="#002079" stop-opacity="0"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3696" gradientUnits="userSpaceOnUse" x1="-9348.662" y1="-6754.194" x2="-9266.217" y2="-6775.209" gradientTransform="matrix(1.22 .12 -.12 1.22 10634.76 9460)"><stop offset="0" stop-color="#c42482" stop-opacity=".5"></stop><stop offset=".47" stop-color="#ff272d" stop-opacity=".5"></stop><stop offset=".49" stop-color="#ff2c2c" stop-opacity=".51"></stop><stop offset=".68" stop-color="#ff7a1a" stop-opacity=".72"></stop><stop offset=".83" stop-color="#ffb20d" stop-opacity=".87"></stop><stop offset=".94" stop-color="#ffd605" stop-opacity=".96"></stop><stop offset="1" stop-color="#ffe302"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3697" gradientUnits="userSpaceOnUse" x1="103.092" y1="-1126.781" x2="88.439" y2="-1164.334" gradientTransform="matrix(.99 .1 -.1 .99 -175.62 1176.21)"><stop offset="0" stop-color="#891551" stop-opacity=".6"></stop><stop offset="1" stop-color="#c42482" stop-opacity="0"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3698" gradientUnits="userSpaceOnUse" x1="-193.279" y1="534.177" x2="-168.009" y2="562.877" gradientTransform="matrix(.99 .1 -.1 .99 303.51 -384.2)"><stop offset=".01" stop-color="#891551" stop-opacity=".5"></stop><stop offset=".48" stop-color="#ff272d" stop-opacity=".5"></stop><stop offset="1" stop-color="#ff272d" stop-opacity="0"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3699" gradientUnits="userSpaceOnUse" x1="-144.684" y1="583.677" x2="-144.665" y2="563.596" gradientTransform="matrix(.99 .1 -.1 .99 303.51 -384.2)"><stop offset="0" stop-color="#c42482"></stop><stop offset=".08" stop-color="#c42482" stop-opacity=".81"></stop><stop offset=".21" stop-color="#c42482" stop-opacity=".57"></stop><stop offset=".33" stop-color="#c42482" stop-opacity=".36"></stop><stop offset=".45" stop-color="#c42482" stop-opacity=".2"></stop><stop offset=".56" stop-color="#c42482" stop-opacity=".09"></stop><stop offset=".67" stop-color="#c42482" stop-opacity=".02"></stop><stop offset=".77" stop-color="#c42482" stop-opacity="0"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3700" gradientUnits="userSpaceOnUse" x1="166.591" y1="295.714" x2="248.667" y2="479.246" gradientTransform="translate(0 -286)"><stop offset="0" stop-color="#fff14f"></stop><stop offset=".27" stop-color="#ffee4c"></stop><stop offset=".45" stop-color="#ffe643"></stop><stop offset=".61" stop-color="#ffd834"></stop><stop offset=".76" stop-color="#ffc41e"></stop><stop offset=".89" stop-color="#ffab02"></stop><stop offset=".9" stop-color="#ffa900"></stop><stop offset=".95" stop-color="#ffa000"></stop><stop offset="1" stop-color="#ff9100"></stop></linearGradient><linearGradient id="IconifyId-17b2bfeca9d-d6badc-3701" gradientUnits="userSpaceOnUse" x1="182.888" y1="401.274" x2="144.011" y2="505.662" gradientTransform="translate(0 -286)"><stop offset="0" stop-color="#ff8e00"></stop><stop offset=".04" stop-color="#ff8e00" stop-opacity=".86"></stop><stop offset=".08" stop-color="#ff8e00" stop-opacity=".73"></stop><stop offset=".13" stop-color="#ff8e00" stop-opacity=".63"></stop><stop offset=".18" stop-color="#ff8e00" stop-opacity=".56"></stop><stop offset=".23" stop-color="#ff8e00" stop-opacity=".51"></stop><stop offset=".28" stop-color="#ff8e00" stop-opacity=".5"></stop><stop offset=".39" stop-color="#ff8e00" stop-opacity=".48"></stop><stop offset=".52" stop-color="#ff8e00" stop-opacity=".42"></stop><stop offset=".68" stop-color="#ff8e00" stop-opacity=".31"></stop><stop offset=".84" stop-color="#ff8e00" stop-opacity=".17"></stop><stop offset="1" stop-color="#ff8e00" stop-opacity="0"></stop></linearGradient></defs><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3688)" d="M206.8 24.6c-6.4 7.5-9.4 24.3-2.9 41.4s16.5 13.4 22.7 30.8c8.2 23 4.4 53.9 4.4 53.9s9.9 28.6 16.8-1.8c15.3-57.1-41-110.2-41-124.3z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3689)" d="M128.4 261.7c65.9 0 119.2-53.6 119.2-119.8S194.2 22.2 128.4 22.2S9.3 75.8 9.3 141.9c-.1 66.2 53.3 119.8 119.1 119.8z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3695)" d="M217.7 215.8c-2.6 1.8-5.3 3.4-8.1 4.9c3.7-5.5 7.2-11.1 10.3-16.9c2.5-2.8 4.9-5.5 6.8-8.5c.9-1.5 2-3.2 3.1-5.3c6.7-12.1 14.1-31.6 14.3-51.6v-1.5c0-5-.5-10.1-1.5-15c.1.4.1.8.2 1.2c-.1-.3-.1-.6-.2-.9c.1.5.2 1.1.3 1.6c1.4 11.6.4 22.9-4.5 31.3c-.1.1-.2.2-.2.4c2.5-12.7 3.4-26.7.6-40.7c0 0-1.1-6.8-9.5-27.5c-4.8-11.9-13.4-21.7-20.9-28.8c-6.6-8.2-12.7-13.7-16-17.2c-6.9-7.3-9.8-12.8-11-16.3c-1-.5-14.3-13.4-15.3-13.9c-5.8 9-23.9 37-15.3 63.1c3.9 11.9 13.8 24.2 24.2 31.1c.5.5 6.2 6.7 8.9 20.7c2.8 14.5 1.3 25.7-4.4 42.4c-6.8 14.6-24.2 29.1-40.5 30.6c-34.8 3.2-47.6-17.5-47.6-17.5c12.4 5 26.2 3.9 34.6-1.2c8.4-5.2 13.5-9.1 17.7-7.6c4.1 1.5 7.3-2.9 4.4-7.5c-4.6-7.1-13-10.7-21.3-9.3c-8.4 1.4-16.2 8.1-27.2 1.6c-.7-.4-1.4-.9-2.1-1.4s2.4.7 1.6.2c-2.1-1.2-6-3.7-6.9-4.6c-.2-.2 1.7.6 1.5.4c-10.3-8.5-9-14.3-8.7-17.9c.3-2.9 2.1-6.6 5.3-8.1c1.5.8 2.5 1.5 2.5 1.5s-.7-1.3-1-2c.1-.1.2 0 .4-.1c1.3.6 4 2.2 5.5 3.1c1.9 1.3 2.5 2.5 2.5 2.5s.5-.3.1-1.4c-.1-.5-.7-2-2.6-3.5h.1c1.1.6 2.2 1.4 3.2 2.2c.5-1.9 1.5-3.9 1.3-7.5c-.1-2.5-.1-3.2-.5-4.2c-.4-.8.2-1.2.9-.3c-.1-.7-.3-1.4-.6-2v-.1c.9-3 18.3-10.9 19.6-11.8c2.1-1.5 3.8-3.4 5.1-5.6c1-1.5 1.7-3.7 1.9-7c.1-2.4-1-4-18.7-5.8c-4.8-.5-7.7-4-9.3-7.2c-.3-.7-.6-1.3-.9-2s-.5-1.5-.7-2.3c2.9-8.3 7.7-15.3 14.9-20.6c.4-.4-1.6.1-1.2-.3c.5-.4 3.4-1.6 4-1.9c.7-.3-2.9-1.9-6.1-1.5s-3.9.8-5.7 1.5c.7-.7 3-1.7 2.5-1.6c-3.5.5-7.8 2.6-11.5 4.9c0-.4.1-.8.2-1.2c-1.7.7-6 3.7-7.2 6.2c.1-.5.1-1 .1-1.5c-1.3 1.1-2.5 2.3-3.5 3.7l-.6.2c-10-4-18.9-4.3-26.3-2.5c-1.6-1.6-2.4-.4-6.2-8.6c-.3-.5.2.5 0 0c-.6-1.6.4 2.1 0 0c-6.2 5-14.4 10.6-18.4 14.5c0 .2 4.6-1.3 0 0c-1.6.5-1.5 1.4-1.7 10.1c-.1.7 0 1.4-.1 2c-3.2 4-5.3 7.4-6.1 9.2c-4.1 7-8.6 18-12.9 35.3c1.9-4.7 4.2-9.2 6.9-13.5c-3.6 9.2-7.1 23.7-7.8 45.9c.9-4.6 2-9.1 3.4-13.6c-.9 18.5 2.3 36.9 9.3 54c2.5 6.1 6.6 15.4 13.7 25.6c22.2 23.3 53.4 37.8 88 37.8c36.1 0 68.6-15.8 90.9-40.9z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3690)" d="M190.9 232.7c43.7-5.1 63.1-50.1 38.2-51c-22.4-.7-58.9 53.4-38.2 51z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3691)" d="M232.3 172.5c30.1-17.5 22.2-55.3 22.2-55.3s-11.6 13.5-19.5 35c-7.7 21.3-20.8 30.9-2.7 20.3z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3692)" d="M136.8 255.1c42 13.4 78-19.7 55.8-30.7c-20.2-9.9-75.7 24.4-55.8 30.7z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3693)" d="M235.5 188.6c1-1.4 2.4-6 3.6-8.1c7.4-12 7.5-21.5 7.5-21.7c4.5-22.3 4.1-31.5 1.3-48.3c-2.2-13.6-11.9-33.1-20.3-42.4c-8.6-9.7-2.6-6.5-10.9-13.6c-7.3-8.1-14.5-16.2-18.3-19.4c-28-23.4-27.4-28.4-26.8-29.2l-.4.4c-.3-1.3-.6-2.4-.6-2.4S155.2 19.1 152 44.6c-2.1 16.6 4.1 34 13.2 45.1c4.7 5.8 10 11 15.8 15.6c6.8 9.8 10.6 21.9 10.6 34.9c0 32.6-26.4 58.9-59 58.9c-4.4 0-8.9-.5-13.2-1.5c-15.4-2.9-24.2-10.7-28.7-16c-2.5-3-3.6-5.2-3.6-5.2c13.8 4.9 29 3.9 38.3-1.2c9.3-5.2 15-9 19.6-7.5c4.5 1.5 8.1-2.9 4.9-7.4c-3.2-4.5-11.4-11-23.6-9.2c-9.3 1.4-17.9 8-30.1 1.6c-.8-.4-1.6-.9-2.3-1.3c-.8-.5 2.6.7 1.8.2c-2.4-1.2-6.6-3.7-7.7-4.6c-.2-.2 1.8.6 1.7.4c-11.4-8.4-10-14.1-9.7-17.7c.3-2.9 2.4-6.5 5.9-8c1.7.8 2.7 1.5 2.7 1.5s-.7-1.3-1.1-2c.1-.1.3 0 .4-.1c1.4.6 4.5 2.1 6.1 3.1c2.1 1.3 2.8 2.5 2.8 2.5s.6-.3.1-1.4c-.2-.5-.8-2-2.9-3.5h.1c1.2.6 2.4 1.4 3.5 2.2c.6-1.9 1.6-3.9 1.4-7.5c-.1-2.5-.1-3.2-.6-4.1c-.4-.8.2-1.2 1-.3c-.1-.7-.4-1.3-.7-2v-.1c1-3 20.3-10.8 21.7-11.7c2.3-1.4 4.2-3.3 5.7-5.5c1.1-1.5 1.9-3.7 2.1-7c.1-1.5-.4-2.6-5.5-3.8c-3.1-.7-7.8-1.3-15.2-2c-5.3-.5-8.5-3.9-10.3-7.1c-.3-.7-.7-1.3-1-1.9c-.3-.7-.6-1.5-.8-2.2c3.2-8.4 9-15.5 16.5-20.4c.4-.4-1.7.1-1.3-.3c.5-.4 3.8-1.6 4.4-1.9c.8-.3-3.2-1.8-6.8-1.5c-3.6.4-4.3.7-6.3 1.5c.8-.7 3.3-1.6 2.7-1.6c-3.6.4-8.4 2.4-12.5 4.7c0-.4.1-.8.2-1.2c-1.9.7-6.6 3.7-8 6.2c.1-.5.1-1 .1-1.4c-1.4 1.1-2.8 2.3-3.9 3.7l-.1.1c-11.1-4-20.9-4.3-29.1-2.5c-1.8-1.6-4.7-4.1-8.8-12.2c-.3-.5-.4 1-.6.5c-1.6-3.7-2.6-9.8-2.4-14c0 0-3.3 1.5-6 7.8c-.5 1.1-.8 1.8-1.2 2.4c-.2.2.3-2.1.3-1.9c-.5.8-1.7 1.9-2.2 3.4c-.4 1.1-.9 1.7-1.2 3l-.1.1c0-.4.1-1.6 0-1.4c-1.3 2.6-2.4 5.3-3.3 8c-1.5 4.8-3.2 11.4-3.5 20c-.1.6 0 1.4-.1 2c-3.5 4-5.9 7.4-6.8 9.1c-4.5 7-9.5 17.8-14.3 35c2.1-4.7 4.7-9.2 7.7-13.4c-4 9.1-7.9 23.5-8.7 45.5c1-4.6 2.2-9.1 3.7-13.5c-.7 14.7 1 33 10.3 53.6c5.5 12.1 18.2 36.7 49.3 55.9c0 0 10.6 7.9 28.7 13.8c1.3.5 2.7 1 4.1 1.4c-.4-.2-.9-.4-1.3-.5c12.1 3.6 24.6 5.5 37.3 5.5c47 0 60.9-18.9 60.9-18.9l-.1.1c.7-.6 1.3-1.3 1.9-1.9c-7.4 7-24.4 7.5-30.7 7c10.8-3.2 17.9-5.9 31.7-11.1c1.6-.6 3.3-1.3 5-2.1l.5-.3c.3-.2.7-.3 1-.5c6.7-3.2 13.1-7.1 18.9-11.8c13.9-11.1 16.9-21.9 18.5-29c-.2.7-.9 2.3-1.4 3.3c-3.6 7.6-11.5 12.4-20.1 16.4c4.1-5.4 7.9-11 11.4-16.8c2.8-2.8 3.6-7.2 5.8-10.1z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3694)" d="M218.6 215.1c5.7-6.2 10.7-13.4 14.6-21.5c9.9-20.8 25.2-55.5 13.2-91.6c-9.5-28.6-22.6-44.2-39.2-59.5c-27-24.8-34.5-35.9-34.5-42.5c0 0-31.2 34.7-17.7 71s41.2 34.9 59.5 72.7c21.6 44.5-17.4 93.1-49.7 106.7c2-.4 71.7-16.2 75.4-56.1c-.2.7-1.8 11.8-21.6 20.8z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3696)" d="M128.2 85.8c.1-2.4-1.1-3.9-20.6-5.8c-8-.7-11.1-8.1-12-11.3c-2.8 7.4-4 15.2-3.4 24.6c.4 6.2 4.6 12.8 6.5 16.6c0 0 .4-.6.6-.8c3.7-3.9 19.3-9.8 20.8-10.6c1.7-1 7.9-5.5 8.1-12.7z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3697)" d="M42.5 42c-.3-.5-.4 1-.6.5c-1.6-3.7-2.6-9.7-2.3-14c0 0-3.3 1.5-6 7.8c-.5 1.1-.8 1.8-1.2 2.4c-.2.2.3-2.1.3-1.9c-.5.8-1.7 1.9-2.2 3.3c-.4 1.1-.9 1.8-1.2 3.2c-.1.4.1-1.7 0-1.4c-6.4 12.3-7.6 30.9-6.9 30.1C36 57.5 51.5 54.1 51.5 54.1c-1.9-1.2-5.5-4.8-9-12.1z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3698)" d="M93.9 193.4c-18.7-8-40-19.3-39.2-44.9c1.1-33.7 31.5-27.1 31.5-27.1c-1.1.3-4.2 2.5-5.3 4.8c-1.1 2.9-3.2 9.5 3.1 16.4c10 10.8-20.5 25.6 26.5 53.6c1.2.6-11-.4-16.6-2.8z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3699)" d="M87.3 176.6c13.3 4.6 28.7 3.8 38-1.3c6.2-3.5 14.2-9 19-7.6c-4.2-1.7-7.4-2.5-11.3-2.6c-.7 0-1.4 0-2.1-.1c-1.4 0-2.8.1-4.2.2c-2.4.2-5 1.7-7.4 1.5c-.1 0 2.3-1 2.1-1c-1.3.3-2.7.3-4.1.5c-.9.1-1.7.2-2.7.3c-27.7 2.3-51-15-51-15c-2 6.6 8.9 19.9 23.7 25.1z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3700)" d="M218.5 215.3c28-27.5 42.1-60.8 36.1-98.3c0 0 2.4 19.2-6.7 38.8c4.4-19.2 4.9-43-6.7-67.7c-15.4-32.9-40.8-50.3-50.5-57.5c-14.7-11-20.8-22.1-20.9-24.4c-4.4 9-17.7 39.8-1.4 66.3c15.2 24.9 39.2 32.2 55.9 55c31 42.1-5.8 87.8-5.8 87.8z"></path><path fill="url(#IconifyId-17b2bfeca9d-d6badc-3701)" d="M214.5 143.8c-9.8-20.2-22-29-33.5-38.5c1.3 1.9 1.7 2.5 2.4 3.8c10.2 10.8 25.1 37.2 14.3 70.4c-20.5 62.4-102.3 33-110.9 24.8c3.5 36.1 63.9 53.4 103.3 30c22.3-21.4 40.4-57.4 24.4-90.5z"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/graphql.svg b/assets/icons/graphql.svg
index bebb5a7a0..679ea1a79 100644
--- a/assets/icons/graphql.svg
+++ b/assets/icons/graphql.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="64" width="64" viewBox="0 0 29.999 30" fill="currentColor"><path d="M4.08 22.864l-1.1-.636L15.248.98l1.1.636z"/><path d="M2.727 20.53h24.538v1.272H2.727z"/><path d="M15.486 28.332L3.213 21.246l.636-1.1 12.273 7.086zm10.662-18.47L13.874 2.777l.636-1.1 12.273 7.086z"/><path d="M3.852 9.858l-.636-1.1L15.5 1.67l.636 1.1z"/><path d="M25.922 22.864l-12.27-21.25 1.1-.636 12.27 21.25zM3.7 7.914h1.272v14.172H3.7zm21.328 0H26.3v14.172h-1.272z"/><path d="M15.27 27.793l-.555-.962 10.675-6.163.555.962z"/><path d="M27.985 22.5a2.68 2.68 0 01-3.654.981 2.68 2.68 0 01-.981-3.654 2.68 2.68 0 013.654-.981 2.665 2.665 0 01.98 3.654M6.642 10.174a2.68 2.68 0 01-3.654.981A2.68 2.68 0 012.007 7.5a2.68 2.68 0 013.654-.981 2.68 2.68 0 01.981 3.654M2.015 22.5a2.68 2.68 0 01.981-3.654 2.68 2.68 0 013.654.981 2.68 2.68 0 01-.981 3.654c-1.287.735-2.92.3-3.654-.98m21.343-12.326a2.68 2.68 0 01.981-3.654 2.68 2.68 0 013.654.981 2.68 2.68 0 01-.981 3.654 2.68 2.68 0 01-3.654-.981M15 30a2.674 2.674 0 112.674-2.673A2.68 2.68 0 0115 30m0-24.652a2.67 2.67 0 01-2.674-2.674 2.67 2.67 0 115.347 0A2.67 2.67 0 0115 5.347"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--fontisto" width="28" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 21 24"><path d="M12.731 2.751L17.666 5.6a2.138 2.138 0 1 1 2.07 3.548l-.015.003v5.7a2.14 2.14 0 1 1-2.098 3.502l-.002-.002l-4.905 2.832a2.14 2.14 0 1 1-4.079.054l-.004.015l-4.941-2.844a2.14 2.14 0 1 1-2.067-3.556l.015-.003V9.15a2.14 2.14 0 1 1 1.58-3.926l-.01-.005c.184.106.342.231.479.376l.001.001l4.938-2.85a2.14 2.14 0 1 1 4.096.021l.004-.015zm-.515.877a.766.766 0 0 1-.057.057l-.001.001l6.461 11.19c.026-.009.056-.016.082-.023V9.146a2.14 2.14 0 0 1-1.555-2.603l-.003.015l.019-.072zm-3.015.059l-.06-.06l-4.946 2.852A2.137 2.137 0 0 1 2.749 9.12l-.015.004l-.076.021v5.708l.084.023l6.461-11.19zm2.076.507a2.164 2.164 0 0 1-1.207-.004l.015.004l-6.46 11.189c.286.276.496.629.597 1.026l.003.015h12.911c.102-.413.313-.768.599-1.043l.001-.001L11.28 4.194zm.986 16.227l4.917-2.838a1.748 1.748 0 0 1-.038-.142H4.222l-.021.083l4.939 2.852c.39-.403.936-.653 1.54-.653c.626 0 1.189.268 1.581.696l.001.002z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg
index 621e2f09b..b8480b323 100644
--- a/assets/icons/linkedin.svg
+++ b/assets/icons/linkedin.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" ><path fill="currentColor" d="M19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5zM8 19H5V8h3v11zM6.5 6.732c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zM20 19h-3v-5.604c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.396-2.586 7-2.777 7 2.476V19z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013zM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009c-.002-12.157 9.851-22.014 22.008-22.016c12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16zM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453" fill="#0A66C2"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/reddit.svg b/assets/icons/reddit.svg
index 96ddae1e0..ea61eec05 100644
--- a/assets/icons/reddit.svg
+++ b/assets/icons/reddit.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="currentColor" d="M24 11.779a2.654 2.654 0 00-4.497-1.899c-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058a2.17 2.17 0 002.174 2.163c1.198 0 2.172-.97 2.172-2.163a2.171 2.171 0 00-4.193-.785l-4.329-1.015a.37.37 0 00-.44.249L11.755 7.82c-2.838.034-5.409.798-7.3 2.025a2.643 2.643 0 00-1.799-.712A2.654 2.654 0 000 11.779c0 .97.533 1.811 1.317 2.271a4.716 4.716 0 00-.086.857C1.231 18.818 6.039 22 11.95 22s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81A2.633 2.633 0 0024 11.779zM6.776 13.595c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179L12 19.44l-.013.003c-1.777 0-3.028-.386-3.824-1.179a.369.369 0 010-.523.372.372 0 01.526 0c.65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962a.373.373 0 01.526 0 .37.37 0 010 .524zm-.189-3.095a1.58 1.58 0 01-1.581-1.574c0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><circle fill="#FF4500" cx="128" cy="128" r="128"></circle><path d="M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.598 33.598 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35.29 35.29 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093zM85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278zm74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782c8.699 0 21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883zm-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275z" fill="#FFF"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg
index 57887d3b7..ff6f523a8 100644
--- a/assets/icons/twitter.svg
+++ b/assets/icons/twitter.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="39.2" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 209"><path d="M256 25.45c-9.42 4.177-19.542 7-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.183 105.183 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.312 52.312 0 0 1-23.79-6.57c-.003.22-.003.44-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.592 52.592 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435c0-2.278-.05-4.543-.152-6.795A106.748 106.748 0 0 0 256 25.45" fill="#55acee"></path></svg>
\ No newline at end of file
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
index 0d729ea30..8f620944b 100644
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -76,10 +76,8 @@ body {
 }
 
 .svg-icons {
-  @apply inline-flex;
-  @apply flex-shrink-0;
-  @apply h-4;
-  @apply w-4;
+  height: var(--body-line-height);
+  width: var(--body-line-height);
 }
 
 a {
diff --git a/assets/scss/themes.scss b/assets/scss/themes.scss
index c6970533c..05e04c1b7 100644
--- a/assets/scss/themes.scss
+++ b/assets/scss/themes.scss
@@ -43,9 +43,9 @@
   // Text color
   --secondary-color: theme("colors.blue-gray.600");
   // Light Text color
-  --secondary-light-color: theme("colors.blue-gray.500");
+  --secondary-light-color: theme("colors.blue-gray.400");
   // Dark Text color
-  --secondary-dark-color: theme("colors.blue-gray.700");
+  --secondary-dark-color: theme("colors.blue-gray.900");
   // Border color
   --divider-color: theme("colors.blue-gray.200");
   // Light Border color
diff --git a/components/app/Search.vue b/components/app/Search.vue
new file mode 100644
index 000000000..a6172f49f
--- /dev/null
+++ b/components/app/Search.vue
@@ -0,0 +1,109 @@
+<template>
+  <SmartModal v-if="show" @close="$emit('hide-modal')">
+    <template #body>
+      <input
+        id="command"
+        v-focus
+        type="text"
+        name="command"
+        :placeholder="$t('app.type_a_command_search')"
+        class="
+          bg-primary
+          border-b border-dividerLight
+          text-secondaryDark text-base
+          leading-normal
+          px-4
+          pt-2
+          pb-6
+          truncate
+          appearance-none
+          focus:outline-none
+        "
+      />
+      <div
+        class="
+          divide-y divide-dividerLight
+          flex flex-col
+          space-y-4
+          flex-1
+          overflow-auto
+          hide-scrollbar
+        "
+      >
+        <div v-for="(map, mapIndex) in mappings" :key="`map-${mapIndex}`">
+          <h5 class="font-normal my-2 text-secondaryLight py-2 px-4">
+            {{ map.section }}
+          </h5>
+          <div
+            v-for="(shortcut, shortcutIndex) in map.shortcuts"
+            :key="`map-${mapIndex}-shortcut-${shortcutIndex}`"
+            class="
+              rounded
+              cursor-pointer
+              flex
+              py-2
+              px-4
+              transition
+              items-center
+              group
+              hover:bg-primaryLight
+            "
+            @click="
+              runAction(shortcut.action)
+              hideModal()
+            "
+          >
+            <i class="mr-4 opacity-75 material-icons group-hover:opacity-100">
+              {{ shortcut.icon }}
+            </i>
+            <span class="flex flex-1 mr-4 group-hover:text-secondaryDark">
+              {{ $t(shortcut.label) }}
+            </span>
+            <span
+              v-for="(key, keyIndex) in shortcut.keys"
+              :key="`map-${mapIndex}-shortcut-${shortcutIndex}-key-${keyIndex}`"
+              class="shortcut-key"
+            >
+              {{ key }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </template>
+  </SmartModal>
+</template>
+
+<script>
+import { invokeAction } from "~/helpers/actions"
+import { spotlight } from "~/helpers/shortcuts"
+
+export default {
+  props: {
+    show: Boolean,
+  },
+  data() {
+    return {
+      mappings: spotlight,
+    }
+  },
+  methods: {
+    hideModal() {
+      this.$emit("hide-modal")
+    },
+    runAction(command) {
+      invokeAction(command, "path_from_invokeAction")
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.shortcut-key {
+  @apply bg-dividerLight;
+  @apply rounded;
+  @apply ml-2;
+  @apply py-1;
+  @apply px-2;
+  @apply inline-flex;
+}
+</style>
diff --git a/components/app/Shortcuts.vue b/components/app/Shortcuts.vue
index 8b669cc10..47a35be9d 100644
--- a/components/app/Shortcuts.vue
+++ b/components/app/Shortcuts.vue
@@ -16,7 +16,6 @@
       >
         <h3 class="ml-4 heading">{{ $t("shortcuts") }}</h3>
         <div class="flex">
-          <ButtonSecondary to="/settings" icon="tune" />
           <ButtonSecondary icon="close" @click.native="close()" />
         </div>
       </div>
@@ -50,8 +49,8 @@
             :key="`map-${mapIndex}-shortcut-${shortcutIndex}`"
             class="flex items-center"
           >
-            <span class="flex flex-1 text-secondaryLight mr-4">
-              {{ shortcut.label }}
+            <span class="flex flex-1 mr-4">
+              {{ $t(shortcut.label) }}
             </span>
             <span
               v-for="(key, keyIndex) in shortcut.keys"
@@ -68,10 +67,7 @@
 </template>
 
 <script>
-import {
-  getPlatformSpecialKey,
-  getPlatformAlternateKey,
-} from "~/helpers/platformutils"
+import shortcuts from "~/helpers/shortcuts"
 
 export default {
   props: {
@@ -80,78 +76,7 @@ export default {
   data() {
     return {
       filterText: "",
-      mappings: [
-        {
-          section: "General",
-          shortcuts: [
-            {
-              keys: ["?"],
-              label: this.$t("shortcut.general.help_menu"),
-            },
-            {
-              keys: ["/"],
-              label: this.$t("shortcut.general.show_all"),
-            },
-            {
-              keys: [getPlatformSpecialKey(), "K"],
-              label: this.$t("shortcut.general.command_menu"),
-            },
-            {
-              keys: ["Esc"],
-              label: this.$t("shortcut.general.close_current_menu"),
-            },
-          ],
-        },
-        {
-          section: "Request",
-          shortcuts: [
-            {
-              keys: [getPlatformSpecialKey(), "G"],
-              label: this.$t("shortcut.send_request"),
-            },
-            {
-              keys: [getPlatformSpecialKey(), "S"],
-              label: this.$t("shortcut.save_to_collections"),
-            },
-            {
-              keys: [getPlatformSpecialKey(), "K"],
-              label: this.$t("shortcut.copy_request_link"),
-            },
-            {
-              keys: [getPlatformSpecialKey(), "I"],
-              label: this.$t("shortcut.reset_request"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "↑"],
-              label: this.$t("shortcut.next_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "↓"],
-              label: this.$t("shortcut.previous_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "G"],
-              label: this.$t("shortcut.get_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "H"],
-              label: this.$t("shortcut.head_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "P"],
-              label: this.$t("shortcut.post_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "U"],
-              label: this.$t("shortcut.put_method"),
-            },
-            {
-              keys: [getPlatformAlternateKey(), "X"],
-              label: this.$t("shortcut.delete_method"),
-            },
-          ],
-        },
-      ],
+      mappings: shortcuts,
     }
   },
   watch: {
diff --git a/components/app/Sidenav.vue b/components/app/Sidenav.vue
index 6489fa821..337a9ad26 100644
--- a/components/app/Sidenav.vue
+++ b/components/app/Sidenav.vue
@@ -26,19 +26,26 @@
         space-x-0 space-y-2)
       "
     >
-      <TabPrimary
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip', placement: 'top' }"
+        :title="`${$t('app.search')} <kbd>/</kbd>`"
+        icon="search"
+        @click.native="showSearch = true"
+      />
+      <ButtonSecondary
         v-tippy="{ theme: 'tooltip', placement: 'top' }"
         :title="$t('app.invite')"
         icon="person_add_alt"
         @click.native="showShare = true"
       />
-      <TabPrimary
+      <ButtonSecondary
         v-tippy="{ theme: 'tooltip', placement: 'top' }"
         :title="`${$t('support.title')} <kbd>?</kbd>`"
         icon="support"
         @click.native="showSupport = true"
       />
     </nav>
+    <AppSearch :show="showSearch" @hide-modal="showSearch = false" />
     <AppSupport :show="showSupport" @hide-modal="showSupport = false" />
     <AppShare :show="showShare" @hide-modal="showShare = false" />
   </aside>
@@ -50,9 +57,14 @@ import { defineActionHandler } from "~/helpers/actions"
 
 export default defineComponent({
   setup() {
+    const showSearch = ref(false)
     const showSupport = ref(false)
     const showShare = ref(false)
 
+    defineActionHandler("modals.search.toggle", () => {
+      showSearch.value = !showSearch.value
+    })
+
     defineActionHandler("modals.support.toggle", () => {
       showSupport.value = !showSupport.value
     })
@@ -62,6 +74,7 @@ export default defineComponent({
     })
 
     return {
+      showSearch,
       showSupport,
       showShare,
     }
diff --git a/components/app/Support.vue b/components/app/Support.vue
index 8127a83cf..53218fcae 100644
--- a/components/app/Support.vue
+++ b/components/app/Support.vue
@@ -5,7 +5,7 @@
     @close="$emit('hide-modal')"
   >
     <template #body>
-      <div class="flex flex-col space-y-2 px-2">
+      <div class="flex flex-col space-y-2">
         <SmartItem
           icon="menu_book"
           :label="$t('app.documentation')"
@@ -48,6 +48,16 @@
             hideModal()
           "
         />
+        <SmartItem
+          svg="discord"
+          :label="$t('app.join_discord_community')"
+          to="https://hoppscotch.io/discord"
+          blank
+          :description="$t('support.community')"
+          info-icon="chevron_right"
+          active
+          @click.native="hideModal()"
+        />
         <SmartItem
           svg="twitter"
           :label="$t('app.twitter')"
diff --git a/components/http/ResponseMeta.vue b/components/http/ResponseMeta.vue
index d341b41a0..12b5e8f9b 100644
--- a/components/http/ResponseMeta.vue
+++ b/components/http/ResponseMeta.vue
@@ -15,10 +15,13 @@
             {{ $t("shortcut.send_request") }}
           </span>
           <span class="flex flex-1 items-center">
-            {{ $t("shortcut.reset_request") }}
+            {{ $t("shortcut.general.show_all") }}
           </span>
           <span class="flex flex-1 items-center">
-            {{ $t("shortcut.general.show_all") }}
+            {{ $t("shortcut.general.command_menu") }}
+          </span>
+          <span class="flex flex-1 items-center">
+            {{ $t("shortcut.general.help_menu") }}
           </span>
         </div>
         <div class="flex flex-col space-y-4">
@@ -28,7 +31,10 @@
           </div>
           <div class="flex">
             <span class="shortcut-key">{{ getSpecialKey() }}</span>
-            <span class="shortcut-key">I</span>
+            <span class="shortcut-key">K</span>
+          </div>
+          <div class="flex">
+            <span class="shortcut-key">/</span>
           </div>
           <div class="flex">
             <span class="shortcut-key">?</span>
diff --git a/components/smart/Modal.vue b/components/smart/Modal.vue
index 612508993..81c73d716 100644
--- a/components/smart/Modal.vue
+++ b/components/smart/Modal.vue
@@ -47,7 +47,10 @@
               md:m-4
             "
           >
-            <div class="flex pl-2 items-center justify-between">
+            <div
+              v-if="title"
+              class="flex mb-4 pl-2 items-center justify-between"
+            >
               <h3 class="heading">{{ title }}</h3>
               <span class="flex">
                 <slot name="actions"></slot>
@@ -59,20 +62,13 @@
               </span>
             </div>
             <div
-              class="
-                flex flex-col
-                max-h-md
-                my-4
-                py-2
-                overflow-y-auto
-                hide-scrollbar
-              "
+              class="flex flex-col max-h-md py-2 overflow-y-auto hide-scrollbar"
             >
               <slot name="body"></slot>
             </div>
             <div
               v-if="hasFooterSlot"
-              class="flex flex-1 p-2 items-center justify-between"
+              class="flex flex-1 mt-4 p-2 items-center justify-between"
             >
               <slot name="footer"></slot>
             </div>
diff --git a/helpers/actions.ts b/helpers/actions.ts
index 422ad14d4..577affa36 100644
--- a/helpers/actions.ts
+++ b/helpers/actions.ts
@@ -17,8 +17,14 @@ export type HoppAction =
   | "request.method.put" // Select PUT Method
   | "request.method.delete" // Select DELETE Method
   | "flyouts.keybinds.toggle" // Shows the keybinds flyout
+  | "modals.search.toggle" // Shows the search modal
   | "modals.support.toggle" // Shows the support modal
   | "modals.share.toggle" // Shows the share modal
+  | "navigation.rest.jump" // Jump to REST page
+  | "navigation.graphql.jump" // Jump to GraphQL page
+  | "navigation.realtime.jump" // Jump to realtime page
+  | "navigation.documentation.jump" // Jump to documentation page
+  | "navigation.settings.jump" // Jump to settings page
 
 type BoundActionList = {
   // eslint-disable-next-line no-unused-vars
diff --git a/helpers/keybindings.ts b/helpers/keybindings.ts
index bb785afb1..d7cd242e0 100644
--- a/helpers/keybindings.ts
+++ b/helpers/keybindings.ts
@@ -74,7 +74,7 @@ export const bindings: {
 } = {
   "ctrl-g": "request.send-cancel",
   "ctrl-i": "request.reset",
-  "ctrl-k": "request.copy-link",
+  "ctrl-c": "request.copy-link",
   "ctrl-s": "request.save",
   "alt-up": "request.method.next",
   "alt-down": "request.method.prev",
@@ -83,9 +83,15 @@ export const bindings: {
   "alt-p": "request.method.post",
   "alt-u": "request.method.put",
   "alt-x": "request.method.delete",
-  "/": "flyouts.keybinds.toggle",
+  "ctrl-k": "flyouts.keybinds.toggle",
+  "/": "modals.search.toggle",
   "?": "modals.support.toggle",
   "ctrl-x": "modals.share.toggle",
+  "alt-r": "navigation.rest.jump",
+  "alt-q": "navigation.graphql.jump",
+  "alt-w": "navigation.realtime.jump",
+  "alt-d": "navigation.documentation.jump",
+  "alt-s": "navigation.settings.jump",
 }
 
 /**
diff --git a/helpers/shortcuts.js b/helpers/shortcuts.js
new file mode 100644
index 000000000..2147a98ac
--- /dev/null
+++ b/helpers/shortcuts.js
@@ -0,0 +1,129 @@
+import { getPlatformAlternateKey, getPlatformSpecialKey } from "./platformutils"
+
+export default [
+  {
+    section: "General",
+    shortcuts: [
+      {
+        keys: ["?"],
+        label: "shortcut.general.help_menu",
+      },
+      {
+        keys: ["/"],
+        label: "shortcut.general.command_menu",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "K"],
+        label: "shortcut.general.show_all",
+      },
+      {
+        keys: ["Esc"],
+        label: "shortcut.general.close_current_menu",
+      },
+    ],
+  },
+  {
+    section: "Request",
+    shortcuts: [
+      {
+        keys: [getPlatformSpecialKey(), "G"],
+        label: "shortcut.send_request",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "S"],
+        label: "shortcut.save_to_collections",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "C"],
+        label: "shortcut.copy_request_link",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "I"],
+        label: "shortcut.reset_request",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "↑"],
+        label: "shortcut.next_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "↓"],
+        label: "shortcut.previous_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "G"],
+        label: "shortcut.get_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "H"],
+        label: "shortcut.head_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "P"],
+        label: "shortcut.post_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "U"],
+        label: "shortcut.put_method",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "X"],
+        label: "shortcut.delete_method",
+      },
+    ],
+  },
+]
+
+export const spotlight = [
+  {
+    section: "Spotlight",
+    shortcuts: [
+      {
+        keys: ["?"],
+        label: "shortcut.general.help_menu",
+        action: "modals.support.toggle",
+        icon: "support",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "K"],
+        label: "shortcut.general.show_all",
+        action: "flyouts.keybinds.toggle",
+        icon: "keyboard",
+      },
+    ],
+  },
+  {
+    section: "Navigation",
+    shortcuts: [
+      {
+        keys: [getPlatformAlternateKey(), "R"],
+        label: "shortcut.navigation.rest",
+        action: "navigation.rest.jump",
+        icon: "arrow_forward",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "Q"],
+        label: "shortcut.navigation.graphql",
+        action: "navigation.graphql.jump",
+        icon: "arrow_forward",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "W"],
+        label: "shortcut.navigation.realtime",
+        action: "navigation.realtime.jump",
+        icon: "arrow_forward",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "D"],
+        label: "shortcut.navigation.documentation",
+        action: "navigation.documentation.jump",
+        icon: "arrow_forward",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "S"],
+        label: "shortcut.navigation.settings",
+        action: "navigation.settings.jump",
+        icon: "arrow_forward",
+      },
+    ],
+  },
+]
diff --git a/lang/en-US.json b/lang/en-US.json
index 937332b2e..0d26dfc54 100644
--- a/lang/en-US.json
+++ b/lang/en-US.json
@@ -72,7 +72,8 @@
     "chat": "Questions? Chat with us!",
     "forum": "Ask questions and get answers",
     "team": "Get in touch with the team",
-    "shortcuts": "Become more efficient"
+    "shortcuts": "Browse app faster",
+    "community": "Ask questions and help others"
   },
   "app": {
     "name": "Hoppscotch",
@@ -81,8 +82,9 @@
     "whats_new": "What's new?",
     "chat_with_us": "Chat with us",
     "keyboard_shortcuts": "Keyboard shortcuts",
-    "new_version_found": "New version found. Refresh to update.",
+    "join_discord_community": "Join our Discord community",
     "twitter": "Twitter",
+    "new_version_found": "New version found. Refresh to update.",
     "terms_and_privacy": "Terms and privacy",
     "status": "Status",
     "help": "Help, feedback and</br>documentation",
@@ -90,7 +92,9 @@
     "invite_your_friends": "Invite your friends",
     "invite_description": "In Hoppscotch, we designed a simple and intuitive interface for creating and managing your APIs. Hoppscotch is a tool that helps you build, test, document and share your APIs.",
     "share": "Share",
-    "copy": "Copy"
+    "copy": "Copy",
+    "search": "Search",
+    "type_a_command_search": "Type a command or search…"
   },
   "collection": {
     "save_as": "Save as",
@@ -208,9 +212,16 @@
     "general": {
       "help_menu": "Help menu",
       "show_all": "Keyboard shortcuts",
-      "command_menu": "Command menu",
+      "command_menu": "Search & command menu",
       "close_current_menu": "Close current menu"
     },
+    "navigation": {
+      "rest": "Go to REST",
+      "graphql": "Go to GraphQL",
+      "realtime": "Go to realtime",
+      "documentation": "Go to documentation",
+      "settings": "Go to settings"
+    },
     "send_request": "Send Request",
     "save_to_collections": "Save to Collections",
     "copy_request_link": "Copy Request Link",
diff --git a/languages.json b/languages.json
new file mode 100644
index 000000000..817e40791
--- /dev/null
+++ b/languages.json
@@ -0,0 +1,135 @@
+[
+  {
+    "code": "en",
+    "name": "English",
+    "iso": "en-US",
+    "file": "en-US.json",
+    "country": "US"
+  },
+  {
+    "code": "es",
+    "name": "Español",
+    "iso": "es-ES",
+    "file": "es-ES.json",
+    "country": "ES"
+  },
+  {
+    "code": "fr",
+    "name": "Français",
+    "iso": "fr-FR",
+    "file": "fr-FR.json",
+    "country": "FR"
+  },
+  {
+    "code": "fa",
+    "name": "Farsi",
+    "iso": "fa-IR",
+    "file": "fa-IR.json",
+    "country": "IR"
+  },
+  {
+    "code": "pt",
+    "name": "Português",
+    "iso": "pt-PT",
+    "file": "pt-PT.json",
+    "country": "PT"
+  },
+  {
+    "code": "pt-br",
+    "name": "Português Brasileiro",
+    "iso": "pt-BR",
+    "file": "pt-BR.json",
+    "country": "BR"
+  },
+  {
+    "code": "cn",
+    "name": "简体中文",
+    "iso": "zh-CN",
+    "file": "zh-CN.json",
+    "country": "CN"
+  },
+  {
+    "code": "tw",
+    "name": "繁體中文",
+    "iso": "zh-TW",
+    "file": "zh-TW.json",
+    "country": "TW"
+  },
+  {
+    "code": "id",
+    "name": "Bahasa Indonesia",
+    "iso": "id-ID",
+    "file": "id-ID.json",
+    "country": "ID"
+  },
+  {
+    "code": "tr",
+    "name": "Türkçe",
+    "iso": "tr-TR",
+    "file": "tr-TR.json",
+    "country": "TR"
+  },
+  {
+    "code": "de",
+    "name": "Deutsch",
+    "iso": "de-DE",
+    "file": "de-DE.json",
+    "country": "DE"
+  },
+  {
+    "code": "ja",
+    "name": "日本語",
+    "iso": "ja-JP",
+    "file": "ja-JP.json",
+    "country": "JP"
+  },
+  {
+    "code": "ko",
+    "name": "한국어",
+    "iso": "ko-KR",
+    "file": "ko-KR.json",
+    "country": "KR"
+  },
+  {
+    "code": "in",
+    "name": "हिंदी",
+    "iso": "in-IN",
+    "file": "in-IN.json",
+    "country": "IN"
+  },
+  {
+    "code": "bn",
+    "name": "Bengali",
+    "iso": "bn-BD",
+    "file": "bn-BD.json",
+    "country": "BD"
+  },
+  {
+    "code": "ml",
+    "name": "മലയാളം",
+    "iso": "ml-ML",
+    "file": "ml-ML.json",
+    "country": "ML"
+  },
+  {
+    "code": "vi",
+    "name": "Vietnamese",
+    "iso": "vi-VN",
+    "file": "vi-VN.json",
+    "country": "VN"
+  },
+  {
+    "code": "nl",
+    "name": "Dutch",
+    "iso": "nl-BE",
+    "file": "nl-BE.json",
+    "country": "BE"
+  },
+  {
+    "code": "nb",
+    "name": "Norwegian (Bokmål)",
+    "iso": "nb-NO",
+    "file": "nb-NO.json",
+    "country": "NO"
+  }
+]
diff --git a/layouts/default.vue b/layouts/default.vue
index 1c4345910..0b360e869 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api"
+import { defineComponent, useRouter } from "@nuxtjs/composition-api"
 import { Splitpanes, Pane } from "splitpanes"
 import "splitpanes/dist/splitpanes.css"
 import { setupLocalPersistence } from "~/newstore/localpersistence"
@@ -47,11 +47,28 @@ import { initializeFirebase } from "~/helpers/fb"
 import { getSettingSubject } from "~/newstore/settings"
 import { logPageView } from "~/helpers/fb/analytics"
 import { hookKeybindingsListener } from "~/helpers/keybindings"
+import { defineActionHandler } from "~/helpers/actions"
 
 export default defineComponent({
   components: { Splitpanes, Pane },
   setup() {
     hookKeybindingsListener()
+    const router = useRouter()
+    defineActionHandler("navigation.rest.jump", () => {
+      router.push({ path: "/" })
+    })
+    defineActionHandler("navigation.graphql.jump", () => {
+      router.push({ path: "/graphql" })
+    })
+    defineActionHandler("navigation.realtime.jump", () => {
+      router.push({ path: "/realtime" })
+    })
+    defineActionHandler("navigation.documentation.jump", () => {
+      router.push({ path: "/documentation" })
+    })
+    defineActionHandler("navigation.settings.jump", () => {
+      router.push({ path: "/settings" })
+    })
   },
   data() {
     return {
diff --git a/nuxt.config.js b/nuxt.config.js
index 69e7daaeb..43c2dc443 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,3 +1,5 @@
+import languages from "./languages"
+
 require("dotenv").config()
 
 // Common options
@@ -6,6 +8,8 @@ export const options = {
   shortDescription: "Open source API development ecosystem",
   description:
     "Helps you create requests faster, saving precious time on development.",
+  keywords:
+    "hoppscotch, hopp scotch, hoppscotch online, hoppscotch app, postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql, socketio",
   loading: {
     color: "var(--accent-color)",
     background: "var(--primary-color)",
@@ -35,8 +39,7 @@ export default {
     meta: [
       {
         name: "keywords",
-        content:
-          "hoppscotch, hopp scotch, hoppscotch online, hoppscotch app, postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql, socketio",
+        content: options.keywords,
       },
       {
         name: "X-UA-Compatible",
@@ -215,141 +218,7 @@ export default {
 
   // i18n module configuration (https://github.com/nuxt-community/i18n-module)
   i18n: {
-    locales: [
-      {
-        code: "en",
-        name: "English",
-        iso: "en-US",
-        file: "en-US.json",
-        country: "US",
-      },
-      {
-        code: "es",
-        name: "Español",
-        iso: "es-ES",
-        file: "es-ES.json",
-        country: "ES",
-      },
-      {
-        code: "fr",
-        name: "Français",
-        iso: "fr-FR",
-        file: "fr-FR.json",
-        country: "FR",
-      },
-      {
-        code: "fa",
-        name: "Farsi",
-        iso: "fa-IR",
-        file: "fa-IR.json",
-        country: "IR",
-      },
-      {
-        code: "pt",
-        name: "Português",
-        iso: "pt-PT",
-        file: "pt-PT.json",
-        country: "PT",
-      },
-      {
-        code: "pt-br",
-        name: "Português Brasileiro",
-        iso: "pt-BR",
-        file: "pt-BR.json",
-        country: "BR",
-      },
-      {
-        code: "cn",
-        name: "简体中文",
-        iso: "zh-CN",
-        file: "zh-CN.json",
-        country: "CN",
-      },
-      {
-        code: "tw",
-        name: "繁體中文",
-        iso: "zh-TW",
-        file: "zh-TW.json",
-        country: "TW",
-      },
-      {
-        code: "id",
-        name: "Bahasa Indonesia",
-        iso: "id-ID",
-        file: "id-ID.json",
-        country: "ID",
-      },
-      {
-        code: "tr",
-        name: "Türkçe",
-        iso: "tr-TR",
-        file: "tr-TR.json",
-        country: "TR",
-      },
-      {
-        code: "de",
-        name: "Deutsch",
-        iso: "de-DE",
-        file: "de-DE.json",
-        country: "DE",
-      },
-      {
-        code: "ja",
-        name: "日本語",
-        iso: "ja-JP",
-        file: "ja-JP.json",
-        country: "JP",
-      },
-      {
-        code: "ko",
-        name: "한국어",
-        iso: "ko-KR",
-        file: "ko-KR.json",
-        country: "KR",
-      },
-      {
-        code: "in",
-        name: "हिंदी",
-        iso: "in-IN",
-        file: "in-IN.json",
-        country: "IN",
-      },
-      {
-        code: "bn",
-        name: "Bengali",
-        iso: "bn-BD",
-        file: "bn-BD.json",
-        country: "BD",
-      },
-      {
-        code: "ml",
-        name: "മലയാളം",
-        iso: "ml-ML",
-        file: "ml-ML.json",
-        country: "ML",
-      },
-      {
-        code: "vi",
-        name: "Vietnamese",
-        iso: "vi-VN",
-        file: "vi-VN.json",
-        country: "VN",
-      },
-      {
-        code: "nl",
-        name: "Dutch",
-        iso: "nl-BE",
-        file: "nl-BE.json",
-        country: "BE",
-      },
-      {
-        code: "nb",
-        name: "Norwegian (Bokmål)",
-        iso: "nb-NO",
-        file: "nb-NO.json",
-        country: "NO",
-      },
-    ],
+    locales: languages,
     defaultLocale: "en",
     vueI18n: {
       fallbackLocale: "en",
diff --git a/pages/graphql.vue b/pages/graphql.vue
index 3aa865e07..ea1110acd 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -372,10 +372,13 @@
                       {{ $t("shortcut.send_request") }}
                     </span>
                     <span class="flex flex-1 items-center">
-                      {{ $t("shortcut.reset_request") }}
+                      {{ $t("shortcut.general.show_all") }}
                     </span>
                     <span class="flex flex-1 items-center">
-                      {{ $t("shortcut.general.show_all") }}
+                      {{ $t("shortcut.general.command_menu") }}
+                    </span>
+                    <span class="flex flex-1 items-center">
+                      {{ $t("shortcut.general.help_menu") }}
                     </span>
                   </div>
                   <div class="flex flex-col space-y-4">
@@ -385,7 +388,10 @@
                     </div>
                     <div class="flex">
                       <span class="shortcut-key">{{ getSpecialKey() }}</span>
-                      <span class="shortcut-key">I</span>
+                      <span class="shortcut-key">K</span>
+                    </div>
+                    <div class="flex">
+                      <span class="shortcut-key">/</span>
                     </div>
                     <div class="flex">
                       <span class="shortcut-key">?</span>