View app.html
<template>
<require from="nav-bar.html"></require>
<!-- this nav works -->
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view router.bind="router"></router-view>
</div>
</template>
View app.html
<template>
<h1>${message}</h1>
</template>
View README.md

Also see the discussion about global ajax settings:

Add support for a global ajaxConfig Thus far we've just gone for having a base model and base collection in every project.

View mq.less
.m-mq(@query, @ruleset) {
@media @query {
@ruleset();
}
};
.m-mq-retina(@ruleset) {
@query: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi)";
.m-mq(@query, @ruleset);
};
.icon-foo {
View buildTmpl.js
/**
* Function that replaces mustache variables in a string with values from the data object
* @param {String} tmpl String with the variables to be replaced
* @param {Object} data Object with data to be populated
* @return {String} Returns a string with mustache variables replaced
*/
var buildTmpl = function(tmpl, data) {
if (!data) {
return tmpl;
}
View notepad-bookmarklet
data:text/html, <html><head><style type="text/css"> html { font-family: Arial } </style><script src="http://jakiestfu.github.com/Behave.js/behave.js"></script><script>window.onload=function(){var editor = new Behave({textarea: document.getElementById('myTextarea')});};</script></head><body><textarea id="myTextarea" style="width:100%;height:100%;margin:0 auto;padding:1rem;font-size:1rem; border: none; outline: none" autofocus></textarea></body>
View XmlPoster.js
var request = require('request');
var assign = require('lodash.assign');
var XmlPoster = function(options) {
this.url = options.url;
this.headers = options.headers || {};
};
XmlPoster.prototype.request = function(body) {
var me = this;
var xmlConfig = {
View 1-source.less
#BEM {
.glue(@glue, @selector, @styles) {
&@{glue}@{selector} {
@styles();
}
}
.e(@name, @styles) {
#BEM > .glue(__, @name, @styles);
}
.m(@name, @styles) {
View gist:94822666b387249647d5
console.log("%c D %c 13 %c DESIGN ", "background: red; color: white; padding: 2px", "background: blue; color: white; padding: 2px", "");
View icecream-sandwich.less
@import "vars";
@import "mixins";
.vanilla-sandwich {
.vanilla-config();
.icecream-sandwich();
}
.neopolitan-sandwich {
.neopolitan-config();