51 lines
1.2 KiB
HTML
51 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<title> Lesetagebuch: {{book.title}} </title>
|
|
<style>
|
|
table.bookmarks {
|
|
width: clamp(24ch, 90vw, 80ch);
|
|
border-collapse: collapse;
|
|
}
|
|
td.pagenr {
|
|
text-align: right;
|
|
}
|
|
table.bookmarks tbody {
|
|
border: 1px solid black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>{{ book.title }}</h1>
|
|
<form method="post" action="{{ url_for('bookmark', id=book.id) }}">
|
|
<input name="page">
|
|
<input name="note">
|
|
<input type="submit" value="+">
|
|
</form>
|
|
<table class="bookmarks">
|
|
{% for bookmark in bookmarks %}
|
|
<tbody>
|
|
<tr>
|
|
<td class="timestamp">
|
|
{{bookmark.ts.strftime("%Y-%m-%d %H:%M%z")}}
|
|
</td>
|
|
<td class="pagenr">
|
|
{{bookmark.page}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="note">
|
|
{% if bookmark.note %}
|
|
{{bookmark.note}}
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
{% endfor %}
|
|
</table>
|
|
</body>
|
|
</html>
|
|
|