aboutsummaryrefslogblamecommitdiffstats
path: root/src/themes/plain.hbs
blob: cbe8948b2535c7e468dbd34cf4f3d11d5dd3b8b1 (plain) (tree)

































                                                                                                                                                                                     
<!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; backgrond-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>