Generating thumbnails. Added site overview page.

assets/components/tile/release.vue

@@ -5,8 +5,6 @@
                 <a
                     :href="`/site/${release.site.slug}`"
                     :title="release.network.name"
-                    target="_blank"
-                    rel="noopener noreferrer"
                     class="site site-link"
                 >{{ release.site.name }}</a>
 
@@ -34,14 +32,14 @@
             >
                 <img
                     v-if="release.poster"
-                    :src="`/media/${release.poster.path}`"
+                    :src="`/media/${release.poster.thumbnail}`"
                     :alt="release.title"
                     class="thumbnail"
                 >
 
                 <img
                     v-else-if="release.photos.length > 0"
-                    :src="`/media/${release.photos[0].path}`"
+                    :src="`/media/${release.photos[0].thumbnail}`"
                     :alt="release.title"
                     class="thumbnail"
                 >
@@ -92,8 +90,6 @@
                     >
                         <a
                             :href="`/tag/${tag.slug}`"
-                            target="_blank"
-                            rel="noopener noreferrer"
                             class="tag-link"
                         >{{ tag.name }}</a>
                     </li>
@@ -135,11 +131,8 @@ export default {
 
 .thumbnail {
     width: 100%;
-    height: 12rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
     object-fit: cover;
+    object-position: 50% 0;
     background-position: center;
     background-size: cover;
     background-color: $shadow-hint;

assets/components/tile/site.vue

@@ -47,7 +47,7 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 4rem;
+    height: 3rem;
     object-fit: contain;
     font-size: 1rem;
     font-weight: bold;