From f53f4a018a4770931ca7cb5c3c950d4d9734fdfc Mon Sep 17 00:00:00 2001 From: "Victor Vucicevich (Vic Vu)" Date: Mon, 20 Mar 2023 13:17:19 -0700 Subject: [PATCH] add discord to docs --- docusaurus.config.js | 40 +++++++++++++++++++++++++++++++++------ src/css/custom.css | 29 ++++++++++++++++++++++++++++ src/theme/Footer/index.js | 13 ++++++++++++- 3 files changed, 75 insertions(+), 7 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 952f62f9..c4e9005f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -101,6 +101,7 @@ const config = { appId: '6TW93YPS4X', apiKey: '2a9dbde35586f5ae29571b19dacc71c6', // Public API key: it is safe to commit it indexName: 'prod_DEVCYCLE_DOCS', + contextualSearch: true, }, navbar: { logo: { @@ -124,21 +125,29 @@ const config = { label: 'SDKs', }, { - docId: 'tools-and-integrations/integrations', + type: 'dropdown', + label: 'APIs', position: 'left', - label: 'Tools & Integrations', - type: 'doc' - }, + items: [ + { label: 'Management API', - position: 'left', to: '/management-api/', }, { label: 'Bucketing API', - position: 'left', to: '/bucketing-api/', }, + ], + }, + + { + docId: 'tools-and-integrations/integrations', + position: 'left', + label: 'Tools & Integrations', + type: 'doc' + }, + { type: 'doc', docId: 'best-practices/best-practices', @@ -146,6 +155,12 @@ const config = { position: 'left', label: 'Guides & Best Practices', }, + { + href: 'https://discord.gg/pKK4fJgGxG', + position: 'right', + className: 'header-discord-link', + 'aria-label': 'Discord', + }, ], }, footer: { @@ -170,6 +185,10 @@ const config = { label: 'Github', href: 'https://github.com/devcyclehq', }, + { + label: 'Discord', + href: 'https://discord.gg/pKK4fJgGxG', + }, ], }, { @@ -179,6 +198,11 @@ const config = { label: 'Blog', href: 'https://devcycle.com/company/developer-blog', }, + { + label: 'Discord', + href: 'https://discord.gg/pKK4fJgGxG', + }, + // { // label: 'Status', // href: 'https://status.DevCycle.com/' @@ -196,6 +220,10 @@ const config = { label: 'Medium', href: 'https://medium.com/devcycle', }, + { + label: 'Discord', + href: 'https://discord.gg/pKK4fJgGxG' + } ], }, ], diff --git a/src/css/custom.css b/src/css/custom.css index e17a4f41..9c128f05 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -28,6 +28,33 @@ a:hover.menu__link { color: #365eda; } +.header-discord-link:hover { + opacity: 0.6; +} + +.header-discord-link:before { + content: ""; + display: inline-block; + height: 24px; + width: 24px; + background-color: currentColor; + mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z'%3E%3C/path%3E%3C/svg%3E"); +} + + +.header-discord-link { + padding: 0; + padding-right: 25pt; + margin: 0; + width: 24px; + height: 24px; +} + + +.header-discord-link { + opacity: 1; +} + a.menu__link menu__link--active, a.menu__link--active:not(.menu__link--sublist) { @apply dark:bg-gray-600; @apply bg-blue-50; @@ -89,3 +116,5 @@ html[data-theme="dark"] .DocSearch { var(--ifm-color-emphasis-100) 100% ); } + + diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js index ddceb200..b1889576 100644 --- a/src/theme/Footer/index.js +++ b/src/theme/Footer/index.js @@ -4,7 +4,9 @@ const navigation = { main: [ { name: 'DevCycle', href: 'https://devcycle.com' }, { name: 'Dashboard', href: 'https://app.devcycle.com' }, - { name: 'Blog', href: 'https://devcycle.com/company/developer-blog' }, + { name: 'Blog', href: 'https://devcycle.com/blog' }, + { name: 'Discord', href: 'https://discord.gg/pKK4fJgGxG' }, + ], social: [ { @@ -16,6 +18,15 @@ const navigation = { ), }, + { + name: 'Discord', + href: 'https://discord.gg/pKK4fJgGxG', + icon: () => ( + + ), + }, { name: 'GitHub', href: 'https://github.com/devcyclehq',