Working on

package.json

@@ -29,7 +29,9 @@
     "react": "~0.13.3",
     "react-mini-router": "~1.1.7",
     "react-select": "~0.5.5",
-    "classnames": "~2.1.3"
+    "classnames": "~2.1.3",
+    "react-responsive-carousel": "~0.1.4",
+    "domready": "~1.0.8"
   },
   "stylus": {
     "includes": [

project/static/src/js/gallery.js

@@ -0,0 +1,27 @@
+require('domready')(function () {
+    var React = require('react');
+    var ImageGallery = require('react-responsive-carousel').ImageGallery;
+
+    var galleryImages = [
+    	{url: "http://lorempixel.com/700/250/sports/1"},
+    	{url: "http://lorempixel.com/700/250/sports/2"},
+    	{url: "http://lorempixel.com/700/250/sports/3"},
+    	{url: "http://lorempixel.com/700/250/sports/4"},
+    	{url: "http://lorempixel.com/700/250/sports/5"},
+    	{url: "http://lorempixel.com/700/250/sports/6"},
+    	{url: "http://lorempixel.com/700/250/sports/7"}
+    ];
+
+    var DemoGallery = React.createClass({
+        displayName: "DemoGallery",
+        render() {
+            return (
+                React.createElement("div", {className: "demo-image-gallery"},
+                    React.createElement(ImageGallery, {images: galleryImages})
+                )
+            );
+        }
+    });
+    React.render(React.createElement(DemoGallery, null),
+        document.querySelector('#links'));
+});

project/templates/pages/mainpage.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% from "pages/macros.html" import list_blocks %}
 {% block meta %}
-    <script src="{{ url_for('static', filename="dist/mainpage.bundle.js") }}" type="text/javascript"></script>
+    <script src="{{ url_for('static', filename="dist/gallery.bundle.js") }}" type="text/javascript"></script>
 {% endblock %}