Added avatars. Added PornHub and LegalPorno actor profile scrapers.

assets/components/actor/actor.vue

@@ -9,10 +9,15 @@
             <h2 class="title">{{ actor.name }}</h2>
         </div>
 
-        <span class="description">{{ actor.description }}</span>
-
         <div class="content-inner">
-            <h3 class="heading">Biography</h3>
+            <div class="avatars">
+                <img
+                    v-for="avatar in actor.avatars"
+                    :key="`avatar-${avatar.id}`"
+                    :src="`/media/${avatar.path}`"
+                    class="avatar"
+                >
+            </div>
 
             <ul class="bio">
                 <li v-if="actor.aliases.length">
@@ -63,7 +68,7 @@
 
                 <li v-if="actor.height">
                     <dfn class="bio-heading">Height</dfn>
-                    <span>{{ actor.height }}</span>
+                    <span>{{ actor.height }} cm</span>
                 </li>
 
                 <li v-if="actor.boobSize || actor.boobsNatural">
@@ -73,6 +78,8 @@
                 </li>
             </ul>
 
+            <span class="description">{{ actor.description }}</span>
+
             <Releases
                 :releases="releases"
                 :context="actor.name"
@@ -155,6 +162,19 @@ export default {
     }
 }
 
+.description {
+    padding: 1rem;
+}
+
+.avatars {
+    padding: 1rem;
+}
+
+.avatar {
+    height: 20rem;
+    margin: 0 1rem 0 0;
+}
+
 .flag {
     height: 1rem;
     border: solid 1px $shadow-weak;

assets/components/network/network.vue

@@ -8,7 +8,6 @@
         <div class="content-inner">
             <div class="header">
                 <a
-                    v-if="network.url"
                     :href="network.url"
                     target="_blank"
                     rel="noopener noreferrer"
@@ -20,6 +19,7 @@
                     >
 
                     <Icon
+                        v-if="network.url"
                         icon="new-tab"
                         class="icon-href"
                     />

assets/components/release/release.vue

@@ -97,8 +97,6 @@
             <h2 class="row title">{{ release.title }}</h2>
 
             <div class="row">
-                <Icon icon="star" />
-
                 <ul class="actors nolist">
                     <li
                         v-for="actor in release.actors"
@@ -334,6 +332,11 @@ export default {
     font-size: 1rem;
 }
 
+.actors {
+    display: flex;
+    flex-wrap: wrap;
+}
+
 .link {
     display: inline-block;
     color: $link;

assets/components/tile/actor.vue

@@ -5,8 +5,21 @@
     >
         <a
             :href="`/actor/${actor.slug}`"
-            class="name"
-        >{{ actor.name }}</a>
+            class="link"
+        >
+            <span class="name">{{ actor.name }}</span>
+
+            <img
+                v-if="actor.avatar"
+                :src="`/media/${actor.avatar}`"
+                class="avatar"
+            >
+
+            <span
+                v-else
+                class="avatar"
+            >No photo</span>
+        </a>
     </div>
 </template>
 
@@ -27,14 +40,34 @@ export default {
 .actor {
     background: $background;
     display: inline-block;
-    margin: 0 .25rem .25rem 0;
+    margin: 0 .5rem .5rem 0;
     box-shadow: 0 0 3px $shadow-weak;
 }
 
-.name {
+.link {
     color: $link;
-    display: inline-block;
-    padding: .5rem;
     text-decoration: none;
+    text-align: center;
+
+    &:hover {
+        color: $primary;
+    }
+}
+
+.name {
+    display: block;
+    padding: .5rem;
+    font-weight: bold;
+}
+
+.avatar {
+    color: $shadow-weak;
+    background: $shadow-hint;
+    height: 12rem;
+    width: 10rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    object-fit: cover;
 }
 </style>