Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Quote template
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment