undo changes to nav and footer

website/docusaurus.config.ts

@@ -42,23 +42,7 @@ const addDocsRoutePrefix = ({ from, ...rest }) => {
     };
 };
 
-const getUnleashRepoStars = async () => {
+const config: Config = {
-    const response = await fetch(
-        `https://api.github.com/repos/unleash/unleash`,
-    );
-    const data = await response.json();
-
-    const unleashRepoStars = data.stargazers_count;
-    const formattedStars =
-        unleashRepoStars >= 1000
-            ? `${(unleashRepoStars / 1000).toFixed(1)}k`
-            : unleashRepoStars.toString();
-    return formattedStars;
-};
-
-export default async function createConfigAsync(): Promise<Config> {
-    const stars = await getUnleashRepoStars();
-    return {
     title: 'Unleash Documentation',
     tagline: 'The enterprise ready feature flag service',
     url: 'https://docs.getunleash.io',
@@ -88,27 +72,43 @@ export default async function createConfigAsync(): Promise<Config> {
                 src: 'https://getunleash.io/logos/unleash_pos.svg',
                 srcDark: 'img/unleash_logo_white.svg',
                 href: 'https://www.getunleash.io',
-                    height: '2rem',
             },
             items: [
                 {
-                        label: 'Product',
+                    type: 'doc',
-                        href: 'https://www.getunleash.io/enterprise-feature-management-platform',
+                    position: 'right',
-                        position: 'left',
+                    docId: 'quickstart',
+                    html: '<span class="hide-when-active">Quickstart</span>',
                 },
                 {
-                        label: 'Plans',
+                    type: 'doc',
-                        href: 'https://www.getunleash.io/plans',
+                    position: 'right',
-                        position: 'left',
+                    docId: 'welcome',
+                    html: '<span class="hide-when-active">Docs</span>',
                 },
                 {
-                        label: 'Blog',
+                    type: 'html',
-                        href: 'https://www.getunleash.io/blog',
+                    value: '<a href="https://www.getunleash.io/enterprise-feature-management-platform" class="navbar__item navbar__link">Product</a>',
-                        position: 'left',
+                    position: 'right',
+                },
+                {
+                    type: 'html',
+                    value: '<a href="https://www.getunleash.io/plans" class="navbar__item navbar__link">Plans</a>',
+                    position: 'right',
+                },
+                {
+                    type: 'html',
+                    value: '<a href="https://www.getunleash.io/blog" class="navbar__item navbar__link">Blog</a>',
+                    position: 'right',
+                },
+                {
+                    type: 'html',
+                    position: 'right',
+                    value: '<span class="navbar-separator"></span>',
                 },
                 {
                     type: 'dropdown',
-                        position: 'left',
+                    position: 'right',
                     html: '<span class="hide-at-small-sizes">Unleash </span>Academy',
                     to: 'unleash-academy/introduction',
                     items: [
@@ -129,9 +129,10 @@ export default async function createConfigAsync(): Promise<Config> {
                         },
                     ],
                 },
+
                 {
                     type: 'dropdown',
-                        position: 'left',
+                    position: 'right',
                     html: '<span class="hide-at-small-sizes">Unleash </span>Certification',
                     items: [
                         {
@@ -149,13 +150,19 @@ export default async function createConfigAsync(): Promise<Config> {
                     ],
                 },
                 {
-                        type: 'search',
+                    type: 'html',
+                    position: 'right',
+                    value: '<span class="navbar-separator"></span>',
+                },
+                {
+                    type: 'html',
+                    value: '<a href="https://app.unleash-hosted.com/sign-in" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Sign in</a>',
                     position: 'right',
                 },
                 {
-                        label: 'Sign in',
+                    type: 'html',
-                        href: 'https://app.unleash-hosted.com/sign-in',
                     position: 'right',
+                    value: '<span class="navbar-separator"></span>',
                 },
                 {
                     type: 'html',
@@ -166,15 +173,8 @@ export default async function createConfigAsync(): Promise<Config> {
 class="header-github-link"
 >
 <svg width="28px" height="28px" viewBox="0 0 21 20"><path fill="currentColor" d="M10.537 1.833c-4.602 0-8.333 3.544-8.333 7.917 0 4.373 3.73 7.917 8.333 7.917s8.334-3.544 8.334-7.917c0-4.373-3.73-7.917-8.334-7.917Zm0 1.584c3.676 0 6.667 2.842 6.667 6.333 0 .371-.039.736-.104 1.089a4.345 4.345 0 0 0-.86-.1 6.375 6.375 0 0 0-.859.075 2.76 2.76 0 0 0 .156-.89c0-.761-.39-1.47-1.015-2.054.172-.61.342-1.655-.104-2.078a2.762 2.762 0 0 0-2.084.94 5.684 5.684 0 0 0-1.276-.149 5.91 5.91 0 0 0-1.64.248l.156-.124s-.733-.965-2.083-.965c-.472.452-.258 1.596-.079 2.177-.638.579-1.041 1.262-1.041 2.004 0 .26.065.507.13.742-.231-.024-1.064-.098-1.406-.098-.303 0-.772.067-1.146.148a5.912 5.912 0 0 1-.078-.965c0-3.491 2.991-6.333 6.666-6.333Zm-5.442 7.347c.329 0 1.328.112 1.458.124.016.043.033.084.052.124-.358-.031-1.051-.078-1.51-.025-.306.034-.697.14-1.042.223-.026-.1-.059-.195-.078-.297.365-.074.843-.149 1.12-.149Zm11.146.174c.332.003.634.055.833.098-.01.053-.04.096-.052.149a5.042 5.042 0 0 0-.964-.124c-.195-.003-.508.007-.781.025.013-.025.016-.05.026-.074.283-.037.645-.078.938-.074Zm-10.625.222c.468.003.908.034 1.093.05.437.773 1.319 1.345 2.683 1.583a2.621 2.621 0 0 0-.86.718c-.195.015-.4.024-.599.024-.58 0-.94-.492-1.25-.915-.312-.424-.696-.47-.911-.495-.218-.025-.293.093-.182.173.634.464.862 1.015 1.12 1.51.23.445.715.692 1.25.692h.103a1.33 1.33 0 0 0-.026.248v.865c-1.923-.739-3.388-2.3-3.932-4.23.342-.08.726-.164 1.016-.198.133-.016.302-.028.495-.025Zm10.442.1c.375.008.707.076.912.123-.46 1.639-1.592 3.003-3.1 3.835v-.47c0-.675-.56-1.54-1.353-1.955 1.318-.229 2.177-.776 2.63-1.51.316-.02.687-.03.911-.024Zm-5.104 3.24a.41.41 0 0 1 .417.396v1.138c-.274.034-.55.05-.834.05v-1.188a.41.41 0 0 1 .417-.396Zm-1.667.792a.41.41 0 0 1 .417.396v.346a7.438 7.438 0 0 1-.833-.148v-.198a.41.41 0 0 1 .416-.396Zm3.334 0c.202 0 .377.139.416.321-.27.106-.546.201-.833.273v-.198a.41.41 0 0 1 .417-.396Z"/></svg>
-    <span>Stars</span>
-    <strong>${stars}</strong>
 </a>`,
                 },
-                    {
-                        label: 'Get a demo',
-                        href: 'https://www.getunleash.io/plans/enterprise',
-                        position: 'right',
-                    },
             ],
         },
         prism: {
@@ -230,48 +230,8 @@ export default async function createConfigAsync(): Promise<Config> {
             },
         ],
         footer: {
+            style: 'dark',
             links: [
-                    {
-                        title: 'Feature Flag use cases',
-                        items: [
-                            {
-                                label: 'Secure, scalable feature flags',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Rollbacks',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Fedramp, SOC2, ISO2700 compliance',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Progressive or gradual rollouts',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Trunk-based development',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Software kill switches',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'A/B testing',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Feature Management',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                            {
-                                label: 'Canary releases',
-                                to: 'https://getunleash.io/TBD',
-                            },
-                        ],
-                    },
                 {
                     title: 'Product',
                     items: [
@@ -315,6 +275,11 @@ export default async function createConfigAsync(): Promise<Config> {
                     ],
                 },
             ],
+            copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`,
+            logo: {
+                src: 'img/logo.svg',
+                alt: 'Unleash logo',
+            },
         },
         image: 'img/logo.png',
         imageZoom: {
@@ -352,8 +317,7 @@ export default async function createConfigAsync(): Promise<Config> {
                     lastmod: 'date',
                     priority: 0.5,
                     createSitemapItems: async (params) => {
-                            const { defaultCreateSitemapItems, ...rest } =
+                        const { defaultCreateSitemapItems, ...rest } = params;
-                                params;
                         const items = await defaultCreateSitemapItems(rest);
                         return items.filter(
                             (item) => !item.url.includes('/page/'),
@@ -456,10 +420,7 @@ export default async function createConfigAsync(): Promise<Config> {
                         to: '/reference/integrations',
                     },
                     {
-                            from: [
+                        from: ['/addons/datadog', '/reference/addons/datadog'],
-                                '/addons/datadog',
-                                '/reference/addons/datadog',
-                            ],
                         to: '/reference/integrations/datadog',
                     },
                     {
@@ -478,10 +439,7 @@ export default async function createConfigAsync(): Promise<Config> {
                         to: '/reference/integrations/teams',
                     },
                     {
-                            from: [
+                        from: ['/addons/webhook', '/reference/addons/webhook'],
-                                '/addons/webhook',
-                                '/reference/addons/webhook',
-                            ],
                         to: '/reference/integrations/webhook',
                     },
                     {
@@ -489,10 +447,7 @@ export default async function createConfigAsync(): Promise<Config> {
                         to: '/how-to/how-to-send-feature-updates-to-slack-deprecated',
                     },
                     {
-                            from: [
+                        from: ['/integrations/integrations', '/integrations'],
-                                '/integrations/integrations',
-                                '/integrations',
-                            ],
                         to: '/reference/integrations',
                     },
                     {
@@ -717,10 +672,7 @@ export default async function createConfigAsync(): Promise<Config> {
                         to: '/',
                     },
                     {
-                            from: [
+                        from: ['/topics/feature-flags/tutorials', '/tutorials'],
-                                '/topics/feature-flags/tutorials',
-                                '/tutorials',
-                            ],
                         to: '/feature-flag-tutorials',
                     },
                     {
@@ -968,10 +920,10 @@ export default async function createConfigAsync(): Promise<Config> {
             'data-project-color': '#1A4049',
             'data-project-logo':
                 'https://cdn.getunleash.io/uploads/2022/05/logo.png',
-                'data-button-position-bottom': '80px',
             defer: true,
         },
     ],
     clientModules: ['./global.js'],
 };
-}
+
+export default config;

website/src/css/custom.css

@@ -98,7 +98,6 @@ html[data-theme="dark"] {
     justify-content: space-between;
     gap: 10px;
     height: 100%;
-    border: 2px solid var(--ifm-navbar-link-color);
     padding: 0.25rem 0.5rem;
 }
 
@@ -115,10 +114,6 @@ html[data-theme="dark"] {
     margin: 0.5rem;
 }
 
-.navbar a[href*="http"] svg {
-    display: none;
-}
-
 .navbar .navbar__link--active:has(.hide-when-active) {
     display: none;
 }
@@ -252,7 +247,7 @@ main
 .navbar__item:has(.navbar-separator) {
     width: 1px;
     height: 100%;
-    background: rgba(255, 255, 255, 0.3);
+    background: rgba(0, 0, 0, 0.3);
     padding: 0;
     margin-inline: var(--ifm-spacing-horizontal);
 }

website/src/theme/Footer/footer.module.css

@@ -1,39 +0,0 @@
-.wrapper {
-    background-color: var(--ifm-background-color);
-    z-index: 1;
-}
-
-.footer {
-    font-family: Styrene B Web, sans-serif;
-    border-top: 1px solid var(--ifm-font-color-base);
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-}
-
-.unleash {
-    max-width: 340px;
-    padding-top: var(--ifm-footer-padding-vertical);
-    padding-left: var(--ifm-spacing-horizontal);
-}
-
-@media screen and (min-width: 768px) {
-
-    .footer {
-        flex-wrap: nowrap;
-    }
-    
-}
-
-.copyright {
-    min-height: 70px;
-    display: flex;
-    justify-content: space-between;
-    padding: 0 1rem;
-    align-items: center;
-    border-top: 1px solid var(--ifm-font-color-base);
-}
-
-.copyright p{
-    margin-bottom: 0;
-}

website/src/theme/Footer/index.tsx

@@ -1,98 +0,0 @@
-import Footer from '@theme-original/Footer';
-import type FooterType from '@theme/Footer';
-import type { WrapperProps } from '@docusaurus/types';
-import styles from './footer.module.css';
-
-type Props = WrapperProps<typeof FooterType>;
-
-export default function FooterWrapper(props: Props): JSX.Element {
-    return (
-        <div className={styles.wrapper}>
-            <div className={styles.footer}>
-                <div className={styles.unleash}>
-                    <p>
-                        Unleash reduces the risk of releasing new features,
-                        drives innovation by streamlining the software release
-                        process. While we serve the needs of the world's
-                        largest, most security-conscious organizations, we are
-                        also rated the “Easiest Feature Management system to
-                        use” by G2.
-                    </p>
-                </div>
-                <Footer {...props} />
-            </div>
-            <div className={styles.copyright}>
-                <p style={{ display: 'flex', gap: '5px' }}>
-                    <svg
-                        width='21'
-                        height='21'
-                        viewBox='0 0 21 21'
-                        xmlns='http://www.w3.org/2000/svg'
-                    >
-                        <title>Heart</title>
-                        <path
-                            d='M17.0674 4.53516V10.5352H19.0674V4.53516H17.0674Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M1.06738 4.53516L1.06738 10.5352H3.06738L3.06738 4.53516H1.06738Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M17.0674 2.53516H13.0674V10.5352H17.0674V2.53516Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M7.06738 2.53516H3.06738V10.5352H7.06738V2.53516Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M13.0674 12.5352H5.06738V14.5352H13.0674V12.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M15.0674 10.5352H3.06738V12.5352H15.0674V10.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M11.0674 6.53516H9.06738V10.5352H11.0674V6.53516Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M13.0674 4.53516H11.0674V10.5352H13.0674V4.53516Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M9.06738 4.53516H7.06738V10.5352H9.06738V4.53516Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M11.0674 14.5352H7.06738V16.5352H11.0674V14.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M11.0674 16.5352H9.06738V18.5352H11.0674V16.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M13.0674 14.5352H11.0674V16.5352H13.0674V14.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M15.0674 12.5352H13.0674V14.5352H15.0674V12.5352Z'
-                            fill='#817AFE'
-                        />
-                        <path
-                            d='M17.0674 10.5352H15.0674V12.5352H17.0674V10.5352Z'
-                            fill='#817AFE'
-                        />
-                    </svg>
-                    Made in a cosy atmosphere in the Nordic countries.
-                </p>
-                <p>
-                    {`Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`}
-                </p>
-            </div>
-        </div>
-    );
-}