<!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.0 Transitional //EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
      xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" hs-webfonts="true"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Roboto:wght@300;700&display=swap">

  <title>Your Year in Music report</title>
  <meta property="og:title" content="Your Year in Music report">

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!--[if gte mso 9]>
  <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
  </xml>
  <![endif]-->
</head>
<body>
<table style="width: 100%; height: 100%; padding: 8px; margin: 0; background-color: #F0EEE2;">
  <tr>
    <td style="text-align: center" align="center" valign="middle">
      <center>
        <table>
          <tr>
            <td>
              <div style="max-width: 600px; margin: auto; border-color: transparent; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; word-wrap: break-word">
                <img alt="Year in music 2023 logo" src="cid:{{ logo_cid }}" height="215" width="437"
                     style="min-height: 106px; min-width: 220px; height: 35%; width: 35%; margin-top: 16px"/>
                <div style="color: #4C6C52; font-size: 20px; font-family: 'Inter', sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 12px;">
                  #yearinmusic
                </div>
                <table style="max-width: 450px; min-height: 90px; width: 100%; margin: 32px auto; background: #4C6C52; border-radius: 8px; font-size: 16px;">
                  <tr>
                    <td>
                      <a style="color: #F0EEE2; text-decoration: none; padding: 24px; display: inline-block"
                         href="https://listenbrainz.org/user/{{ user_name }}/year-in-music/">
                        <span>{{ user_name }}, your ListenBrainz Year in Music is now available.</span>
                        <br />
                        <br />
                        <span style="font-weight: 700;">Click here</span>
                      </a>
                    </td>
                  </tr>
                </table>
                <div style="color: #253127; font-size: 14px">
                  <p style="padding-bottom: 14px">
                    The Year in Music report summarises your listening throughout the year of 2023. We have lots of
                    soothing
                    statistics for you, like your most active listening day of the week, your listening activity over
                    the year,
                    users who listened to similar music to you, and we‘ve generated up to 4 new playlists for you to
                    keep enjoying
                    into 2024.
                  </p>
                  <p style="padding-bottom: 24px">
                    Top Discoveries, Tracks Released, and Top Recordings are all playlists that review your listening
                    habits of
                    2023. We’ve also included one more playlist, Top Missed Recordings, which selects tracks that users
                    similar to
                    you listened to, but you didn’t. Maybe there‘s still more for you to discover!
                  </p>
                  <p>
                    Thanks for being part of ListenBrainz.
                    <br/>
                    Wishing you a restful 2024, from the ListenBrainz team.
                  </p>
                </div>
                <table style="max-width: 450px; min-height: 90px; width: 100%; margin: 32px auto; background: #F1F1F1; border-radius: 8px; font-size: 16px;">
                  <tr>
                    <td>
                      <div style="color: #253127; padding: 12px; font-size: 12px;">
                        <a style="color: #253127 !important;" href="https://listenbrainz.org">listenbrainz.org</a>
                        <br />
                        <br />
                        <div>
                          Discuss, share and feed back:
                          <a style="color: #253127 !important;" href="https://community.metabrainz.org/c/listenbrainz/18">forums</a>
                          | <a style="color: #253127 !important;" href="https://mastodon.social/@metabrainz">Mastodon</a>
                          | <a style="color: #253127 !important;" href="https://bsky.app/profile/metabrainz.bsky.social">Bluesky</a>
                          | <a style="color: #253127 !important;" href="https://www.reddit.com/r/listenbrainz/">reddit</a>
                        </div>
                      </div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>


</body>
</html>
