First draft of making the top nav consistent with the rest of the site. The responsive aspects still don't work right and the navbar items aren't centered as they are on the main site.

Also removed the otterhelm image since this is not an Otterize OSS repo.

Author: usarid

README.md

@@ -1,8 +1,5 @@
 # Otterize Docs
 
-![Otter Manning Helm](./otterhelm.png)
-
-
 ![build](https://github.com/otterize/docs/actions/workflows/deploy.yml/badge.svg)
 [![community](https://img.shields.io/badge/slack-Otterize_Slack-purple.svg?logo=slack)](https://joinslack.otterize.com/)
 

docusaurus.config.js

@@ -79,20 +79,65 @@ const config = {
                     alt: 'Otterize',
                     src: 'img/otterize-logo-dark.svg',
                     srcDark: 'img/otterize-logo-light.svg',
+                    href: 'https://otterize.com',
+                    target: '_self',
                 },
                 items: [
+                    {
+                        href: 'https://otterize.com/open-source',
+                        label: 'Open source',
+                        position: 'right',
+                        target: '_self',
+                    },
+                    {
+                        href: 'https://otterize.com/product',
+                        label: 'Product',
+                        position: 'right',
+                        target: '_self',
+                    },
+                    {
+                        href: 'https://otterize.com/ibac',
+                        label: 'IBAC',
+                        position: 'right',
+                        target: '_self',
+                    },
                     {
                         type: 'doc',
                         docId: 'getting-started/README',
-                        position: 'left',
-                        label: 'Documentation',
+                        position: 'right',
+                        label: 'Docs',
+                    },
+                    {
+                        href: 'https://otterize.com/pricing',
+                        label: 'Pricing',
+                        position: 'right',
+                        target: '_self',
+                    },
+                    {
+                        href: 'https://otterize.com/team',
+                        label: 'Team',
+                        position: 'right',
+                        target: '_self',
+                    },
+                    {
+                        href: 'https://otterize.com/blog',
+                        label: 'Blog',
+                        position: 'right',
+                        target: '_self',
                     },
                     {
                         href: 'https://github.com/otterize',
-                        label: 'GitHub',
+                        html: '<img src="/img/github-round-logo.svg" />',
                         position: 'right',
+                        class: 'navbar_external_logo_first',
                     },
-                ],
+                    {
+                        href: 'https://otterizecommunity.slack.com',
+                        html: '<img src="/img/slack-logo-no-border.svg" />',
+                        position: 'right',
+                        class: 'navbar_external_logo',
+                    },
+               ],
             },
             footer: {
                 style: 'dark',

src/css/custom.css

@@ -55,3 +55,19 @@
 pre.prism-code {
   white-space : pre-wrap;
 }
+
+/* Remove icon for external link */
+.navbar__item>svg {
+    display: none;
+}
+
+.navbar_external_logo_first {
+  width: 2rem;
+  margin-right: .5rem;
+  margin-left: 5rem;
+}
+.navbar_external_logo {
+  width: 2rem;
+  margin-right: .5rem;
+  margin-left: .5rem;
+}