Moved project image section to component

static/src/js/app.js

@@ -1,6 +1,10 @@
 var React = require('react');
+var ProjectImages = require('./components/project-images');
+
 
 $(window).load(function(){
     $(window).trigger('scroll').trigger('resize');
     var s = skrollr.init();
 });
+
+React.render(<ProjectImages />, document.getElementById('project-images'));

static/src/js/components/project-images.js

@@ -0,0 +1,19 @@
+var React = require('react');
+
+var projectImages = React.createClass({
+  render: function () {
+    return (
+      <div className="container">
+        <div className="panel panel-default">
+          <div className="panel-body row">
+            <div className="col-xs-4">
+              <p>things</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+});
+
+module.exports = projectImages;

templates/index.html

@@ -18,15 +18,5 @@
       </div>
     </div>
 
-    <div class="container-fluid" id="project-images">
-      <div class="container">
-        <div class="panel panel-default">
-          <div class="panel-body row">
-            <div class="col-xs-4">
-              <p>things</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <div class="container-fluid" id="project-images"></div>
 {% endblock %}