Version 1.0

components/SitePage/index.jsx

@@ -0,0 +1,41 @@
+import React from 'react'
+import moment from 'moment'
+import { RouteHandler, Link } from 'react-router'
+import { prefixLink } from 'gatsby-helpers'
+import DocumentTitle from 'react-document-title'
+import access from 'safe-access'
+import { config } from 'config'
+import SiteSidebar from '../SiteSidebar'
+import './style.css';
+
+class SitePage extends React.Component {
+    render() {
+        const {route} = this.props
+        const post = route.page.data
+
+        return (
+            <div>
+              <SiteSidebar {...this.props}/>
+              <div className='content'>
+                <div className='main'>
+                  <div className='main-inner'>
+                    <div className='blog-page'>
+                      <div className='text'>
+                        <h1>{ post.title }</h1>
+                        <div dangerouslySetInnerHTML={ {    __html: post.body} } />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            );
+    }
+}
+
+SitePage.propTypes = {
+    post: React.PropTypes.object.isRequired,
+    pages: React.PropTypes.array,
+}
+
+export default SitePage

components/SitePage/style.css

@@ -0,0 +1,17 @@
+.blog-page {
+	margin-bottom: 40px;
+}
+.blog-page h1 {
+	font-size: responsive 20px 36px;
+	margin-top: 0;
+}
+.blog-page p {
+	font-size: 16px;
+	line-height: 26px;
+	margin-bottom: 26px;
+}
+@media (max-width:900px) {
+	.blog-single .text, .blog-single .footer {
+		padding: 0 15px;
+	}
+}