Cacher is the code snippet organizer for pro developers

var context, directives;

context = {
  "header": "Colors",
  "items": [
      {"name": "red", "first": true, "url": "#Red"},
      {"name": "green", "link": true, "url": "#Green"},
      {"name": "blue", "link": true, "url": "#Blue"}
  ],
  "empty": false
};

directives = {
    items: {
        name: {
            href: function() {
                return this.url;
            },
            html: function() {
                if(this.first) {
                    return '<strong>' + this.name + '</strong>';
                }
            }
        }
    }
};

$('.container').render(context, directives);