<!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>