Move footer to only landing page

Reviewed By: danielbuechele

Differential Revision: D6968277

fbshipit-source-id: ec01d6e0de6a76ab9235378a1c1a29dcf7903ae3

website/src/components/Footer.css

@@ -1,17 +0,0 @@
-footer {
-  display: flex;
-  padding: 20px 15px;
-  padding-left: 87px;
-  z-index: 4;
-  align-items: center;
-  background-color: white;
-}
-
-footer a {
-  margin: 0 15px;
-  color: #606770;
-}
-
-footer a:hover {
-  color: #8FD0C6;
-}

website/src/components/Footer.js

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @flow
- * @format
- */
-
-import React from 'react';
-import Link from 'gatsby-link';
-import './Footer.css';
-
-export default () => (
-  <footer className="Footer">
-	<Link to="/docs">Docs</Link>
-	<Link to="/playground">Playground</Link>
-	<a href="https://github.com/facebook/yoga">GitHub</a>
-  </footer>
-);

website/src/components/Page.js

@@ -12,7 +12,6 @@
 
 import React from 'react';
 import Toolbar from './Toolbar';
-import Footer from './Footer';
 import './Page.css';
 require('prismjs/themes/prism.css');
 
@@ -29,6 +28,5 @@ export default (props: Props) => (
     <div className={`PageContent ${props.withSpacing ? 'withSpacing' : ''}`}>
       {props.children}
     </div>
-    <Footer />
   </div>
 );

website/src/pages/index.css

@@ -132,3 +132,21 @@
   font-weight: 600;
   margin-top: 20px;
 }
+
+footer {
+  display: flex;
+  padding: 20px 15px;
+  padding-left: 87px;
+  z-index: 4;
+  align-items: center;
+  background-color: white;
+}
+
+footer a {
+  margin: 0 15px;
+  color: #606770;
+}
+
+footer a:hover {
+  color: #8FD0C6;
+}

website/src/pages/index.js

@@ -20,6 +20,7 @@ import './index.css';
 import ReactNativeLogo from './logos/reactnative.png';
 import LithoLogo from './logos/litho.png';
 import ComponentKitLogo from './logos/componentkit.png';
+import Link from 'gatsby-link';
 
 const HeroSection = () => (
   <Padded>
@@ -126,6 +127,14 @@ const AboutSectionTwo = () => (
   </Padded>
 );
 
+const Footer = () => (
+  <footer className="Footer">
+  <Link to="/docs">Docs</Link>
+  <Link to="/playground">Playground</Link>
+  <a href="https://github.com/facebook/yoga">GitHub</a>
+  </footer>
+);
+
 export default () => (
   <Page className="landing-page">
     <HeroSection/>
@@ -133,5 +142,6 @@ export default () => (
     <AboutSectionOne/>
     <hr/>
     <AboutSectionTwo/>
+    <Footer/>
   </Page>
 );