Template design and structure

Templates are written in HTML with Handlebars and CSS with features like variables from pre-processors like sass and stylus.



HTML + Handlebars

Handlebars templates look like regular HTML, with embedded handlebars expressions.

1
2
3
4
5
6
7
8
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
A handlebars expression is a {{, some contents, followed by a }}

You can learn more about Handlebars at the oficial website


 

Allowed HTML tags

 
aabbraddressareaarticle
asidebbdibdoblockquote
brbuttoncaptioncitecode
colcolgroupdatalistdddel
detailsdfndialogdivdl
dtemfieldsetfigcaptionfigure
footerformh1h2h3
h4h5h6headerhr
iimginputinskbd
keygenlabellegendlimain
markmenumenuitemmeternav
oloptgroupoptionoutputp
parampreprogressqrp
rtrubyssampsection
selectsmallspanstrongsub
summarysuptabletbodytd
textareatfootththeadtime
truulvarwbr
 

Allowed SVG tags

 
svggdefsdesctitle
symboluseswitchpathrect
circleellipselinepolylinepolygon
texttspantreftextPathaltGlyph
glyphRefaltGlyphItemaltGlyphDef