aboutsummaryrefslogblamecommitdiffstats
path: root/src/theming/hbs/plain.hbs
blob: 975d6c5d217ebe474691f160f728a45e1244fc64 (plain) (tree)
1
2
3
4
5
6
7
8
9
               
                                                        


                                                                                   
                                                        

                                  
                                                                    




                                                                    
                                                                                                                       
                                     
                                                                  
             






                                                                                                      
                                                                                                                                                                             











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