Mustache template

by someprimetime

HTML

<script src="https://raw.github.com/janl/mustache.js/master/mustache.js"></script>
<div id="container"></div>

CSS

.red_block {
    background: red;
    width: 20px;
    height: 20px;
    display: block;
}

.blue_block {
    background: blue;
    width: 20px;
    height: 20px;
    display: block;
}

JavaScript

//mustache
var fragments = {
  blue: '<div class="red_block"></div>',
  red: '<div class="blue_block"></div>'
};

var output = Mustache.render("{{{blue}}} {{{red}}}", fragments);
$('#container').append(output);