From 7e3136c347d88d6b0e507d78e251063c71700222 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Sj=C3=B6lander?= <emilsj@fb.com>
Date: Tue, 13 Feb 2018 03:50:36 -0800
Subject: [PATCH] non-playground doc page first draft

Reviewed By: danielbuechele

Differential Revision: D6968540

fbshipit-source-id: c5d408adb1d11c429d72a0f180ce3154ae0922a6
---
 website/contents/getting-started/litho.md  |  2 +-
 website/src/templates/index.css            | 37 ++++++++++++++++++++++
 website/src/templates/withoutPlayground.js | 15 ++++++---
 3 files changed, 48 insertions(+), 6 deletions(-)
 create mode 100644 website/src/templates/index.css

diff --git a/website/contents/getting-started/litho.md b/website/contents/getting-started/litho.md
index af10c692..9339bf5e 100644
--- a/website/contents/getting-started/litho.md
+++ b/website/contents/getting-started/litho.md
@@ -4,4 +4,4 @@ title: "Litho"
 hasPlayground: false
 ---
 
-## Litho
+## Litho
\ No newline at end of file
diff --git a/website/src/templates/index.css b/website/src/templates/index.css
new file mode 100644
index 00000000..db4c06a2
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/website/src/templates/withoutPlayground.js b/website/src/templates/withoutPlayground.js
index 5816775b..af50a860 100644
--- a/website/src/templates/withoutPlayground.js
+++ b/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>
   );