Improved actor profile flow. Added images.

assets/components/tile/actor.vue

@@ -21,10 +21,12 @@
             <span
                 v-else
                 class="avatar"
-            >No photo</span>
+            ><img
+                :src="`/img/avatar_${actor.gender || 'female'}.png`"
+                class="avatar-fallback"
+            ></span>
 
             <span
-                v-if="actor.age || actor.origin"
                 class="details"
             >
                 <span>
@@ -110,10 +112,17 @@ export default {
     object-position: 50% 0;
 }
 
+.avatar-fallback {
+    max-height: 75%;
+    max-width: 80%;
+    opacity: .1;
+}
+
 .details {
     background: $shadow;
     color: $text-contrast;
     width: 100%;
+    height: 1.75rem;
     display: flex;
     align-items: center;
     justify-content: space-between;

assets/components/tile/release.vue

@@ -47,8 +47,10 @@
                 >{{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }}</a>
             </span>
 
-            <router-link
-                :to="`/${release.type || 'scene'}/${release.id}`"
+            <a
+                :href="`/${release.type || 'scene'}/${release.id}`"
+                target="_blank"
+                rel="noopener noreferrer"
                 class="link"
             >
                 <img
@@ -70,12 +72,14 @@
                     :title="release.title"
                     class="thumbnail"
                 >No thumbnail available</div>
-            </router-link>
+            </a>
         </span>
 
         <div class="info">
-            <router-link
-                :to="`/${release.type || 'scene'}/${release.id}`"
+            <a
+                :href="`/${release.type || 'scene'}/${release.id}`"
+                target="_blank"
+                rel="noopener noreferrer"
                 class="row link"
             >
                 <h3
@@ -88,7 +92,7 @@
                         icon="film"
                     />{{ release.title }}
                 </h3>
-            </router-link>
+            </a>
 
             <span class="row">
                 <ul class="actors nolist">