Quote template

template.html

<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<style>

	body{
		/* defaults, use for testing the template without PhantomJS */
		width: 400px;
		height: 400px;
		background-color: #2e3192;
		font-size: 400px;

		width: {{ width }}px;
		height: {{ height }}px;
		display: inline-block;
		padding:  0 10% 0 10%;
		background: #{{ color }}; 
		color: #FFF;
		font-size: {{ width }}px;
		font-family: 'Lora', serif;

		/* vertical align text */
		display: table-cell;
   		vertical-align: middle;
	}
	.quote {
		font-size: .1em;
		line-height: 1.1em;
	}
	.info {
		margin-top: .9em;
		font-size: .05em;
	}
</style>
<div>
	<div class="quote">&#8220;{{ quote }}&#8222;</div>
	<div class="info">&boxh; {{ info }}</div>
</div>