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/song.html
+++ b/res/template/song.html
@ -0,0 +1,33 @@
+<!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="song.css">
+</head>
+<body>
+	<header id="navbar">
+		<a class="back" id="back-btn" href="{{album.page}}"></a>
+		<h1 class="title">Slopify</h1>
+	</header>
+	<div id="body">
+		<h2>Song</h2>
+		<div id="crumbs">
+			<a href="{{artist.page}}">{{artist.name}}</a>
+			<span class="sep"></span>
+			<a href="{{album.page}}">{{album.name}}</a>
+			<span class="sep"></span>
+			<a href="./">{{song.title}}</a>
+		</div>
+		<div id="song">
+			<h4 class="number">{{song.number}}</h4>
+			<h3 class="title">{{song.title}}</h3>
+			<div class="cover"></div>
+			<!-- <img src="{{album.image}}" alt="{{album.name}} cover image"> -->
+		</div>
+	</div>
+	<script type="text/javascript" src="base.js"></script>
+</body>
+</html>