From c0b511f682af27f9f3905e1f8ddce401ce65a238 Mon Sep 17 00:00:00 2001 From: Jeff Escalante Date: Thu, 2 Apr 2020 20:33:08 -0400 Subject: [PATCH] new footer --- website/components/footer/index.jsx | 32 +++++++++++++++++++++++++++ website/components/footer/style.css | 32 +++++++++++++++++++++++++++ website/layouts/index.jsx | 34 +++++++++++++++++++++++++++++ website/pages/_app.js | 14 +++++++----- website/pages/home/style.css | 4 ++-- website/pages/security/index.mdx | 1 + website/pages/style.css | 7 +++++- 7 files changed, 115 insertions(+), 9 deletions(-) create mode 100644 website/components/footer/index.jsx create mode 100644 website/components/footer/style.css create mode 100644 website/layouts/index.jsx diff --git a/website/components/footer/index.jsx b/website/components/footer/index.jsx new file mode 100644 index 000000000..9f0400fb3 --- /dev/null +++ b/website/components/footer/index.jsx @@ -0,0 +1,32 @@ +import Link from 'next/link' + +export default function Footer({ openConsentManager }) { + return ( + + ) +} diff --git a/website/components/footer/style.css b/website/components/footer/style.css new file mode 100644 index 000000000..bd11930e6 --- /dev/null +++ b/website/components/footer/style.css @@ -0,0 +1,32 @@ +.g-footer { + padding: 25px 0 17px 0; + flex-shrink: 0; + display: flex; + + & .g-container { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + + & a { + color: black; + opacity: 0.5; + transition: opacity 0.25s ease; + cursor: pointer; + display: inline-block; + + &:hover { + opacity: 1; + } + } + + & .left > a { + margin-right: 20px; + margin-bottom: 8px; + + &:last-child { + margin-right: 0; + } + } +} diff --git a/website/layouts/index.jsx b/website/layouts/index.jsx new file mode 100644 index 000000000..8feb3e054 --- /dev/null +++ b/website/layouts/index.jsx @@ -0,0 +1,34 @@ +import DocsPage from '@hashicorp/react-docs-page' +import Head from 'next/head' +import Link from 'next/link' + +function DocsLayoutWrapper(pageMeta) { + function DocsLayout(props) { + return ( + + ) + } + + DocsLayout.getInitialProps = ({ asPath }) => ({ path: asPath }) + + return DocsLayout +} + +export default DocsLayoutWrapper diff --git a/website/pages/_app.js b/website/pages/_app.js index 71638c285..9b1d661ef 100644 --- a/website/pages/_app.js +++ b/website/pages/_app.js @@ -4,7 +4,7 @@ import NProgress from 'nprogress' import Router from 'next/router' import ProductSubnav from '../components/subnav' import MegaNav from '@hashicorp/react-mega-nav' -import Footer from '@hashicorp/react-footer' +import Footer from '../components/footer' import { ConsentManager, open } from '@hashicorp/react-consent-manager' import consentManagerConfig from '../lib/consent-manager-config' import bugsnagClient from '../lib/bugsnag' @@ -14,7 +14,7 @@ import HashiHead from '@hashicorp/react-head' Router.events.on('routeChangeStart', NProgress.start) Router.events.on('routeChangeError', NProgress.done) -Router.events.on('routeChangeComplete', url => { +Router.events.on('routeChangeComplete', (url) => { setTimeout(() => window.analytics.page(url), 0) NProgress.done() }) @@ -55,8 +55,8 @@ class NextApp extends App { { href: '/css/nprogress.css' }, { href: - 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap' - } + 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap', + }, ]} icon={[{ href: '/favicon.ico' }]} preload={[ @@ -69,12 +69,14 @@ class NextApp extends App { { href: '/fonts/metro-sans/regular.woff2', as: 'font' }, { href: '/fonts/metro-sans/semi-bold.woff2', as: 'font' }, { href: '/fonts/metro-sans/bold.woff2', as: 'font' }, - { href: '/fonts/dejavu/mono.woff2', as: 'font' } + { href: '/fonts/dejavu/mono.woff2', as: 'font' }, ]} /> - +
+ +