aboutsummaryrefslogtreecommitdiffstats
path: root/src/themes/plain.hbs
blob: 975d6c5d217ebe474691f160f728a45e1244fc64 (plain) (blame)
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
35
36
37
38
39
<!doctype html>
<html lang="en" style="margin: 20px; overflow: hidden;">
  <head>
    <meta charset="UTF-8"/>
    <title>{{#if error}}Error!{{else}}@{{user.name}}'s Last.fm Stats{{/if}}</title>
    <style>{{#if font.css}}{{{font.css}}}{{/if}}</style>
    <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}}
      * { font-size: {{#if font}}17px{{else}}{{#if font.scale}}calc(20px * {{font.scale}}){{else}}20px{{/if}}{{/if}}; }
      {{#if (or font.name font.css)}}
        * { font-family: '{{#if font.name}}{{font.name}}{{/if}}' }
      {{/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: 80px; border: solid var(--b) 4px; margin: 2px;" /></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>