<!doctype html>
<head>
<link rel="stylesheet" href="css/print.css" type="text/css" />
<meta charset="utf-8" />
</head>
<body>
{% for f in files %}
<div class="fileWrapper">
<div class="headerWrapper">
<h3 class="title"><span class="counter">{{ f.serial }}. </span>{{ f.title }}</h3>
{% for person in f.bios %}
<div class="people"><span class="personName">{{ person.name }}</span>: {{ person.bio }}</div>
{% endfor %}
<div class="datetime">
<div class="date">Date: {{ f.dateStr }}</div>
<div class="time">Time: {{ f.time }}</div>
</div>
</div>
<div class="subs">
{% for s in f.subs %}
<div class="sub">
<div class="inpoint">{{ s.in }}</div>
<pre class="subText">{{ s.text }}</pre>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</body>
</html>