Added avatars. Added PornHub and LegalPorno actor profile scrapers.

public/css/style.css

@@ -249,14 +249,32 @@
 .actor[data-v-6989dc6f] {
   background: #fff;
   display: inline-block;
-  margin: 0 .25rem .25rem 0;
+  margin: 0 .5rem .5rem 0;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
 }
-.name[data-v-6989dc6f] {
+.link[data-v-6989dc6f] {
   color: #cc4466;
-  display: inline-block;
-  padding: .5rem;
   text-decoration: none;
+  text-align: center;
+}
+.link[data-v-6989dc6f]:hover {
+    color: #ff6c88;
+}
+.name[data-v-6989dc6f] {
+  display: block;
+  padding: .5rem;
+  font-weight: bold;
+}
+.avatar[data-v-6989dc6f] {
+  color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.1);
+  height: 12rem;
+  width: 10rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 /* $primary: #ff886c; */
@@ -375,6 +393,10 @@
 .duration-segment[data-v-2bc41e74] {
   font-size: 1rem;
 }
+.actors[data-v-2bc41e74] {
+  display: flex;
+  flex-wrap: wrap;
+}
 .link[data-v-2bc41e74] {
   display: inline-block;
   color: #cc4466;
@@ -574,6 +596,16 @@
 .bio-heading[data-v-677a8360]::after {
     content: ':';
 }
+.description[data-v-677a8360] {
+  padding: 1rem;
+}
+.avatars[data-v-677a8360] {
+  padding: 1rem;
+}
+.avatar[data-v-677a8360] {
+  height: 20rem;
+  margin: 0 1rem 0 0;
+}
 .flag[data-v-677a8360] {
   height: 1rem;
   border: solid 1px rgba(0, 0, 0, 0.2);