Renamed /src to /frontend

frontend/components/DocumentPreview/DocumentPreview.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import marked from 'marked';
+
+import { Link } from 'react-router';
+
+import PublishingInfo from 'components/PublishingInfo';
+
+import styles from './DocumentPreview.scss';
+
+class Document extends React.Component {
+  static propTypes = {
+    document: React.PropTypes.object.isRequired,
+  }
+
+  render() {
+    return (
+      <div className={ styles.container }>
+        <PublishingInfo
+          avatarUrl={ this.props.document.user.avatarUrl }
+          name={ this.props.document.user.name }
+          createdAt={ document.createdAt }
+        />
+
+        <Link
+          to={ `/documents/${this.props.document.id}` }
+          className={ styles.title }
+        >
+          <h2>{ this.props.document.title }</h2>
+        </Link>
+
+        <div dangerouslySetInnerHTML={{ __html: this.props.document.preview }} />
+
+        <div>
+          <Link
+            to={ `/documents/${this.props.document.id}` }
+            className={ styles.continueLink }
+          >
+            Continue reading...
+          </Link>
+        </div>
+      </div>
+    );
+  }
+};
+
+export default Document;

frontend/components/DocumentPreview/DocumentPreview.scss

@@ -0,0 +1,20 @@
+@import '~styles/constants.scss';
+
+
+.container {
+  width: 100%;
+  padding: 20px 0;
+}
+
+.title {
+  color: $textColor;
+  text-decoration: none;
+
+  h2 {
+    font-size: 1.3em;
+  }
+}
+
+.continueLink {
+  text-decoration: none;
+}

frontend/components/DocumentPreview/index.js

@@ -0,0 +1,2 @@
+import DocumentPreview from './DocumentPreview';
+export default DocumentPreview;