41 lines
834 B
HTML
41 lines
834 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Quotes</title>
|
|
<style>
|
|
body { font-family: sans-serif; margin: 2rem; }
|
|
table { border-collapse: collapse; width: 100%; }
|
|
th, td { border: 1px solid #ccc; padding: 0.5rem 0.75rem; text-align: left; }
|
|
th { background: #f5f5f5; }
|
|
td:first-child, th:first-child { text-align: center; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Quotes</h1>
|
|
{% if quotes %}
|
|
<table>
|
|
<thead><tr>
|
|
<th>#</th>
|
|
<th>Quote</th>
|
|
<th>Added By</th>
|
|
<th>Date Added</th>
|
|
</tr></thead>
|
|
<tbody>
|
|
{% for quote in quotes %}
|
|
<tr>
|
|
<td>{{ quote.id }}</td>
|
|
<td>{{ quote.text }}</td>
|
|
<td>{{ quote.added_by }}</td>
|
|
<td>{{ quote.date }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% else %}
|
|
<p>No quotes have been added yet.</p>
|
|
{% endif %}
|
|
</body>
|
|
</html>
|