fix: Tweak branding, OSS landing page
This commit is contained in:
parent
e18d0fdc77
commit
8fbd4a7463
|
@ -19,7 +19,6 @@ import { emojiToUrl } from 'utils/emoji';
|
|||
|
||||
import Header from './Header';
|
||||
import DocumentMove from './DocumentMove';
|
||||
import Branding from './Branding';
|
||||
import KeyboardShortcuts from './KeyboardShortcuts';
|
||||
import References from './References';
|
||||
import Loading from './Loading';
|
||||
|
@ -28,6 +27,7 @@ import MarkAsViewed from './MarkAsViewed';
|
|||
import ErrorBoundary from 'components/ErrorBoundary';
|
||||
import LoadingIndicator from 'components/LoadingIndicator';
|
||||
import PageTitle from 'components/PageTitle';
|
||||
import Branding from 'shared/components/Branding';
|
||||
import Notice from 'shared/components/Notice';
|
||||
import Time from 'shared/components/Time';
|
||||
|
||||
|
|
|
@ -7,6 +7,7 @@ import AuthNotices from './components/AuthNotices';
|
|||
import Hero from './components/Hero';
|
||||
import HeroText from './components/HeroText';
|
||||
import SigninButtons from './components/SigninButtons';
|
||||
import Branding from '../../shared/components/Branding';
|
||||
import { githubUrl } from '../../shared/utils/routeHelpers';
|
||||
|
||||
type Props = {
|
||||
|
@ -34,11 +35,9 @@ function Home(props: Props) {
|
|||
<p>
|
||||
<SigninButtons {...props} />
|
||||
</p>
|
||||
<p>
|
||||
<a href={githubUrl()}>Powered by Outline</a>
|
||||
</p>
|
||||
</Hero>
|
||||
</Grid>
|
||||
<Branding href={githubUrl()} />
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -4,12 +4,13 @@ import Centered from './Centered';
|
|||
|
||||
const Hero = styled(Centered)`
|
||||
width: 100%;
|
||||
min-height: 500px;
|
||||
padding: 4em 0 0;
|
||||
margin-top: 50vh;
|
||||
transform: translateY(-50%);
|
||||
|
||||
h1 {
|
||||
font-size: 3.5em;
|
||||
line-height: 1em;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
|
|
@ -1,11 +1,15 @@
|
|||
// @flow
|
||||
import * as React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import OutlineLogo from 'shared/components/OutlineLogo';
|
||||
import OutlineLogo from './OutlineLogo';
|
||||
|
||||
function Branding() {
|
||||
type Props = {
|
||||
href?: string,
|
||||
};
|
||||
|
||||
function Branding({ href = process.env.URL }: Props) {
|
||||
return (
|
||||
<Link href={process.env.URL}>
|
||||
<Link href={href}>
|
||||
<OutlineLogo size={16} fill="#000" /> Outline
|
||||
</Link>
|
||||
);
|
Reference in New Issue