myBeers

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'myBeers'
});

styles.app.css

body {
  margin: 12px 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12pt;
}

templates.application.hbs

<div class="row">
	<div class="large-12 columns">
  	<div class="row">
    	<div class="large-12 columns">
      	<nav class="top-bar" data-topbar>
        	<ul class="title-area">
            <li class="name">
            	<h1>
              	<a href="#">
                	myBeers
                </a>
              </h1>
            </li>
          </ul>
          <ul>
          </ul>
        </nav>
			</div>
		</div>
	</div>
</div>

twiddle.json

{
  "version": "0.4.7",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.6/ember.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.7/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.6/ember-template-compiler.js",
  "foundation-css":
 "https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css",
    "foundation-js":
 "https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"
  }
}