1.1:
<!DOCTYPE html> <html> <head> <base href='http://courseware.codeschool.com/ember/' /> <link href='bootstrap.css' rel='stylesheet' /> <link href='application.css' rel='stylesheet' /> <script src='jquery.js'></script> <script src='handlebars.js'></script> <script src='ember.js'></script> <script src='ember-data.js'></script> <script src='app.js'></script> </head> <body> <script type='text/x-handlebars'> <div class='navbar navbar-default'> <div class='container'> <a href='#' class='navbar-brand'><img src='images/logo.png' alt='logo' height='34' width='224' /></a> <ul class='nav navbar-nav navbar-right'> <li class='active' href='#/'><a >Home</a></li> <li><a href='#/about'>About</a></li> </ul> </div> </div> <div class='container'> <h1>Welcome to The Flint & Flame!</h1> </div> <footer class='container'> <hr /> <p class='pull-left'>© 2013 The Flint & Flame</p> <p class='pull-right'><a href='#/credits'>Credits</a></p> </footer> </script> </body> </html>
app.js
var App = Ember.Application.create({ LOG_TRANSITIONS: true }); //http://embersherpa.com/cheatsheet/Ember.Application.create/