2025-05-30 21:20:55 +00:00
|
|
|
<!-- templates/index.html -->
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Music Album Catalog</title>
|
2025-05-30 22:42:08 +00:00
|
|
|
<link rel="stylesheet" href="style.css">
|
2025-05-30 21:20:55 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>Albums</h1>
|
2025-05-30 22:42:08 +00:00
|
|
|
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Album</th>
|
|
|
|
|
<th>Artist</th>
|
|
|
|
|
<th>Year</th>
|
|
|
|
|
</tr>
|
2025-05-30 21:20:55 +00:00
|
|
|
{% for album in albums %}
|
2025-05-30 22:42:08 +00:00
|
|
|
<tr>
|
|
|
|
|
<td>{{ album.title }} </td>
|
|
|
|
|
<td> {{ album.artist }} </td>
|
|
|
|
|
<td> ({{ album.year }}) </td>
|
|
|
|
|
</tr>
|
2025-05-30 21:20:55 +00:00
|
|
|
{% endfor %}
|
2025-05-30 22:42:08 +00:00
|
|
|
</table>
|
2025-05-30 21:20:55 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
