Merge pull request #520 from outline/jori/about-page

About page

server/pages/components/Content.js

@@ -4,6 +4,6 @@ import styled from 'styled-components';
 export default styled.div`
   width: 100%;
   max-width: 720px;
-  margin: 0 auto;
+  margin: 0 auto 2em;
   padding: 0 2em;
 `;

server/pages/components/Navigation.js

@@ -6,10 +6,11 @@ import {
   signin,
   developers,
   changelog,
+  about,
+  privacy,
   githubUrl,
   spectrumUrl,
   blogUrl,
-  twitterUrl,
 } from '../../../shared/utils/routeHelpers';
 import { color } from '../../../shared/styles/constants';
 
@@ -22,7 +23,7 @@ function TopNavigation() {
           <a href="/#features">Features</a>
         </MenuItemDesktop>
         <MenuItemDesktop>
-          <a href={blogUrl()}>Blog</a>
+          <a href={about()}>About</a>
         </MenuItemDesktop>
         <MenuItemDesktop>
           <a href={changelog()}>Changelog</a>
@@ -51,7 +52,7 @@ function BottomNavigation() {
         <a href={blogUrl()}>Medium</a>
       </div>
       <div>
-        <a href={twitterUrl()}>Twitter</a>
+        <a href={privacy()}>Privacy</a>
       </div>
     </BottomNav>
   );