1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<html lang="en" style="font-size: 0.5cm; margin: 0.5rem; overflow: hidden;">
<head>
<meta charset="UTF-8"/>
<title>{{#if error}}Error!{{else}}@{{user.name}}'s Last.fm Stats{{/if}}</title>
<style>
{{#if (eq query.dark null)}}
:root { --b: black; color: black; background-color: white; }
{{else}}
:root { --b: white; color: white; background-color: black; }
a:visited { color: pink }
a { color: cyan; }
{{/if}}
p { margin: 0px; padding: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
</style>
</head>
<body>
{{#if error}}
<p style="white-space: unset;">{{error}}</p>
{{else}}
<a style="float: left;" target="_blank" href="{{scrobble.url}}"><img src="{{scrobble.image_url}}" style="height: 4.0rem; border: solid var(--b) 0.2rem; margin: 0.1rem;" /></a>
<p><a target="_blank" href="{{user.url}}">@{{user.name}}</a>{{#if scrobble.now_playing}}
is scrobbling{{else}}'s last scrobble was
{{/if}}
</p><p>
<i><b><a target="_blank" href="{{scrobble.url}}">{{scrobble.name}}</a></b></i>
</p><p>
{{#if scrobble.album}}from <i><b>{{scrobble.album}}</b></i>{{/if}}
</p><p>
by <b><a target="_blank" href="{{scrobble.artist.url}}">{{scrobble.artist.name}}</a></b>.
</p>
{{/if}}
</body>
</html>