ember-1.0.0-pre.3 starter template

by mgrassotti

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.3.js"></script>
<script type="text/x-handlebars">
<header>
  <pre>RED ROVER [ASCII Edition]</pre>
  {{#linkTo 'posts.new'}}[+]{{/linkTo}} |
  {{#linkTo 'intro'}}intro{{/linkTo}} |
  {{#linkTo 'invite'}}invite{{/linkTo}} |
    {{#linkTo 'settings'}}settings{{/linkTo}}
</header>
<hr/>
  
<div>
  {{outlet}}
</div>
 
<hr/>
<footer>
  <pre> &copy;2013 Red Rover, Inc.</pre>
</footer>
</script>

<script type="text/x-handlebars" data-template-name="intro">
<h1>INTRO</h1>
{{#linkTo 'posts.new'}}Create your first post{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="invite">
<h1>INVITE</h1>
<pre>Invite form here</pre>
</script>

<script type="text/x-handlebars" data-template-name="settings">
<h1>SETTINGS</h1>
<pre>Settings form here</pre>
</script>

<script type="text/x-handlebars" data-template-name="posts/new">
  <h1>QUICK POST</h1>
  {{#linkTo 'posts.newArticle'}}article{{/linkTo}}
  {{#linkTo 'posts.newLink'}}link{{/linkTo}}
  {{#linkTo 'posts.newPhoto'}}photo{{/linkTo}}
  {{#linkTo 'posts.newPdf'}}pdf{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="settings">
<h1>SETTINGS</h1>
<pre>Settings form here</pre>
</script>

JavaScript

window.App = Ember.Application.create();

App.Router.map(function() {
  this.route("intro");
  this.route("invite");
  this.route('settings');
  this.resource('posts', { path: '/posts' }, function() {
    this.route('new');
    this.route('newArticle');
    this.route('newLink');
    this.route('newPhoto');
    this.route('newPdf');
  });
});

App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('intro');
  }
});