task 6: HTML export

2024-05-08 14:45:20 +02:00
parent a93598d8f6
commit aee3052ad7
11 changed files with 483 additions and 9 deletions
--- a/res/template/album.html
+++ b/res/template/album.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>Slopify V2 - Listen to the music you hate</title>
+	<link rel="stylesheet" type="text/css" href="base.css">
+	<link rel="stylesheet" type="text/css" href="album.css">
+</head>
+<body>
+	<header id="navbar">
+		<a class="back" id="back-btn" href="{{artist.page}}"></a>
+		<h1 class="title">Slopify</h1>
+	</header>
+	<div id="body">
+		<h2>Album</h2>
+		<div id="crumbs">
+			<a href="{{artist.page}}">{{artist.name}}</a>
+			<span class="sep"></span>
+			<a href="./">{{album.name}}</a>
+		</div>
+		<table id="songs">
+			<thead>
+				<tr>
+					<th>No</th>
+					<th>Name</th>
+				</tr>
+			</thead>
+			<tbody>
+				{{songs}}
+			</tbody>
+		</table>
+	</div>
+	<script type="text/javascript" src="base.js"></script>
+	<script>
+		initTable(document.getElementById("songs"))
+	</script>
+</body>
+</html>