updated index and template to es6

pages/_template.jsx

@@ -4,14 +4,14 @@ import { Container, Grid, Breakpoint, Span } from 'react-responsive-grid';
 import Typography from 'typography';
 import { link } from 'gatsby-helpers';
 
-var typography = new Typography();
+let typography = new Typography();
-var rhythm = typography.rhythm, fontSizeToMS = typography.fontSizeToMS;
+let rhythm = typography.rhythm, fontSizeToMS = typography.fontSizeToMS;
 
 import '../css/styles.css';
 
-module.exports = React.createClass({
+export default class extends React.Component {
-  render: function() {
+  render() {
-    var header;
+    let header;
     if (this.props.state.path === link('/')) {
       header = (
         <h1
@@ -59,4 +59,4 @@ module.exports = React.createClass({
       </Container>
     );
   }
-});
+}

pages/index.jsx

@@ -4,20 +4,18 @@ import sortBy from 'lodash/collection/sortBy';
 import DocumentTitle from 'react-document-title';
 import { link } from 'gatsby-helpers';
 
-module.exports = React.createClass({
+export default class extends React.Component {
-  statics: {
+  static data() {
-    data: function() {
     return {
       yo: true
-      };
     }
-  },
+  }
-  render: function() {
+  render() {
-    var i, len, page, pageLinks, ref, ref1, ref2, rhythm, title;
+    let i, len, page, pageLinks, ref, ref1, ref2, rhythm, title;
     rhythm = this.props.typography.rhythm;
     pageLinks = [];
-    ref = sortBy(this.props.pages, function(page) {
+    ref = sortBy(this.props.pages, (page) => {
-      var ref;
+      let ref;
       return (ref = page.data) != null ? ref.date : void 0;
     }).reverse();
     for (i = 0, len = ref.length; i < len; i++) {
@@ -63,4 +61,4 @@ module.exports = React.createClass({
       </DocumentTitle>
     );
   }
-});
+}