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;