Content pages

server/pages/components/IntegrationMenu.js

@@ -1,24 +0,0 @@
-// @flow
-import { map, groupBy } from 'lodash';
-import * as React from 'react';
-
-export default function IntegrationMenu({ integrations }) {
-  const categories = groupBy(integrations, i => i.category);
-
-  return (
-    <nav>
-      {map(categories, (integrations, category) => (
-        <React.Fragment>
-          <h3>{category}</h3>
-          <ul>
-            {integrations.map(i => (
-              <li>
-                <a href={`/integrations/${i.slug}`}>{i.name}</a>
-              </li>
-            ))}
-          </ul>
-        </React.Fragment>
-      ))}
-    </nav>
-  );
-}

server/pages/components/Markdown.js

@@ -0,0 +1,18 @@
+// @flow
+import ReactMarkdown from 'react-markdown';
+import styled from 'styled-components';
+
+export default styled(ReactMarkdown)`
+  blockquote {
+    margin-left: 0;
+    background-color: ${props => props.theme.smoke};
+    border-left: 6px solid ${props => props.theme.smokeDark};
+    padding: 15px 30px 15px 15px;
+    font-style: italic;
+    font-size: 16px;
+
+    p {
+      margin: 0;
+    }
+  }
+`;

server/pages/components/Navigation.js

@@ -4,6 +4,7 @@ import { sortBy } from 'lodash';
 import styled from 'styled-components';
 import breakpoint from 'styled-components-breakpoint';
 import Centered from './Centered';
+import OutlineLogo from '../../../shared/components/OutlineLogo';
 import TeamLogo from '../../../shared/components/TeamLogo';
 import { fadeAndScaleIn } from '../../../shared/styles/animations';
 import {
@@ -37,7 +38,9 @@ function TopNavigation({ sessions, loggedIn }: Props) {
 
   return (
     <Nav>
-      <Brand href={process.env.URL}>Outline</Brand>
+      <Brand href={process.env.URL}>
+        <OutlineLogo size={18} fill="#000" />&nbsp;Outline
+      </Brand>
       <Menu>
         <MenuItemDesktop>
           <a href={features()}>Features</a>
@@ -247,6 +250,8 @@ const BottomNav = styled.nav`
 `;
 
 const Brand = styled.a`
+  display: flex;
+  align-items: center;
   font-weight: 600;
   font-size: 20px;
   text-decoration: none;