Added thumb and lazy image scripts. Added FreeOnes and Boobpedia as sites.

assets/components/actors/actors.vue

@@ -67,7 +67,7 @@ async function fetchActors() {
     this.actors = await this.$store.dispatch('fetchActors', {
         limit: 1000,
         letter: this.letter.replace('all', ''),
-        genders: [curatedGender === 'other' ? null : curatedGender],
+        gender: curatedGender === 'other' ? null : curatedGender,
     });
 }
 
@@ -124,8 +124,18 @@ export default {
         filter: none;
     }
 
-    &:hover:not(.selected) .gender .icon  {
-        fill: var(--text-light);
+    &:hover:not(.selected) {
+        .gender .icon {
+            fill: var(--text-light);
+        }
+
+        .male .icon  {
+            filter: drop-shadow(0 0 1px var(--male));
+        }
+
+        .female .icon  {
+            filter: drop-shadow(0 0 1px var(--female));
+        }
     }
 
     &:hover:not(.selected) .transsexual .icon  {
@@ -202,7 +212,7 @@ export default {
         cursor: pointer;
 
         .icon {
-            fill: var(--text-light);
+            fill: var(--text);
         }
     }
 

assets/components/header/header.vue

@@ -43,7 +43,7 @@
                                 :href="href"
                                 :class="{ active: isActive }"
                                 @click="navigate"
-                            >Networks</a>
+                            >Sites</a>
                         </router-link>
                     </li>
 

assets/components/sidebar/sidebar.vue

@@ -72,7 +72,7 @@
                             :href="href"
                             :class="{ active: isActive }"
                             @click="navigate"
-                        >Networks</a>
+                        >Sites</a>
                     </router-link>
                 </li>
 

assets/components/tile/actor.vue

@@ -69,7 +69,7 @@
                         {{ actor.origin.country.alpha2 }}
                         <img
                             class="flag"
-                            :src="`/img/flags/${actor.origin.country.alpha2.toLowerCase()}.png`"
+                            :src="`/img/flags/${actor.origin.country.alpha2.toLowerCase()}.svg`"
                         >
                     </span>
 
@@ -195,7 +195,7 @@ export default {
     padding: .5rem;
     position: absolute;
     bottom: 0;
-    font-size: .8rem;
+    font-size: .9rem;
     font-weight: bold;
 }
 
@@ -210,7 +210,14 @@ export default {
 }
 
 .country {
-    text-align: right;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+
+.flag {
+    height: 1rem;
+    margin: 0 0 0 .5rem;
 }
 
 .age-then {

assets/components/tile/network.vue

@@ -6,7 +6,7 @@
         :class="{ sfw }"
     >
         <img
-            :src="`/img/logos/${network.slug}/network.png`"
+            :src="`/img/logos/${network.slug}/thumbs/network.png`"
             :alt="network.name"
             class="logo"
         >