Convert and resize avatars to fit the displayed images

2023-05-02 17:31:16 +02:00
parent fbaedaf45b
commit 736b8498af
10 changed files with 797 additions and 84 deletions
--- a/src/lib/components/PostComponent.svelte
+++ b/src/lib/components/PostComponent.svelte
@ -33,13 +33,14 @@
    {#if post.songs}
      {#each post.songs as song (song.pageUrl)}
        <div class="info-wrapper">
-          <div class="bgimage" style="background-image: url({song.thumbnailUrl});" />
+          <img class="bgimage" src={song.thumbnailUrl} loading="lazy" alt="Blurred cover" />
          <a href={song.pageUrl ?? song.postedUrl} target="_blank">
            <div class="info">
              <img
                src={song.thumbnailUrl}
                class="cover"
                alt="Cover for {song.artistName} - {song.title}"
+                loading="lazy"
              />
              <span class="text">{song.artistName} - {song.title}</span>
            </div>