From 8fbd4a74636db03ef658540f6d650d4b316a3c9d Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 16 Feb 2020 19:49:24 -0800
Subject: [PATCH] fix: Tweak branding, OSS landing page

---
 app/scenes/Document/components/Document.js             |  2 +-
 server/pages/Home.js                                   |  5 ++---
 server/pages/components/Hero.js                        |  5 +++--
 {app/scenes/Document => shared}/components/Branding.js | 10 +++++++---
 4 files changed, 13 insertions(+), 9 deletions(-)
 rename {app/scenes/Document => shared}/components/Branding.js (78%)

diff --git a/app/scenes/Document/components/Document.js b/app/scenes/Document/components/Document.js
index 4dd198477..b9b9f6cc2 100644
--- a/app/scenes/Document/components/Document.js
+++ b/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';
 
diff --git a/server/pages/Home.js b/server/pages/Home.js
index f37aa430f..2f5207b41 100644
--- a/server/pages/Home.js
+++ b/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>
   );
 }
diff --git a/server/pages/components/Hero.js b/server/pages/components/Hero.js
index afb7e6250..270bd2ab3 100644
--- a/server/pages/components/Hero.js
+++ b/server/pages/components/Hero.js
@@ -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 {
diff --git a/app/scenes/Document/components/Branding.js b/shared/components/Branding.js
similarity index 78%
rename from app/scenes/Document/components/Branding.js
rename to shared/components/Branding.js
index 40e52299a..8460ce527 100644
--- a/app/scenes/Document/components/Branding.js
+++ b/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>
   );