add 404 page and better templates

app/router.js

@@ -12,6 +12,8 @@ Router.map(function() {
             this.route('details', {path: '/:entityType/:entityId'}); // use model properties for automatic matching
         });
     });
+
+    this.route('not-found', { path: '*path' });
 });
 
 export default Router;

app/routes/not-found.js

+import Ember from 'ember';
+export default Ember.Route.extend({
+  redirect: function () {
+    var url = this.router.location.formatURL('/not-found');
+    if (window.location.pathname !== url) {
+      this.replaceWith('/not-found');
+    }
+  }
+});
\ No newline at end of file

app/templates/deployments/index.hbs

-{{model.length}}
-
+<div class="container">
+    <h3>Available Deployments</h3>
     <ul>
     {{#each model as |system| }}
         <li>{{#link-to 'deployments.single' system.id}}{{system.name}}{{/link-to}}</li>
     {{/each}}
     </ul>
+</div>
 
 {{outlet}}
\ No newline at end of file

app/templates/home.hbs

+<div class="container">
+    This app currently only supports {{link-to 'deployments' 'deployments'}}.
+</div>
\ No newline at end of file

app/templates/not-found.hbs

+<div class="container">
+    <h1>404 Not Found</h1>
+    <p>
+      This url does not exist. Maybe a link has changed, try the {{link-to 'home page' 'home'}}
+    </p>
+</div>
\ No newline at end of file