diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts index 50460b5655..bb17321db3 100644 --- a/website/docusaurus.config.ts +++ b/website/docusaurus.config.ts @@ -230,7 +230,7 @@ class="header-github-link" }, ], footer: { - style: 'dark', + // style: 'dark', links: [ { title: 'Product', @@ -275,11 +275,11 @@ class="header-github-link" ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`, - logo: { - src: 'img/logo.svg', - alt: 'Unleash logo', - }, + // copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`, + // logo: { + // src: 'img/logo.svg', + // alt: 'Unleash logo', + // }, }, image: 'img/logo.png', imageZoom: { diff --git a/website/src/theme/Footer/footer.module.css b/website/src/theme/Footer/footer.module.css index 87c0076249..96f31d0a9c 100644 --- a/website/src/theme/Footer/footer.module.css +++ b/website/src/theme/Footer/footer.module.css @@ -12,17 +12,30 @@ } .unleash { - max-width: 340px; + gap: 20px; padding-top: var(--ifm-footer-padding-vertical); padding-left: var(--ifm-spacing-horizontal); } -@media screen and (min-width: 768px) { +.social { + display: flex; + gap: 20px; + padding-top: var(--ifm-footer-padding-vertical); + padding-right: var(--ifm-spacing-horizontal); +} +.social svg { + color: #93a1a5; +} + +@media screen and (min-width: 768px) { .footer { flex-wrap: nowrap; } - + + .unleash { + display: flex; + } } .copyright { @@ -34,6 +47,6 @@ border-top: 1px solid var(--ifm-font-color-base); } -.copyright p{ +.copyright p { margin-bottom: 0; } diff --git a/website/src/theme/Footer/icons/linkedin.svg b/website/src/theme/Footer/icons/linkedin.svg new file mode 100644 index 0000000000..f0c6b4d342 --- /dev/null +++ b/website/src/theme/Footer/icons/linkedin.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/website/src/theme/Footer/icons/slack.svg b/website/src/theme/Footer/icons/slack.svg new file mode 100644 index 0000000000..170c6155a3 --- /dev/null +++ b/website/src/theme/Footer/icons/slack.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/website/src/theme/Footer/icons/twitter.svg b/website/src/theme/Footer/icons/twitter.svg new file mode 100644 index 0000000000..32a5e85e3e --- /dev/null +++ b/website/src/theme/Footer/icons/twitter.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/website/src/theme/Footer/icons/youtube.svg b/website/src/theme/Footer/icons/youtube.svg new file mode 100644 index 0000000000..590fe842f6 --- /dev/null +++ b/website/src/theme/Footer/icons/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/website/src/theme/Footer/index.tsx b/website/src/theme/Footer/index.tsx index 97a0c291d8..36598b54fe 100644 --- a/website/src/theme/Footer/index.tsx +++ b/website/src/theme/Footer/index.tsx @@ -3,6 +3,10 @@ import type FooterType from '@theme/Footer'; import type { WrapperProps } from '@docusaurus/types'; import styles from './footer.module.css'; import Heart from './Heart'; +import LinkedinIcon from './icons/linkedin.svg'; +import TwitterIcon from './icons/Twitter.svg'; +import SlackIcon from './icons/Slack.svg'; +import YoutubeIcon from './icons/youtube.svg'; type Props = WrapperProps; @@ -11,14 +15,52 @@ export default function FooterWrapper(props: Props): JSX.Element {
-

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

+ Unleash logo +
+

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

+ +