add demo projects

src/js/App.jsx

@@ -106,10 +106,11 @@ export default React.createClass({
     return <AddProjectPage />;
   },
 
-  // TODO: Add demo projects.
+  // Demo projects.
   demo() {
-    // mediator.fire '!projects/demo'
-    // window.location.hash = '#'
+    actions.emit('projects.demo');
+    navigate(find({ 'to': 'projects' }));
+    return <div />;
   },
 
   // 404.

src/js/components/Header.jsx

@@ -19,6 +19,10 @@ export default React.createClass({
     actions.emit('user.signout');
   },
 
+  _onDemo() {
+    actions.emit('projects.demo');
+  },
+
   render() {
     // From app store.
     let props = this.props.app;

src/js/components/Hero.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import actions from '../actions/appActions.js';
+
 import Icon from './Icon.jsx';
 import Link from './Link.jsx';
 
@@ -7,6 +9,10 @@ export default React.createClass({
 
   displayName: 'Hero.jsx',
 
+  _onDemo() {
+    actions.emit('projects.demo');
+  },
+
   render() {
     return (
       <div id="hero">

src/js/stores/projectsStore.js

@@ -124,11 +124,8 @@ class ProjectsStore extends Store {
     this.set({
       'list': [
         { 'owner': 'mbostock', 'name': 'd3' },
-        { 'owner': 'medic', 'name': 'medic-webapp' },
-        { 'owner': 'ractivejs', 'name': 'ractive' },
         { 'owner': 'radekstepan', 'name': 'disposable' },
-        { 'owner': 'rails', 'name': 'rails' },
-        { 'owner': 'rails', 'name': 'spring' }
+        { 'owner': 'rails', 'name': 'rails' }
       ],
       'index': []
     });