diff --git a/src/components/MinimalFooter.tsx b/src/components/MinimalFooter.tsx new file mode 100644 index 000000000..ac79751fd --- /dev/null +++ b/src/components/MinimalFooter.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +import styled from '@emotion/styled' +import { Link } from 'gatsby' +import { colors } from '../styles/variables' + +const StyledMinimalFooter = styled.footer` + padding: 5rem 0 6rem; + text-align: center; + color: ${colors.lightGrey}; + background: ${colors.offWhite}; + + p { + margin-bottom: 2rem; + } + + a { + padding: 0 1rem; + color: inherit; + font-weight: 400; + + &:not(:last-child) { + border-right: 1px solid; + } + } +` + +const MinimalFooter = () => ( + +
+

Copyright TypeFox All Right Reserved

+
+ Imprint + Terms of Service + Privacy Policy +
+
+
+) + +export default MinimalFooter diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx index 00393ad1b..ea70813ab 100644 --- a/src/components/Nav.tsx +++ b/src/components/Nav.tsx @@ -208,7 +208,7 @@ const StyledNav = styled.nav` } ` -const Nav = () => { +const Nav = ({ isAFlowPage }: { isAFlowPage?: boolean }) => { const [isNavRendered, setIsNavRendered] = useState(false) const unLock = () => { @@ -240,68 +240,73 @@ const Nav = () => { />
-
+
Gitpod Logo -
- Log In -
- -
-
+ + close menu icon + + + + hamburger menu icon + + + +
+
: null + } + { + isAFlowPage ? Reinstall Extension : null + }
- - - + { + !isAFlowPage ? : null + } diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx index 420bd3c6e..ea3c24ba1 100644 --- a/src/layouts/index.tsx +++ b/src/layouts/index.tsx @@ -12,6 +12,7 @@ import LayoutRoot from '../components/LayoutRoot' import LayoutMain from '../components/LayoutMain' import Nav from '../components/Nav' import Footer from '../components/Footer' +import MinimalFooter from '../components/MinimalFooter' // import AnnoucementBanner from '../components/AnnouncementBanner' type StaticQueryProps = { @@ -24,7 +25,7 @@ type StaticQueryProps = { } } -class IndexLayout extends React.Component<{ title?: string; canonical?: string; description?: string }, {}> { +class IndexLayout extends React.Component<{ title?: string; canonical?: string; description?: string, isAFlowPage?: boolean }, {}> { handleFirstTab = (e: any) => { if (e.key === 'Tab') { // the "I am a keyboard user" key @@ -90,7 +91,7 @@ class IndexLayout extends React.Component<{ title?: string; canonical?: string; {/* */} -