glynrob

<h1>Hello {{ name }}!</h1>

glynrob

class DefaultController extends Controller
{
  /**
  * @Route("/hello/{name}")
  * @Template()
  */
  public function indexAction($name)
  {
    return array('name' => $name);
  }

glynrob

<span data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
  <span data-src="small.jpg"></span>
  <span data-src="small_x2.jpg"      data-media="(min-device-pixel-ratio: 2.0)"></span>
  <span data-src="medium.jpg"        data-media="(min-width: 400px)"></span>
  <span data-src="medium_x2.jpg"     data-media="(min-width: 400px) and (min-device-pixel-ratio: 2.0)"></span>
  <span data-src="large.jpg"         data-media="(min-width: 800px)"></span>
  <span data-src="large_x2.jpg"      data-media="(min-width: 800px) and (min-device-pixel-ratio: 2.0)"></span>
  <span data-src="extralarge.jpg"    data-media="(min-width: 1000px)"></span>
  <span data-src="extralarge_x2.jpg" data-media="(min-width: 1000px) and (min-device-pixel-ratio: 2.0)"></span>

glynrob

<script src="https://raw.github.com/scottjehl/picturefill/master/picturefill.js"></script>
<span data-picture data-alt="GlynRob in cartoon form">
	<span data-src="images/small.jpg"></span>
	<span data-src="images/medium.jpg" data-media="(min-width: 400px)"></span>
	<span data-src="images/large.jpg" data-media="(min-width: 800px)"></span>
	<span data-src="images/extralarge.jpg" data-media="(min-width: 1000px)"></span>

	<!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
	<noscript><img src="images/small.jpg" alt="GlynRob in cartoon form"></noscript>
</span>

glynrob

var calculation = _.memoize(function(n) {
  return n * 100;
});
calculation(2)

glynrob

var addDelivery = function(value){ return value + 5; };
var addTax = function(value){ return value*1.175; };
var calcCost = _.compose(addDelivery, addTax);
calcCost(12)

glynrob

_.mixin({
	capitalize: function(string) {
		return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase();
	}
});
var capitalizetext = _("sample text").capitalize();

glynrob

<div class="page"></div>
<script type="text/template" id="title-template">
  <br class="clear" />
  <div class="row">
    <h3><%= header %></h3>
  </div>
</script>

<script>
  var template = _.template($('#title-template').html(), {header:'COLLECTIONS'});

glynrob

// CRYPTOJS
var encrypted = CryptoJS.TripleDES.encrypt(secretString, password);
var decrypted = CryptoJS.TripleDES.decrypt(encrypted.toString(), password);

// SJCL
var encrypted = sjcl.encrypt(password, secretString);
var decrypted = sjcl.decrypt(password, encrypted);

glynrob

/* POLYCRYPT HASH */
function polycryptHash(){
	var polystring=util.str2abv(password);
	var op=window.polycrypt.digest("SHA-256",polystring);
	op.oncomplete=function(e){
		var hex=util.abv2hex(e.target.result);
		// hex is the hash
	}
}
window.polycrypt.onalive=polycryptHash;