Step002

app/router.js

@@ -6,6 +6,8 @@ var Router = Ember.Router.extend({
 });
 
 Router.map(function() {
+	this.route('feed', { 'path' : '/newsfeed'});
+	this.route('login');
 });
 
 export default Router;

app/styles/app.css

@@ -0,0 +1,13 @@
+nav {
+	width: 100%;
+	max-height: 75px;
+}
+
+nav > ul {
+
+}
+
+nav ul > li {
+	display: inline-block;
+	padding-right: 30px;
+}

app/templates/application.hbs

@@ -1,3 +1,11 @@
-<h2 id="title">Welcome to Ember</h2>
+<nav>
+  <ul>
+  	<li>{{#link-to "index"}}Home{{/link-to}}</li>
+  	<li>{{#link-to "feed"}}Newsfeed{{/link-to}}</li>
+  	<li>{{#link-to "login"}}Login{{/link-to}}</li>
+  </ul>
+</nav>
 
-{{outlet}}
+<main>
+	{{outlet}}
+</main>

app/templates/feed.hbs

@@ -0,0 +1 @@
+Favorites

app/templates/login.hbs

@@ -0,0 +1,3 @@
+<h6>
+	Login Page
+</h6>

bower.json

@@ -11,6 +11,10 @@
     "ember-resolver": "~0.1.18",
     "jquery": "^1.11.3",
     "loader.js": "ember-cli/loader.js#3.2.1",
-    "qunit": "~1.18.0"
+    "qunit": "~1.18.0",
+    "normalize-css": "normalize.css#~3.0.3"
+  },
+  "devDependencies": {
+    "normalize-css": "normalize.css#~3.0.3"
   }
 }

ember-cli-build.js

@@ -19,5 +19,6 @@ module.exports = function(defaults) {
   // please specify an object with the list of modules as keys
   // along with the exports of each module as its value.
 
+  app.import('bower_components/normalize-css/normalize.css');
   return app.toTree();
 };