40 lines
1.1 KiB
Cheetah
40 lines
1.1 KiB
Cheetah
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>{{.Artist}} - {{.Title}} lyrics</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" type="text/css" href="/static/style.css" />
|
|
<script type="text/javascript" src="/static/script.js" defer></script>
|
|
</head>
|
|
<body>
|
|
{{template "navbar"}}
|
|
<div id="container">
|
|
<div id="metadata">
|
|
<a href="{{.LinkToAlbum}}"><img id="album-artwork" src="{{extractURL .Image}}"/></a>
|
|
<h2>{{.Artist}}</h2>
|
|
<h1>{{.Title}}</h1>
|
|
<a href="{{.LinkToAlbum}}"><h2>{{.Album}}</h2></a>
|
|
</div>
|
|
<div id="lyrics">{{.Lyrics}}</div>
|
|
<div id="info">
|
|
<div id="about">
|
|
<h1 id="title">About</h1>
|
|
<p class="hidden" id="full_about">{{index .About 0}}</p>
|
|
<p id="summary">{{index .About 1}}</p>
|
|
</div>
|
|
<div id="credits">
|
|
<h1 id="title">Credits</h1>
|
|
{{range $key, $val := .Credits}}
|
|
<details>
|
|
<summary>{{$key}}</summary>
|
|
<p>{{$val}}</p>
|
|
</details>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{template "footer"}}
|
|
</body>
|
|
</html>
|