<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My Website</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<!-- https://developer.mozilla.org/en-US/docs/Glossary/Favicon -->
<link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" type="image/x-icon">
</head>
<body>
<h1>News from the conversation</h1>
<p>List of changes from the conversation since your last visit.</p>
<table class="styled-table">
<thead>
<tr>
<th>Date</th>
<th>Account</th>
<th>Content</th>
</tr>
</thead>
<tbody>
{% for update in updates %}
<tr>
<td><a href="{{ update.dict[uri] }}">{{ update.get_date() }}</a></td>
<td>{{ update.dict['acct'] }}</td>
<td>{{ update.dict['content'] | safe }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>