<html>
<head>
<title>{{ title }}</title>
<STYLE type="text/css">
.album {
max-width: 15em;
}
.artist {
max-width: 20em;
}
.title {
max-width: 25em;
}
.genre {
max-width: 5em;
}
li > span {
display: table-cell;
vertical-align: middle;
}
tr:nth-child(even){
background: hsl(120,30%,90%);
}
table {
border-collapse: collapse;
}
tr + tr {
border-top: solid thin grey;
}
</STYLE>
</head>
<body>
<table class="playlist">
{% for item in playlist %}
<tr>{% for (class,texts) in item %}
{% for text in texts %}<td class="{{class}}">{{text.decode('utf-8')}}</td>{%endfor%}
{%endfor%}</tr>
{% endfor %}
</table>
</body>
</html>