diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts index bc955557bf..1b3b1f5b95 100644 --- a/website/docusaurus.config.ts +++ b/website/docusaurus.config.ts @@ -315,7 +315,6 @@ export default async function createConfigAsync(): Promise { ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`, }, image: 'img/logo.png', imageZoom: { @@ -969,6 +968,7 @@ export default async function createConfigAsync(): Promise { 'data-project-color': '#1A4049', 'data-project-logo': 'https://cdn.getunleash.io/uploads/2022/05/logo.png', + 'data-button-position-bottom': '80px', defer: true, }, ], diff --git a/website/src/theme/Footer/footer.module.css b/website/src/theme/Footer/footer.module.css new file mode 100644 index 0000000000..87c0076249 --- /dev/null +++ b/website/src/theme/Footer/footer.module.css @@ -0,0 +1,39 @@ +.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; +} diff --git a/website/src/theme/Footer/index.tsx b/website/src/theme/Footer/index.tsx new file mode 100644 index 0000000000..0137f36513 --- /dev/null +++ b/website/src/theme/Footer/index.tsx @@ -0,0 +1,98 @@ +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; + +export default function FooterWrapper(props: Props): JSX.Element { + return ( +
+
+
+

+ 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. +

+
+
+
+
+

+ + Heart + + + + + + + + + + + + + + + + Made in a cosy atmosphere in the Nordic countries. +

+

+ {`Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`} +

+
+
+ ); +}