Started moving to ES6, JSX

2015-09-10 20:13:26 +02:00 · 2015-09-10 20:13:26 +02:00 · 82fa9f21a2
commit 82fa9f21a2
parent a896447db1
6 changed files with 88 additions and 69 deletions
--- a/html.jsx
+++ b/html.jsx
@ -0,0 +1,61 @@
+import React from 'react';
+import Typography from 'typography';
+import DocumentTitle from 'react-document-title';
+
+var TypographyStyle = new Typography().TypographyStyle;
+
+module.exports = React.createClass({displayName: "exports",
+  getDefaultProps: function() {
+    return {
+      body: ""
+    };
+  },
+
+  render: function() {
+    var title, urlPrefix;
+    title = DocumentTitle.rewind();
+    if (this.props.title) {
+      title = this.props.title;
+    }
+    if ((typeof __GH_PAGES__ !== "undefined" && __GH_PAGES__ !== null) && __GH_PAGES__) {
+      urlPrefix = this.props.config.ghPagesURLPrefix;
+    } else {
+      urlPrefix = "";
+    }
+
+    return (
+      <html lang="en">
+        <head>
+          <meta charSet="utf-8"/>
+          <meta httpEquiv="X-UA-Compatible" content="IE=edge"/>
+          <meta name='viewport' content='user-scalable=no width=device-width, initial-scale=1.0 maximum-scale=1.0'/>
+          <title>{this.props.title}</title>
+          <link rel="shortcut icon" href={this.props.favicon}/>
+          <TypographyStyle/>
+          <style dangerouslySetInnerHTML={{__html:
+            `
+              body {
+                color: rgb(66,66,66);
+              }
+              h1,h2,h3,h4,h5,h6 {
+                color: rgb(44,44,44);
+              }
+              a {
+                color: rgb(42,93,173);
+                text-decoration: none;
+              }
+              a:hover {
+                text-decoration: underline;
+              }
+            `
+          }}/>
+        </head>
+        <body className="landing-page">
+          <div id="react-mount" dangerouslySetInnerHTML={{__html: this.props.body}} />
+          <script src={urlPrefix + "/bundle.js"}/>
+        </body>
+      </html>
+    );
+
+  }
+});