Added Top Web Models update and scene scraper.

assets/components/expand/expand.vue

@@ -49,14 +49,14 @@ export default {
 
 .expand-dark {
 	.icon {
-		fill: var(--lighten);
+		fill: var(--darken-weak);
 	}
 
 	&:hover {
-		background: var(--lighten-hint);
+		background: var(--darken-hint);
 
 		.icon {
-			fill: var(--text-light);
+			fill: var(--darken);
 		}
 	}
 }

assets/components/releases/media.vue

@@ -115,7 +115,7 @@ function photos() {
 	const uniqueClipPosters = Array.from(new Set(clips.map(clip => clip.poster.id) || [])).map(posterId => clipPostersById[posterId]);
 	const photosWithClipPosters = (this.release.photos || []).concat(uniqueClipPosters);
 
-	if (this.release.trailer || this.release.teaser) {
+	if (this.release.trailer || (this.release.teaser && this.release.teaser.mime !== 'image/gif')) {
 		// poster will be on trailer video
 		return photosWithClipPosters;
 	}

assets/components/scroll/scroll.vue

@@ -1,5 +1,12 @@
 <template>
 	<div class="scroll">
+		<Expand
+			v-if="expanded"
+			:expanded="expanded"
+			class="expand-light"
+			@expand="(state) => $emit('expand', state)"
+		/>
+
 		<Expand
 			v-if="expanded"
 			:expanded="expanded"
@@ -8,13 +15,6 @@
 		/>
 
 		<div class="scrollable">
-			<Expand
-				v-if="expanded"
-				:expanded="expanded"
-				class="expand-light"
-				@expand="(state) => $emit('expand', state)"
-			/>
-
 			<div
 				v-show="enabled && !expanded"
 				class="scroll-button scroll-left noselect"
@@ -40,14 +40,14 @@
 		<Expand
 			v-if="expanded || (expandable && scrollable)"
 			:expanded="expanded"
-			class="expand-dark"
+			class="expand-light"
 			@expand="(state) => $emit('expand', state)"
 		/>
 
 		<Expand
 			v-if="expanded || (expandable && scrollable)"
 			:expanded="expanded"
-			class="expand-light"
+			class="expand-dark"
 			@expand="(state) => $emit('expand', state)"
 		/>
 	</div>
@@ -155,18 +155,6 @@ export default {
     }
 }
 
-.expand-light {
-	display: none;
-}
-
-.expand-dark {
-	display: none;
-}
-
-.expand-light {
-	display: block;
-}
-
 .scroll-button {
 	height: 100%;
 	display: flex;
@@ -222,6 +210,14 @@ export default {
 	padding: 1rem .5rem 1rem 2rem;
 }
 
+.scroll-light .expand-dark {
+	display: none;
+}
+
+.scroll-dark .expand-light {
+	display: none;
+}
+
 @media(max-width: $breakpoint) {
 	.scroll-button {
 		display: none;

assets/components/tags/tag.vue

@@ -21,7 +21,7 @@
 				v-if="hasMedia"
 				v-slot="scroll"
 				:expanded="expanded"
-				class="scroll-light"
+				class="scroll-dark"
 				@expand="(state) => expanded = state"
 			>
 				<Photos