Ember with Rachet for ember-config generator

index.html

<!-- Sets initial viewport load and disables zooming  -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

rachet-index.js

/*
ratchet/
├── css/
│   ├── ratchet.css
│   ├── ratchet.min.css
│   ├── ratchet-theme-android.css
│   ├── ratchet-theme-android.min.css
│   ├── ratchet-theme-ios.css
│   ├── ratchet-theme-ios.min.css
├── js/
│   ├── ratchet.js
│   └── ratchet.min.js
└── fonts/
    ├── ratchicons.eot
    ├── ratchicons.svg
    ├── ratchicons.ttf
    └── ratchicons.woff

https://gist.github.com/cavneb/26c4a12b1f77ae868232
*/
// brocs/ratchetjs.js

module.exports = function(app) {
  app.import('vendor/ratchet/js/modals.js');
  app.import('vendor/ratchet/js/popovers.js');
  app.import('vendor/ratchet/js/segmented-controllers.js');
  app.import('vendor/ratchet/js/sliders.js');
  app.import('vendor/ratchet/js/toggles.js');  
}

// brocs/rachet-fonts.js

var pickFiles = require('broccoli-static-compiler');
module.exports = pickFiles('vendor/ratchet/fonts', {
  srcDir: '/',
  files: ['ratchicons.eot', 'ratchicons.svg', 'ratchicons.ttf', 'ratchicons.woff'],
  destDir: '/fonts'
});  

//top of app.scss
"@import " + bowerDir + "ratchet/sass/ratchet"

// Otherwise: Brocfile?
app.import('vendor/ratchet/css/rachet.css');  

// Brocfile

var mergeTrees = require('broccoli-merge-trees');
var ratchetFonts = require (./brocs/ratchet-fonts);
require (./brocs/rachetjs)(app);

module.exports = mergeTrees([app.toTree(), ratchetFonts]);