fix: Tweak branding, OSS landing page

app/scenes/Document/components/Document.js

@@ -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';
 

server/pages/Home.js

@@ -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>
   );
 }

server/pages/components/Hero.js

@@ -4,12 +4,13 @@ import Centered from './Centered';
 
 const Hero = styled(Centered)`
   width: 100%;
-  min-height: 500px;
+  margin-top: 50vh;
-  padding: 4em 0 0;
+  transform: translateY(-50%);
 
   h1 {
     font-size: 3.5em;
     line-height: 1em;
+    margin-top: 0;
   }
 
   h2 {

shared/components/Branding.js

@@ -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" />&nbsp;Outline
     </Link>
   );