diff --git a/app.coffee b/app.coffee
deleted file mode 100644
index f6f4d67..0000000
--- a/app.coffee
+++ /dev/null
@@ -1,9 +0,0 @@
-exports.loadContext = (callback) ->
-  context = require.context './pages', true
-  if module.hot
-    module.hot.accept(context.id, ->
-      context = require.context './pages', true
-      callback context
-    )
-
-  callback context
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..148e5fd
--- /dev/null
+++ b/app.js
@@ -0,0 +1,11 @@
+exports.loadContext = function(callback) {
+  var context;
+  context = require.context('./pages', true);
+  if (module.hot) {
+    module.hot.accept(context.id, function() {
+      context = require.context('./pages', true);
+      return callback(context);
+    });
+  }
+  return callback(context);
+};
diff --git a/html.cjsx b/html.cjsx
deleted file mode 100644
index ef158c1..0000000
--- a/html.cjsx
+++ /dev/null
@@ -1,49 +0,0 @@
-React = require 'react'
-Typography = require 'typography'
-DocumentTitle = require 'react-document-title'
-
-typography = new Typography()
-{TypographyStyle} = typography
-
-module.exports = React.createClass
-  getDefaultProps: ->
-    body: ""
-
-  render: ->
-    title = DocumentTitle.rewind()
-    if @props.title then title = @props.title
-
-    if __GH_PAGES__? and __GH_PAGES__
-      urlPrefix = @props.config.ghPagesURLPrefix
-    else
-      urlPrefix = ""
-
-    <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>{@props.title}</title>
-        <link rel="shortcut icon" href={@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: @props.body}} />
-        <script src={urlPrefix + "/bundle.js"}/>
-      </body>
-    </html>
diff --git a/html.jsx b/html.jsx
new file mode 100644
index 0000000..04a0544
--- /dev/null
+++ 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>
+    );
+
+  }
+});
diff --git a/wrappers/html.cjsx b/wrappers/html.cjsx
deleted file mode 100644
index 2f68388..0000000
--- a/wrappers/html.cjsx
+++ /dev/null
@@ -1,11 +0,0 @@
-React = require 'react'
-
-module.exports = React.createClass
-  displayName: "HTMLWrapper"
-
-  render: ->
-    #html = require "../" + @props.page.requirePath
-    console.log @props
-    html = "<div>fix me</div>"
-    <div dangerouslySetInnerHTML={{__html: html}}/>
-
diff --git a/wrappers/html.jsx b/wrappers/html.jsx
new file mode 100644
index 0000000..3a0946e
--- /dev/null
+++ b/wrappers/html.jsx
@@ -0,0 +1,16 @@
+// Generated by CoffeeScript 1.10.0
+var React;
+
+React = require('react');
+
+module.exports = React.createClass({
+  displayName: "HTMLWrapper",
+  render: function() {
+    var html;
+    console.log(this.props);
+    html = "<div>fix me</div>";
+    return (
+      <div dangerouslySetInnerHTML={{__html: html}}/>
+    );
+  }
+});
