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"
         >

assets/js/actors/actions.js

@@ -198,13 +198,16 @@ function initActorActions(store, _router) {
     async function fetchActors({ _commit }, {
         limit = 100,
         letter,
-        genders,
+        gender,
     }) {
+        const genderFilter = gender === null
+            ? 'isNull: true'
+            : `equalTo: "${gender}"`;
+
         const { actors } = await graphql(`
             query Actors(
                 $limit: Int,
                 $letter: String! = "",
-                $genders: [String!] = ["female"],
             ) {
                 actors(
                     first:$limit,
@@ -213,18 +216,9 @@ function initActorActions(store, _router) {
                         name: {
                             startsWith: $letter
                         },
-                        or: [
-                            {
-                                gender: {
-                                    in: $genders
-                                },
-                            },
-                            {
-                                gender: {
-                                    isNull: true
-                                },
-                            }
-                        ]
+                        gender: {
+                            ${genderFilter}
+                        },
                     },
                 ) {
                     id
@@ -257,8 +251,6 @@ function initActorActions(store, _router) {
         `, {
             limit,
             letter,
-            genders: genders.filter(Boolean),
-            genderNull: genders.some(gender => gender === null),
         });
 
         return actors.map(actor => curateActor(actor));