<html>
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<style type="text/css">
h1, p {
text-align: center;
}
</style>
</head>
<body>
<div id="container">
{% if debug %}
<div class="alert alert-danger" role="alert" style="text-align: center;"><b>DEBUG</b></div>
{% endif %}
{% for headline, list in objs %}
{% if list|length > 0 %}
<h1>{{ headline }}</h2>
<ul class="list-group">
{% for client, value in list %}
<li class="list-group-item{{ ' list-group-item-success' if client.connected else loop.cycle('" style="background-color: #eee;', '') }}">{{ client.nick }}{{ " (" + client.identifier + ")" if debug }}<span class="badge">{{ value }}</span></li>
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</div>
</body>
</html>