non-playground doc page first draft

Reviewed By: danielbuechele

Differential Revision: D6968540

fbshipit-source-id: c5d408adb1d11c429d72a0f180ce3154ae0922a6

website/contents/getting-started/litho.md

@@ -4,4 +4,4 @@ title: "Litho"
 hasPlayground: false
 ---
 
-## Litho
+## Litho

website/src/templates/index.css

@@ -0,0 +1,37 @@
+.doc-block .markdown {
+  padding-top: 50px;
+  padding-bottom: 50px;
+}
+
+.doc-block .overview {
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.doc-block h1 {
+  color: #1C1E21;
+  font-size: 48px;
+  font-weight: 300;
+  line-height: 110%;
+}
+
+.doc-block h2 {
+  color: #1C1E21;
+  font-size: 28px;
+  font-weight: 400;
+  line-height: 120%;
+}
+
+.doc-block h3 {
+  color: #1C1E21;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 200%;
+}
+
+.doc-block p {
+  color: #1C1E21;
+  line-height: 180%;
+  font-size: 14px;
+  font-weight: 400;
+}

website/src/templates/withoutPlayground.js

@@ -13,17 +13,22 @@
 import React from 'react';
 import Page from '../components/Page';
 import Padded from '../components/Padded';
-import {Icon} from 'antd';
+import {Row, Col} from 'antd';
 import Link from 'gatsby-link';
+import './index.css';
 
 export default ({pathContext}) => {
   return (
-    <Page withSpacing>
+    <Page className="doc-block">
       <Padded>
-        <Link to="/docs">
-          <Icon type="left-circle-o" /> back to overview
+        <Row>
+          <Col xl={16} lg={16} md={24} sm={24} xs={24}>
+            <div className="markdown" dangerouslySetInnerHTML={{__html: pathContext.html}} />
+          </Col>
+        </Row>
+        <Link to="/docs" className="overview">
+          BACK TO OVERVIEW
         </Link>
-        <div dangerouslySetInnerHTML={{__html: pathContext.html}} />
       </Padded>
     </Page>
   );