diff --git a/.eslintrc b/.eslintrc
index 161b32107..cb9654e35 100755
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,15 +1,18 @@
 {
     "root": true,
-    "extends": ["airbnb-base", "plugin:vue/recommended"],
+    "extends": ["airbnb-base"],
+	"env": {
+		"node": true
+	},
     "parserOptions": {
         "parser": "@babel/eslint-parser",
-        "ecmaVersion": 2019,
-        "sourceType": "module"
+        "ecmaVersion": "latest",
+        "sourceType": "script"
     },
     "rules": {
         "indent": ["error", "tab"],
         "no-tabs": "off",
-        "no-unused-vars": ["error", {"argsIgnorePattern": "^_"}],
+		"no-unused-vars": ["error", {"argsIgnorePattern": "^_"}],
         "no-console": 0,
 		"arrow-body-style": 0,
 		"default-param-last": 0,
@@ -17,15 +20,14 @@
         "max-len": 0,
 		"func-names": 0,
 		"space-before-function-paren": 0,
-        "vue/no-v-html": 0,
-        "vue/html-indent": ["error", "tab"],
-        "vue/multiline-html-element-content-newline": 0,
-        "vue/singleline-html-element-content-newline": 0,
-		"vue/multi-word-component-names": 0,
-		"vue/no-reserved-component-names": 0,
+        "strict": 0,
+        "no-underscore-dangle": 0,
+        "prefer-destructuring": "off",
+        "object-curly-newline": "off",
+		"require-await": "off",
         "no-param-reassign": ["error", {
             "props": true,
-            "ignorePropertyModificationsFor": ["state", "acc"]
+            "ignorePropertyModificationsFor": ["state", "acc", "req"]
         }]
     },
     "globals": {
diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue
deleted file mode 100755
index 638f5df69..000000000
--- a/assets/components/actors/actor.vue
+++ /dev/null
@@ -1,883 +0,0 @@
-<template>
-	<div
-		v-if="actor"
-		class="content actor"
-	>
-		<div class="actor-header">
-			<h2 class="header-name">
-				<span v-if="actor.entity">{{ actor.name }} ({{ actor.entity.name }})</span>
-				<span v-else>{{ actor.name }}</span>
-
-				<Gender
-					:gender="actor.gender"
-					class="header-gender"
-				/>
-			</h2>
-
-			<li
-				v-if="actor.aliases.length"
-				class="bio-item"
-			>
-				<dfn class="bio-label">Also known as</dfn>
-				<span class="bio-value">
-					<span
-						v-for="alias in actor.aliases"
-						:key="`alias-${alias.id}`"
-						class="alias"
-					>{{ alias.name }}</span>
-				</span>
-			</li>
-
-			<Social
-				v-if="actor.social && actor.social.length > 0"
-				:actor="actor"
-				class="header-social"
-			/>
-
-			<StashButton
-				:stashed-by="stashedBy"
-				class="actor-stash light"
-				@stash="(stash) => stashActor(stash)"
-				@unstash="(stash) => unstashActor(stash)"
-			/>
-		</div>
-
-		<div
-			class="content-inner actor-inner"
-			@scroll="events.emit('scroll', $event)"
-		>
-			<div
-				class="profile"
-				:class="{ expanded: bioExpanded, 'with-avatar': !!actor.avatar }"
-			>
-				<a
-					v-if="actor.avatar"
-					:href="getPath(actor.avatar)"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="avatar-link"
-				>
-					<img
-						:src="getPath(actor.avatar, 'thumbnail')"
-						:title="actor.avatar.credit && `© ${actor.avatar.credit}`"
-						class="avatar"
-					>
-				</a>
-
-				<ul class="bio nolist">
-					<!-- probably not a good idea
-					<li
-						v-if="actor.realName"
-						class="bio-item"
-					>
-						<dfn class="bio-label"><Icon icon="vcard" />Real name</dfn>
-						<span class="bio-value">{{ actor.realName }}</span>
-					</li>
-					-->
-
-					<li
-						v-if="actor.dateOfBirth"
-						class="bio-item"
-					>
-						<dfn class="bio-label"><Icon icon="cake" />Date of birth</dfn>
-
-						<span class="birthdate">{{ formatDate(actor.dateOfBirth, 'MMMM D, YYYY') }}<span
-							v-if="!actor.dateOfDeath"
-							class="age"
-						>{{ actor.ageFromBirth }}</span></span>
-					</li>
-
-					<li
-						v-else-if="actor.age && !actor.dateOfDeath"
-						class="bio-item"
-					>
-						<dfn class="bio-label"><Icon icon="cake" />Age</dfn>
-
-						<span
-							v-tooltip="'Exact date of birth or age unknown'"
-							class="birthdate"
-						>&gt; {{ actor.age }}</span>
-					</li>
-
-					<li
-						v-if="actor.dateOfDeath"
-						class="bio-item"
-					>
-						<dfn class="bio-label"><Icon icon="tombstone" />Date of death</dfn>
-
-						<span class="birthdate">{{ formatDate(actor.dateOfDeath, 'MMMM D, YYYY') }}<span
-							v-if="actor.ageAtDeath"
-							class="age"
-						>{{ actor.ageAtDeath }}</span></span>
-					</li>
-
-					<li
-						v-if="actor.orientation"
-						class="bio-item"
-					>
-						<dfn class="bio-label"><Icon icon="heart7" />Orientation</dfn>
-
-						<span class="orientation">{{ actor.orientation }}</span>
-					</li>
-
-					<li
-						v-if="actor.origin"
-						class="bio-item birth"
-					>
-						<dfn class="bio-label"><Icon icon="home2" />Born in</dfn>
-
-						<span>
-							<span
-								v-if="actor.origin.city"
-								class="city"
-							>{{ actor.origin.city }}</span><span
-								v-if="actor.origin.state && (!actor.origin.city || (actor.origin.country && actor.origin.country.alpha2 === 'US'))"
-								class="state"
-							>{{ actor.origin.city ? `, ${actor.origin.state}` : actor.origin.state }}</span>
-
-							<span
-								v-if="actor.origin.country"
-								class="country birthcountry"
-							>
-								<img
-									class="flag"
-									:src="`/img/flags/${actor.origin.country.alpha2.toLowerCase()}.svg`"
-								>{{ actor.origin.country.alias || actor.origin.country.name }}
-							</span>
-						</span>
-					</li>
-
-					<li
-						v-if="actor.residence"
-						class="bio-item residence hideable"
-					>
-						<dfn class="bio-label"><Icon icon="location" />Lives in</dfn>
-
-						<span>
-							<span
-								v-if="actor.residence.city"
-								class="city"
-							>{{ actor.residence.city }}</span><span
-								v-if="actor.residence.state && actor.residence.country && actor.residence.country.alpha2 === 'US'"
-								class="state"
-							>{{ actor.residence.city ? `, ${actor.residence.state}` : actor.residence.state }}</span>
-
-							<span
-								v-if="actor.residence.country"
-								class="country"
-							>
-								<img
-									class="flag"
-									:src="`/img/flags/${actor.residence.country.alpha2.toLowerCase()}.svg`"
-								>{{ actor.residence.country.alias || actor.residence.country.name }}
-							</span>
-						</span>
-					</li>
-
-					<li
-						v-if="actor.ethnicity"
-						class="bio-item ethnicity hideable"
-					>
-						<dfn class="bio-label"><Icon icon="earth2" />Ethnicity</dfn>
-						<span>{{ actor.ethnicity }}</span>
-					</li>
-
-					<li
-						v-if="actor.bust || actor.waist || actor.hip"
-						title="bust-waist-hip"
-						class="bio-item figure"
-					>
-						<dfn class="bio-label"><Icon icon="ruler" />Figure</dfn>
-						<span class="bio-value">
-							<Icon
-								v-if="actor.naturalBoobs === false"
-								v-tooltip="'Enhanced boobs'"
-								icon="magic-wand2"
-								class="enhanced"
-							/>{{ actor.bust || '??' }}{{ actor.cup || '?' }}-{{ actor.waist || '??' }}-{{ actor.hip || '??' }}
-						</span>
-					</li>
-
-					<li
-						v-if="actor.penisLength || actor.penisGirth || actor.circumcised"
-						class="bio-item penis"
-					>
-						<dfn class="bio-label"><Icon icon="pencil-ruler" />Dick</dfn>
-
-						<span>
-							<Icon
-								v-if="actor.circumcised"
-								v-tooltip="'Circumcised'"
-								icon="page-break"
-								class="circumcised"
-							/>
-
-							<template v-if="actor.penisLengthMetric && actor.penisGirthMetric">
-								<span>{{ actor.penisLengthMetric }} * {{ actor.penisGirthMetric }} cm</span>
-								<span class="bio-segment">{{ actor.penisLengthImperial }}" * {{ actor.penisGirthImperial }}"</span>
-							</template>
-
-							<template v-else-if="actor.penisLengthMetric">
-								<span>{{ actor.penisLengthMetric }} cm</span>
-								<span class="bio-segment">{{ actor.penisLengthImperial }}"</span>
-							</template>
-						</span>
-					</li>
-
-					<li
-						v-if="actor.height"
-						class="bio-item height"
-					>
-						<dfn class="bio-label"><Icon icon="height" />Height</dfn>
-						<span>
-							<span class="height-metric">{{ actor.height.metric }} cm</span>
-							<span class="height-imperial">{{ actor.height.imperial }}</span>
-						</span>
-					</li>
-
-					<li
-						v-if="actor.weight"
-						class="bio-item weight hideable"
-					>
-						<dfn class="bio-label"><Icon icon="scale" />Weight</dfn>
-
-						<span>
-							<span class="weight-metric">{{ actor.weight.metric }} kg</span>
-							<span class="weight-imperial">{{ actor.weight.imperial }} lbs</span>
-						</span>
-					</li>
-
-					<li
-						v-if="actor.eyes"
-						class="bio-item eyes hideable"
-					>
-						<dfn class="bio-label"><Icon icon="eye" />Eyes</dfn>
-						<span>{{ actor.eyes }}</span>
-					</li>
-
-					<li
-						v-if="actor.hairColor"
-						class="bio-item hair hideable"
-					>
-						<dfn class="bio-label"><Icon icon="haircut" />Hair</dfn>
-						<span><span v-if="actor.hairLength">{{ actor.hairLength }}, </span>{{ actor.hairColor }}</span>
-					</li>
-
-					<li
-						v-if="actor.hasTattoos"
-						class="bio-item tattoos hideable"
-					>
-						<dfn class="bio-label"><Icon icon="lotus" />Tattoos</dfn>
-
-						<span
-							v-if="actor.tattoos"
-							v-tooltip="actor.tattoos"
-							class="bio-value"
-						>{{ actor.tattoos }}</span>
-						<span v-else>Yes</span>
-					</li>
-
-					<li
-						v-if="actor.hasPiercings"
-						class="bio-item piercings hideable"
-					>
-						<dfn class="bio-label"><Icon icon="trophy4" />Piercings</dfn>
-
-						<span
-							v-if="actor.piercings"
-							v-tooltip="actor.piercings"
-							class="bio-value"
-						>{{ actor.piercings }}</span>
-						<span v-else>Yes</span>
-					</li>
-
-					<li class="bio-item scraped hideable">Updated {{ formatDate(actor.updatedAt, 'YYYY-MM-DD HH:mm') }}, ID: {{ actor.id }}</li>
-				</ul>
-
-				<div class="descriptions-container">
-					<div
-						v-if="actor.descriptions && actor.descriptions.length > 0"
-						class="descriptions"
-					>
-						<p
-							v-for="description in actor.descriptions"
-							:key="`description-${description.entity.id}`"
-							class="description"
-						>
-							{{ description.text }}
-							<RouterLink :to="`/${description.entity.type}/${description.entity.slug}`">
-								<img
-									v-if="description.entity.type === 'network' || !description.entity.parent || description.entity.independent"
-									:src="`/img/logos/${description.entity.slug}/thumbs/network.png`"
-									class="description-logo"
-								>
-
-								<img
-									v-else
-									:src="`/img/logos/${description.entity.parent.slug}/thumbs/${description.entity.slug}.png`"
-									class="description-logo"
-								>
-							</RouterLink>
-						</p>
-					</div>
-				</div>
-
-				<Social
-					v-if="actor.social && actor.social.length > 0"
-					:actor="actor"
-					class="profile-social"
-				/>
-
-				<Expand
-					:expanded="bioExpanded"
-					class="expand expand-light"
-					@expand="(state) => bioExpanded = state"
-				/>
-			</div>
-
-			<Album
-				v-if="showAlbum"
-				:items="[actor.avatar, ...actor.photos]"
-				:title="actor.name"
-				:portrait="true"
-				:comments="true"
-				@close="$router.replace({ hash: undefined })"
-			/>
-
-			<div class="actor-content">
-				<Scroll
-					v-if="actor.avatar || (actor.photos && actor.photos.length > 0)"
-					v-slot="scroll"
-				>
-					<Photos
-						:actor="actor"
-						:class="{ expanded: photosExpanded }"
-						@load="scroll.loaded"
-					/>
-				</Scroll>
-
-				<button
-					v-if="actor.photos && actor.photos.length > 2"
-					class="album-toggle"
-					@click="$router.push({ hash: '#album' })"
-				><Icon icon="grid3" />View album</button>
-
-				<FilterBar
-					ref="filter"
-					:fetch-releases="fetchActor"
-					:items-total="totalCount"
-					:items-per-page="limit"
-					:available-tags="actor.tags"
-					:available-channels="actor.channels"
-					:available-actors="actor.actors"
-				/>
-
-				<Releases
-					:releases="releases"
-					:done="done"
-				/>
-
-				<Pagination
-					:items-total="totalCount"
-					:items-per-page="limit"
-					name="actorRange"
-					class="pagination-top"
-				/>
-			</div>
-
-			<Footer />
-		</div>
-	</div>
-</template>
-
-<script>
-import config from 'config';
-
-import Pagination from '../pagination/pagination.vue';
-import FilterBar from '../filters/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-import Photos from './photos.vue';
-import Album from '../album/album.vue';
-import Expand from '../expand/expand.vue';
-import Scroll from '../scroll/scroll.vue';
-import Gender from './gender.vue';
-import Social from './social.vue';
-import StashButton from '../stashes/button.vue';
-
-async function fetchActor(scroll = true) {
-	this.done = false;
-
-	const { actor, releases, totalCount } = await this.$store.dispatch('fetchActorById', {
-		actorId: Number(this.$route.params.actorId),
-		limit: this.limit,
-		pageNumber: Number(this.$route.params.pageNumber),
-		range: this.$route.params.range,
-	});
-
-	this.actor = actor;
-	this.releases = releases;
-	this.totalCount = totalCount;
-	this.stashedBy = actor.stashes;
-	this.done = true;
-
-	if (this.$refs.filter && scroll) {
-		this.$refs.filter.$el.scrollIntoView();
-	}
-}
-
-async function stashActor(stashId) {
-	this.stashedBy = await this.$store.dispatch('stashActor', {
-		actorId: this.actor.id,
-		stashId,
-	});
-}
-
-async function unstashActor(stashId) {
-	this.stashedBy = await this.$store.dispatch('unstashActor', {
-		actorId: this.actor.id,
-		stashId,
-	});
-}
-
-function me() {
-	return this.$store.state.auth.user;
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-function showAlbum() {
-	return this.actor.photos?.length > 0 && this.$route.hash === '#album';
-}
-
-async function watchRoute(to, from) {
-	if ((to.name === 'actor' || to.name === 'actorRange') && to.hash !== '#album' && from.hash !== '#album') {
-		await this.fetchActor();
-	}
-}
-
-async function mounted() {
-	await this.fetchActor();
-
-	if (this.actor) {
-		this.pageTitle = this.actor.name;
-	}
-}
-
-export default {
-	components: {
-		Album,
-		FilterBar,
-		Pagination,
-		Photos,
-		Scroll,
-		Expand,
-		Releases,
-		Gender,
-		Social,
-		StashButton,
-	},
-	data() {
-		return {
-			actor: null,
-			releases: null,
-			done: false,
-			totalCount: 0,
-			limit: Number(this.$route.query.limit || 30) - config.campaigns.tiles, // reserve one campaign spot
-			pageTitle: null,
-			bioExpanded: false,
-			photosExpanded: false,
-			stashed: false,
-			stashedBy: [],
-		};
-	},
-	computed: {
-		me,
-		sfw,
-		showAlbum,
-	},
-	watch: {
-		$route: watchRoute,
-		'$store.state.ui.tagFilter': fetchActor,
-	},
-	mounted,
-	methods: {
-		fetchActor,
-		stashActor,
-		unstashActor,
-	},
-};
-</script>
-
-<style lang="scss">
-.header-gender .icon {
-    width: 1.25rem;
-    height: 1.25rem;
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.actor-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: var(--lighten-extreme);
-    background: var(--profile);
-}
-
-.actor-stash {
-	margin: 0 1rem 0 0;
-}
-
-.header-name {
-    padding: .5rem 1rem;
-    margin: 0;
-    display: inline-flex;
-    justify-content: space-between;
-    flex-shrink: 0;
-}
-
-.header-gender {
-    display: inline-block;
-    margin: 0 0 0 .5rem;
-    transform: translate(0, .125rem);
-}
-
-.header-social {
-    overflow: hidden;
-    white-space: nowrap;
-    margin: 0 1rem 0 0;
-}
-
-.profile {
-    background: var(--profile);
-    color: var(--lighten-extreme);
-    width: 100%;
-    max-height: 18rem;
-    display: flex;
-    flex-direction: row;
-    flex-shrink: 0;
-
-    &.with-avatar {
-        height: 18rem; /* profile overlaps avatar in chrome */
-    }
-
-    .avatar-link {
-        padding: 0 0 1rem 1rem;
-        flex-shrink: 0;
-    }
-
-    .avatar {
-        height: 100%;
-        flex-shrink: 0;
-		border: solid 3px var(--lighten-hint);
-        margin: 0 .5rem 0 0;
-    }
-}
-
-.bio {
-    flex-grow: 1;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    box-sizing: border-box;
-    overflow: hidden;
-}
-
-.bio-header {
-    width: calc(50% - 2rem);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 .5rem .5rem 0;
-    margin: 0 0 0 1rem;
-}
-
-.bio-item {
-    width: calc(50% - 4rem);
-    display: flex;
-    justify-content: space-between;
-    box-sizing: border-box;
-    padding: .25rem 0 ;
-    margin: 0 0 .25rem 1rem;
-    line-height: 1.75;
-    text-align: right;
-    font-size: .9rem;
-    font-weight: 600;
-    overflow: hidden;
-
-    &:not(:last-of-type) {
-        border-bottom: solid 1px var(--lighten-hint);
-    }
-}
-
-.bio-label,
-.bio-value {
-	display: flex;
-	align-items: center;
-}
-
-.bio-label {
-    color: var(--lighten);
-    margin: 0 1rem 0 0;
-    flex-shrink: 0;
-    font-style: normal;
-    font-weight: 400;
-
-    .icon {
-        fill: var(--lighten);
-        margin: -.25rem .5rem 0 0;
-    }
-}
-
-.bio-value {
-	margin: 0 0 0 2rem;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-
-    .icon {
-        margin: -.25rem 0 0 0;
-    }
-}
-
-.flag {
-    height: 1rem;
-    margin: .25rem .25rem 0 0;
-}
-
-.bio-name {
-    display: inline-block;
-    padding: 0;
-    margin: 0;
-}
-
-.birthdate {
-    display: block;
-}
-
-.age {
-    font-weight: bold;
-    padding: 0 0 0 .5rem;
-    border-left: solid 1px var(--lighten-weak);
-    margin: 0 0 0 .5rem;
-}
-
-.country {
-    display: flex;
-	justify-content: flex-end;
-}
-
-.figure .bio-label .icon {
-	margin: -.5rem .5rem 0 0;
-}
-
-.height-imperial,
-.weight-imperial,
-.penis-girth-imperial,
-.penis-length-imperial,
-.bio-segment {
-    padding: 0 0 0 .5rem;
-    border-left: solid 1px var(--lighten-weak);
-    margin: 0 0 0 .5rem;
-}
-
-.enhanced.icon,
-.circumcised.icon {
-    fill: var(--primary);
-    padding: 0 .5rem;
-}
-
-.enhanced.icon {
-	transform: scaleX(-1);
-}
-
-.ethnicity,
-.hair,
-.eyes,
-.orientation {
-    text-transform: capitalize;
-}
-
-.alias:not(:last-child)::after {
-	content: ',\00a0';
-}
-
-.scraped {
-    color: var(--lighten-weak);
-    font-size: .8rem;
-}
-
-.descriptions-container {
-    max-width: 30rem;
-    max-height: 100%;
-    position: relative;
-    display: block;
-    flex-grow: 1;
-    box-sizing: border-box;
-	overflow: hidden;
-
-	&::after {
-		content: '';
-		width: 100%;
-		height: 1.5rem;
-		position: absolute;
-		bottom: 0;
-		background: linear-gradient(transparent, 25%, var(--profile) 75%);
-		pointer-events: none;
-	}
-}
-
-.descriptions {
-	height: 100%;
-    overflow: auto;
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
-
-.description {
-	margin: 0;
-	padding: 0 1rem;
-	border-left: solid 3px var(--lighten-hint);
-    line-height: 1.5;
-    font-size: .9rem;
-}
-
-.description-logo {
-	display: block;
-	width: 12rem;
-	max-height: 1.5rem;
-	margin: .5rem 0 1.5rem 0;
-	object-fit: contain;
-	object-position: 0 50%;
-}
-
-.actor-content {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-	background: var(--background-soft);
-}
-
-.heading {
-    padding: 0;
-    margin: 0 0 1rem 0;
-}
-
-.profile-social {
-    display: none;
-}
-
-.expand {
-	display: none;
-}
-
-.scroll {
-	background: var(--background-dim);
-	border-bottom: solid 1px var(--shadow-hint);
-}
-
-.stash.icon {
-	width: 1.5rem;
-	height: 1.5rem;
-	padding: 0 1rem;
-	fill: var(--lighten);
-
-	&.stashed {
-		fill: var(--primary);
-	}
-
-	&:hover {
-		fill: var(--primary);
-		cursor: pointer;
-	}
-}
-
-@media(max-width: $breakpoint4) {
-    .descriptions-container {
-        display: none;
-    }
-}
-
-@media(max-width: $breakpoint3) {
-    .profile .avatar-link {
-        display: none;
-    }
-
-    .actor-content {
-        flex-direction: column;
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .profile {
-        height: auto;
-        max-height: none;
-        flex-direction: column;
-
-        &.with-avatar {
-            height: auto;
-            max-height: none;
-        }
-
-        &:not(.expanded) .hideable {
-            display: none;
-        }
-    }
-
-    .bio {
-        width: 100%;
-        height: auto;
-        padding: 0 1rem;
-        margin: 0;
-    }
-
-    .bio-item {
-        width: 100%;
-        margin: 0;
-    }
-
-    .expanded .bio-value {
-		white-space: normal;
-    }
-
-	.expand {
-		display: block;
-	}
-
-	.actor-stash {
-		margin: 0 .5rem 0 0;
-	}
-}
-
-@media(max-width: $breakpoint0) {
-    .header-social {
-        display: none;
-    }
-
-    .expanded .profile-social {
-        display: block;
-        margin: 1rem 0 0 0;
-    }
-
-    .header-name {
-		flex-grow: 1;
-		font-size: 1.3rem;
-		padding: .5rem .5rem .5rem 1rem;
-    }
-
-	.stash.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		padding: 0 1rem 0 .25rem;
-		transform: translate(0, -.1rem);
-	}
-}
-</style>
diff --git a/assets/components/actors/actors.vue b/assets/components/actors/actors.vue
deleted file mode 100755
index 25d54f6f8..000000000
--- a/assets/components/actors/actors.vue
+++ /dev/null
@@ -1,770 +0,0 @@
-<template>
-	<div
-		ref="content"
-		class="actors"
-	>
-		<nav
-			ref="filters"
-			class="filters"
-		>
-			<div class="filters-row">
-				<ul class="genders nolist">
-					<li class="gender">
-						<router-link
-							:to="{ name: 'actors', params: { gender: 'all', pageNumber: 1 }, query: $route.query }"
-							:class="{ selected: gender === 'all' }"
-							class="gender-link all"
-						>all</router-link>
-					</li>
-					<li class="gender">
-						<router-link
-							:to="{ name: 'actors', params: { gender: 'female', pageNumber: 1 }, query: $route.query }"
-							:class="{ selected: gender === 'female' }"
-							class="gender-link female"
-						><Gender gender="female" /></router-link>
-					</li>
-					<li class="gender">
-						<router-link
-							:to="{ name: 'actors', params: { gender: 'male', pageNumber: 1 }, query: $route.query }"
-							:class="{ selected: gender === 'male' }"
-							class="gender-link male"
-							replace
-						><Gender gender="male" /></router-link>
-					</li>
-					<li class="gender">
-						<router-link
-							:to="{ name: 'actors', params: { gender: 'trans', pageNumber: 1 }, query: $route.query }"
-							:class="{ selected: gender === 'trans' }"
-							class="gender-link transsexual"
-							replace
-						><Gender gender="transsexual" /></router-link>
-					</li>
-					<li class="gender">
-						<router-link
-							:to="{ name: 'actors', params: { gender: 'other', pageNumber: 1 }, query: $route.query }"
-							:class="{ selected: gender === 'other' }"
-							class="gender-link other"
-							replace
-						><Icon icon="question5" /></router-link>
-					</li>
-				</ul>
-
-				<ul class="filters-attributes nolist">
-					<li>
-						<Tooltip class="filter boobs">
-							<span
-								class="filter-trigger"
-								:class="{ enabled: ageRequired }"
-							><Icon icon="vcard" />Age</span>
-
-							<template v-slot:tooltip>
-								<RangeFilter
-									label="age"
-									:min="18"
-									:max="100"
-									:value="age"
-									:disabled="!ageRequired"
-									@enable="(checked) => updateValue('ageRequired', checked, true)"
-									@input="(range) => updateValue('age', range, false)"
-									@change="(range) => updateValue('age', range, true)"
-								>
-									<template v-slot:start><Icon icon="leaf" /></template>
-									<template v-slot:end><Icon icon="tree3" /></template>
-								</RangeFilter>
-
-								<div class="filter-section">
-									<label class="filter-label">
-										<span class="label">
-											<Checkbox
-												:checked="dobRequired"
-												class="checkbox"
-												@change="(checked) => updateValue('dobRequired', checked, true)"
-											/>Date of birth
-										</span>
-									</label>
-
-									<div
-										class="input-container"
-										@click="() => updateValue('dobRequired', true, true)"
-									>
-										<input
-											v-model="dob"
-											:disabled="!dobRequired"
-											type="date"
-											class="input"
-											@change="updateFilters"
-										>
-									</div>
-								</div>
-							</template>
-						</Tooltip>
-					</li>
-
-					<li>
-						<Tooltip class="filter">
-							<span
-								class="filter-trigger boobs"
-								:class="{ enabled: boobSizeRequired || naturalBoobs !== 1 }"
-							><Icon icon="boobs" />Boobs</span>
-
-							<template v-slot:tooltip>
-								<RangeFilter
-									label="size"
-									:min="0"
-									:max="boobSizes.length - 1"
-									:value="boobSize"
-									:values="boobSizes"
-									:disabled="!boobSizeRequired"
-									@enable="(checked) => updateValue('boobSizeRequired', checked, true)"
-									@input="(range) => updateValue('boobSize', range, false)"
-									@change="(range) => updateValue('boobSize', range, true)"
-								>
-									<template v-slot:start><Icon icon="boobs-small" /></template>
-									<template v-slot:end><Icon icon="boobs-big" /></template>
-								</RangeFilter>
-
-								<div class="filter-section">
-									<span class="filter-label">Enhanced</span>
-
-									<span
-										:class="{ [['off', 'default', 'on'][naturalBoobs]]: true }"
-										class="toggle-container noclick"
-									>
-										<span
-											class="toggle-label off"
-											@click="updateValue('naturalBoobs', 0)"
-										><Icon icon="leaf" /></span>
-
-										<input
-											v-model.number="naturalBoobs"
-											class="toggle"
-											type="range"
-											min="0"
-											max="2"
-											@change="updateFilters"
-										>
-
-										<span
-											class="toggle-label on"
-											@click="updateValue('naturalBoobs', 2)"
-										><Icon icon="magic-wand2" /></span>
-									</span>
-								</div>
-							</template>
-						</Tooltip>
-					</li>
-
-					<li>
-						<Tooltip class="filter boobs">
-							<span
-								class="filter-trigger"
-								:class="{ enabled: heightRequired || weightRequired }"
-							><Icon icon="rulers" />Physique</span>
-
-							<template v-slot:tooltip>
-								<RangeFilter
-									label="height"
-									:min="50"
-									:max="220"
-									:value="height"
-									:disabled="!heightRequired"
-									unit="cm"
-									@enable="(checked) => updateValue('heightRequired', checked, true)"
-									@input="(range) => updateValue('height', range, false)"
-									@change="(range) => updateValue('height', range, true)"
-								>
-									<template v-slot:start><Icon icon="height-short" /></template>
-									<template v-slot:end><Icon icon="height" /></template>
-								</RangeFilter>
-
-								<RangeFilter
-									label="weight"
-									:min="30"
-									:max="200"
-									:value="weight"
-									:disabled="!weightRequired"
-									unit="kg"
-									@enable="(checked) => updateValue('weightRequired', checked, true)"
-									@input="(range) => updateValue('weight', range, false)"
-									@change="(range) => updateValue('weight', range, true)"
-								>
-									<template v-slot:start><Icon icon="meter-slow" /></template>
-									<template v-slot:end><Icon icon="meter-fast" /></template>
-								</RangeFilter>
-							</template>
-						</Tooltip>
-					</li>
-
-					<li>
-						<Tooltip class="filter">
-							<span
-								:class="{ enabled: country }"
-								class="filter-trigger"
-							><img
-								v-if="$route.query.c"
-								:src="`/img/flags/${$route.query.c.toLowerCase()}.svg`"
-								class="flag"
-							><Icon
-								v-else
-								icon="earth2"
-							/>Country</span>
-
-							<template v-slot:tooltip>
-								<input
-									v-model="countryQuery"
-									placeholder="Search"
-									class="input"
-								>
-
-								<Countries
-									v-if="!countryQuery"
-									:countries="topCountries"
-									:selected-country="country"
-									:update-value="updateValue"
-								/>
-
-								<Countries
-									:countries="filteredCountries"
-									:selected-country="country"
-									:update-value="updateValue"
-								/>
-							</template>
-						</Tooltip>
-					</li>
-				</ul>
-			</div>
-
-			<SearchBar :placeholder="`Search ${totalCount} actors`" />
-		</nav>
-
-		<div
-			ref="tiles"
-			class="tiles"
-		>
-			<Actor
-				v-for="actor in actors"
-				:key="`actor-${actor.id}`"
-				:actor="actor"
-			/>
-		</div>
-
-		<Pagination
-			v-if="totalCount > 0"
-			:items-total="totalCount"
-			:items-per-page="limit"
-			class="pagination-bottom"
-		/>
-
-		<Footer />
-	</div>
-</template>
-
-<script>
-import dayjs from 'dayjs';
-
-import Actor from './tile.vue';
-import Gender from './gender.vue';
-import Checkbox from '../form/checkbox.vue';
-import Countries from './countries.vue';
-import RangeFilter from './filter-range.vue';
-import SearchBar from '../search/bar.vue';
-import Pagination from '../pagination/pagination.vue';
-
-const toggleValues = [true, null, false];
-const boobSizes = 'ABCDEFGHIJKZ'.split('');
-const topCountries = ['AU', 'BR', 'CZ', 'DE', 'JP', 'RU', 'GB', 'US'];
-
-function updateFilters() {
-	this.$router.push({
-		name: 'actors',
-		params: {
-			pageNumber: 1,
-			gender: this.gender,
-		},
-		query: {
-			nb: this.naturalBoobs !== 1 ? this.naturalBoobs : undefined,
-			bs: this.boobSizeRequired ? this.boobSize.join(',') : undefined,
-			h: this.heightRequired ? this.height.join(',') : undefined,
-			w: this.weightRequired ? this.weight.join(',') : undefined,
-			c: this.country ? this.country : undefined,
-			age: this.ageRequired ? this.age.join(',') : undefined,
-			dob: this.dobRequired ? this.dob : undefined,
-			query: this.$route.query.query,
-		},
-	});
-}
-
-function updateValue(prop, value, load = true) {
-	this[prop] = value;
-
-	if (load) {
-		this.updateFilters();
-	}
-}
-
-async function fetchActors(scroll) {
-	const curatedGender = this.gender.replace('trans', 'transsexual');
-
-	const { actors, countries, totalCount } = await this.$store.dispatch('fetchActors', {
-		limit: this.limit,
-		pageNumber: Number(this.$route.params.pageNumber) || 1,
-		query: this.$route.query.query,
-		gender: curatedGender === 'other' ? null : curatedGender,
-		age: this.ageRequired && this.age,
-		dob: this.dobRequired && this.dob,
-		boobSize: this.boobSizeRequired && this.boobSize,
-		country: this.country,
-		naturalBoobs: toggleValues[this.naturalBoobs] ?? null,
-		height: this.heightRequired && this.height,
-		weight: this.weightRequired && this.weight,
-	});
-
-	const countriesByAlpha2 = countries.reduce((acc, country) => ({ ...acc, [country.alpha2]: country }), {});
-
-	this.actors = actors;
-	this.totalCount = totalCount;
-
-	this.countries = countries;
-	this.topCountries = [...(this.country && !topCountries.includes(this.country) ? [this.country] : []), ...topCountries].map(alpha2 => countriesByAlpha2[alpha2]);
-
-	if (scroll) {
-		this.$refs.tiles?.scrollIntoView();
-	}
-}
-
-function filteredCountries() {
-	const countryQueryExpression = new RegExp(this.countryQuery, 'i');
-
-	return this.countryQuery?.length > 0
-		? this.countries.filter(country => countryQueryExpression.test(country.name) || countryQueryExpression.test(country.alpha2))
-		: this.countries;
-}
-
-function gender() {
-	return this.$route.params.gender || 'all';
-}
-
-async function route(to, from) {
-	const scroll = to.params.pageNumber !== from.params.pageNumber
-		|| to.params.gender !== from.params.gender;
-
-	await this.fetchActors(scroll);
-}
-
-async function mounted() {
-	this.pageTitle = 'Actors';
-
-	await this.fetchActors();
-}
-
-export default {
-	components: {
-		Actor,
-		Checkbox,
-		Countries,
-		Gender,
-		RangeFilter,
-		SearchBar,
-		Pagination,
-	},
-	data() {
-		return {
-			actors: [],
-			countries: [],
-			topCountries: [],
-			countryQuery: null,
-			pageTitle: null,
-			totalCount: 0,
-			limit: 50,
-			age: this.$route.query.age?.split(',') || [18, 100],
-			ageRequired: !!this.$route.query.age,
-			dob: this.$route.query.dob || dayjs().subtract(21, 'years').format('YYYY-MM-DD'),
-			dobRequired: !!this.$route.query.dob,
-			boobSizes,
-			boobSize: this.$route.query.bs?.split(',') || ['A', 'Z'],
-			boobSizeRequired: !!this.$route.query.bs,
-			country: this.$route.query.c || null,
-			naturalBoobs: Number(this.$route.query.nb) || 1,
-			height: this.$route.query.h?.split(',').map(Number) || [50, 220],
-			heightRequired: !!this.$route.query.h,
-			weight: this.$route.query.w?.split(',').map(Number) || [30, 200],
-			weightRequired: !!this.$route.query.w,
-		};
-	},
-	computed: {
-		gender,
-		filteredCountries,
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchActors,
-		updateFilters,
-		updateValue,
-	},
-};
-</script>
-
-<style lang="scss">
-.gender-link {
-    &.selected .gender .icon  {
-        fill: var(--text-light);
-        filter: none;
-    }
-
-    &: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  {
-        fill: var(--female);
-        filter: drop-shadow(1px 0 0 var(--text-light)) drop-shadow(-1px 0 0 var(--text-light)) drop-shadow(0 1px 0 var(--text-light)) drop-shadow(0 -1px 0 var(--text-light)) drop-shadow(1px 0 0 var(--male)) drop-shadow(-1px 0 0 var(--male)) drop-shadow(0 1px 0 var(--male)) drop-shadow(0 -1px 0 var(--male)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
-    }
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.actors {
-    display: flex;
-    flex-direction: column;
-	flex-grow: 1;
-	overflow-y: auto;
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-	grid-template-rows: min-content;
-    grid-gap: .5rem;
-    padding: 1rem;
-    flex-grow: 1;
-}
-
-.search {
-	width: 0;
-	justify-content: flex-end;
-	flex-grow: 1;
-	box-sizing: border-box;
-	padding: 0 1rem;
-}
-
-.filters,
-.filters-row {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-}
-
-.filters {
-	margin: 1rem 0 .5rem 0;
-}
-
-.filters-row,
-.filter {
-	padding: 0 1rem;
-}
-
-.genders {
-    display: flex;
-    flex-shrink: 0;
-    padding: 0 .5rem 0 0;
-}
-
-.gender {
-    display: inline-block;
-}
-
-.gender-link {
-    width: 2.5rem;
-    height: 2.5rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    margin: .25rem .5rem .25rem 0;
-    color: var(--shadow);
-    background: var(--background);
-    font-weight: bold;
-    text-decoration: none;
-    box-shadow: 0 0 3px var(--darken-weak);
-
-    .male,
-    .female,
-    .transsexual {
-        padding: .2rem 0 0 0;
-    }
-
-    .icon {
-        fill: var(--shadow);
-    }
-
-    &:hover {
-        color: var(--text);
-        cursor: pointer;
-
-        .icon {
-            fill: var(--text);
-        }
-    }
-
-    &.selected {
-        background: var(--primary);
-        color: var(--text-light);
-
-        &.other .icon {
-            fill: var(--text-light);
-        }
-    }
-}
-
-.filter-trigger {
-	display: inline-flex;
-	align-items: center;
-	color: var(--shadow);
-	font-weight: bold;
-
-	.icon,
-	.flag {
-		fill: var(--shadow);
-		width: 1rem;
-		height: 1rem;
-		margin: -.1rem .75rem 0 0;
-	}
-
-	&:hover {
-		color: var(--shadow-strong);
-		cursor: pointer;
-
-		.icon {
-			fill: var(--shadow-strong);
-		}
-	}
-
-	&.enabled {
-		color: var(--primary);
-
-		.icon {
-			fill: var(--primary);
-		}
-	}
-}
-
-.label-values {
-	font-weight: normal;
-}
-
-.filter-split {
-	display: flex;
-	align-items: center;
-}
-
-.filter-label {
-	display: flex;
-	justify-content: space-between;
-	padding: .75rem .5rem .5rem .5rem;
-	color: var(--shadow);
-	font-weight: bold;
-	font-size: .9rem;
-
-	.checkbox {
-		margin: 0 .75rem 0 0;
-	}
-
-	.label {
-		display: inline-flex;
-		align-items: center;
-		text-transform: capitalize;
-	}
-}
-
-.input-container {
-	box-sizing: border-box;
-	padding: 0 .5rem .5rem .5rem;
-
-	.input {
-		width: 100%;
-	}
-}
-
-.toggle-container,
-.range-container {
-	display: flex;
-	flex-grow: 1;
-	align-items: center;
-	padding: .5rem 0;
-
-	&.on {
-		.toggle-label.on {
-			color: var(--enabled);
-
-			.icon {
-				fill: var(--enabled);
-			}
-		}
-
-		.toggle {
-			background-color: var(--enabled-background);
-
-			&::-webkit-slider-thumb {
-				background: var(--enabled);
-			}
-
-			&::-moz-range-thumb {
-				background: var(--enabled);
-			}
-		}
-	}
-
-	&.off {
-		.toggle-label.off {
-			color: var(--disabled);
-
-			.icon {
-				fill: var(--disabled);
-			}
-		}
-
-		.toggle {
-			background-color: var(--disabled-background);
-
-			&::-webkit-slider-thumb {
-				background: var(--disabled);
-			}
-
-			&::-moz-range-thumb {
-				background: var(--disabled);
-			}
-		}
-	}
-}
-
-.toggle-label {
-	display: inline-flex;
-	justify-content: center;
-	min-width: 1.5rem;
-	flex-shrink: 0;
-	padding: 0 .5rem;
-	color: var(--shadow);
-	font-weight: bold;
-	font-size: .9rem;
-
-	&.on {
-		text-align: right;
-	}
-
-	.icon {
-		fill: var(--shadow);
-	}
-
-	&:hover {
-		cursor: pointer;
-
-		&.on {
-			color: var(--enabled);
-
-			.icon {
-				fill: var(--enabled);
-			}
-		}
-
-		&.off {
-			color: var(--disabled);
-
-			.icon {
-				fill: var(--disabled);
-			}
-		}
-	}
-}
-
-.toggle {
-	width: 0;
-	flex-grow: 1;
-	height: 1.25rem;
-	appearance: none;
-	border-radius: 1rem;
-	background-color: var(--shadow-hint);
-	background-image: radial-gradient(circle, var(--shadow-weak) .3rem, transparent calc(.3rem + 1px));
-	cursor: pointer;
-
-	&::-webkit-slider-thumb {
-		appearance: none;
-		background: var(--disabled-handle);
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: .625rem;
-		box-shadow: 0 0 3px var(--darken-weak);
-	}
-
-	&::-moz-range-thumb {
-		appearance: none;
-		background: var(--disabled-handle);
-		width: 1.25rem;
-		height: 1.25rem;
-		border: none;
-		border-radius: .625rem;
-		box-shadow: 0 0 3px var(--darken-weak);
-	}
-}
-
-@media(max-width: $breakpoint-mega) {
-    .filters {
-        flex-direction: column-reverse;
-    }
-
-	::v-deep(.search) {
-		width: 100%;
-		justify-content: center;
-		margin: 0 0 1rem 0;
-	}
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.filters {
-		margin: 1rem 0 0 0;
-	}
-
-    .filters-row {
-        flex-direction: column;
-
-		.filter {
-			padding: 0 1rem 1rem 1rem;
-		}
-    }
-
-	.filters-attributes {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: center;
-	}
-
-	.genders {
-		padding: 0;
-		margin: 0 0 1.5rem 0;
-	}
-
-	.tiles {
-		padding: .5rem 1rem 1rem 1rem;
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/actors/countries.vue b/assets/components/actors/countries.vue
deleted file mode 100755
index ce851aabe..000000000
--- a/assets/components/actors/countries.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<ul class="countries nolist">
-		<li
-			v-for="country in countries"
-			:key="country.alpha2"
-			:title="country.name"
-			:class="{ selected: selectedCountry === country.alpha2 }"
-			class="country"
-			@click="updateValue('country', country.alpha2, true)"
-		>
-			<img
-				:src="`/img/flags/${country.alpha2.toLowerCase()}.svg`"
-				class="flag"
-			>
-
-			<span class="country-name">{{ country.alias || country.name }}</span>
-
-			<Icon
-				v-if="selectedCountry === country.alpha2"
-				icon="cross2"
-				@click.native.stop="updateValue('country', null, true)"
-			/>
-		</li>
-	</ul>
-</template>
-
-<script>
-export default {
-	props: {
-		countries: {
-			type: Array,
-			default: () => [],
-		},
-		selectedCountry: {
-			type: String,
-			default: null,
-		},
-		updateValue: {
-			type: Function,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.countries:not(:last-child) {
-	border-bottom: solid 1px var(--shadow-hint);
-}
-
-.country {
-	width: 15rem;
-	display: flex;
-	align-items: center;
-	overflow: hidden;
-
-	.flag {
-		width: 1.25rem;
-		padding: .25rem .5rem;
-	}
-
-	.icon {
-		padding: .25rem .5rem;;
-		fill: var(--shadow);
-
-		&:hover {
-			fill: var(--shadow-strong);
-		}
-	}
-
-	&:hover {
-		background: var(--shadow-hint);
-		cursor: pointer;
-	}
-
-	&.selected {
-		font-weight: bold;
-	}
-}
-
-.country-name {
-	flex-grow: 1;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	padding: .25rem .5rem;
-}
-</style>
diff --git a/assets/components/actors/filter-range.vue b/assets/components/actors/filter-range.vue
deleted file mode 100755
index 384ccd910..000000000
--- a/assets/components/actors/filter-range.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<template>
-	<div class="filter-section">
-		<label class="filter-label noselect">
-			<span class="label">
-				<Checkbox
-					:checked="!disabled"
-					class="checkbox"
-					@change="(checked) => $emit('enable', checked)"
-				/>{{ label }}
-			</span>
-
-			<span
-				v-if="!disabled"
-				class="label-values"
-			>{{ value[0] }} - {{ value[1] }}<template v-if="unit">&nbsp;{{ unit }}</template></span>
-		</label>
-
-		<span class="filter-split">
-			<Range
-				:min="min"
-				:max="max"
-				:value="value"
-				:values="values"
-				:disabled="disabled"
-				:allow-enable="allowEnable"
-				@enable="$emit('enable', true)"
-				@input="(range) => $emit('input', range)"
-				@change="(range) => $emit('change', range)"
-			>
-				<template v-slot:start><slot name="start" /></template>
-				<template v-slot:end><slot name="end" /></template>
-			</Range>
-		</span>
-	</div>
-</template>
-
-<script>
-import Checkbox from '../form/checkbox.vue';
-import Range from '../form/range.vue';
-
-export default {
-	components: {
-		Checkbox,
-		Range,
-	},
-	props: {
-		label: {
-			type: String,
-			default: null,
-		},
-		value: {
-			type: Array,
-			default: () => [0, 10],
-		},
-		values: {
-			type: Array,
-			default: null,
-		},
-		min: {
-			type: Number,
-			default: 0,
-		},
-		max: {
-			type: Number,
-			default: 10,
-		},
-		unit: {
-			type: String,
-			default: null,
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-		allowEnable: {
-			type: Boolean,
-			default: true,
-		},
-	},
-	emits: ['change', 'input', 'enable'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.filter-section {
-	width: 15rem;
-	max-width: 100%;
-	border-bottom: solid 1px var(--shadow-hint);
-}
-
-.filter-label {
-	display: flex;
-	justify-content: space-between;
-	padding: .75rem .5rem .5rem .5rem;
-	color: var(--shadow);
-	font-weight: bold;
-	font-size: .9rem;
-
-	.label {
-		display: inline-flex;
-		align-items: center;
-		text-transform: capitalize;
-	}
-
-	.checkbox {
-		margin: 0 .75rem 0 0;
-	}
-
-	.icon {
-		margin: 0 .5rem 0 0;
-	}
-}
-
-.label-values {
-	font-weight: normal;
-}
-
-.filter-split {
-	display: flex;
-	align-items: center;
-}
-
-.toggle-container,
-.range-container {
-	display: flex;
-	flex-grow: 1;
-	align-items: center;
-	padding: .5rem 0;
-
-	&.on {
-		.toggle-label.on {
-			color: var(--enabled);
-
-			.icon {
-				fill: var(--enabled);
-			}
-		}
-
-		.toggle {
-			background-color: var(--enabled-background);
-
-			&::-webkit-slider-thumb {
-				background: var(--enabled);
-			}
-
-			&::-moz-range-thumb {
-				background: var(--enabled);
-			}
-		}
-	}
-
-	&.off {
-		.toggle-label.off {
-			color: var(--disabled);
-
-			.icon {
-				fill: var(--disabled);
-			}
-		}
-
-		.toggle {
-			background-color: var(--disabled-background);
-
-			&::-webkit-slider-thumb {
-				background: var(--disabled);
-			}
-
-			&::-moz-range-thumb {
-				background: var(--disabled);
-			}
-		}
-	}
-}
-
-.toggle-label {
-	display: inline-flex;
-	justify-content: center;
-	min-width: 1.5rem;
-	flex-shrink: 0;
-	padding: 0 .5rem;
-	color: var(--shadow);
-	font-weight: bold;
-	font-size: .9rem;
-
-	&.on {
-		text-align: right;
-	}
-
-	.icon {
-		fill: var(--shadow);
-	}
-
-	&:hover {
-		cursor: pointer;
-
-		&.on {
-			color: var(--enabled);
-
-			.icon {
-				fill: var(--enabled);
-			}
-		}
-
-		&.off {
-			color: var(--disabled);
-
-			.icon {
-				fill: var(--disabled);
-			}
-		}
-	}
-}
-</style>
diff --git a/assets/components/actors/gender.vue b/assets/components/actors/gender.vue
deleted file mode 100755
index 63f0c1ecb..000000000
--- a/assets/components/actors/gender.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-	<span
-		v-if="gender"
-		class="gender"
-		:class="{ [gender]: true }"
-	><Icon :icon="gender" /></span>
-</template>
-
-<script>
-export default {
-	props: {
-		gender: {
-			type: String,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.gender {
-    &.female .icon {
-        fill: var(--female);
-        filter: drop-shadow(0 0 1px var(--darken));
-    }
-
-    &.male .icon {
-        fill: var(--male);
-        filter: drop-shadow(0 0 1px var(--darken));
-    }
-
-    &.transsexual .icon {
-        fill: var(--text-light);
-        filter: drop-shadow(1px 0 0 var(--female)) drop-shadow(-1px 0 0 var(--female)) drop-shadow(0 1px 0 var(--female)) drop-shadow(0 -1px 0 var(--female))
-            drop-shadow(1px 0 0 var(--male)) drop-shadow(-1px 0 0 var(--male)) drop-shadow(0 1px 0 var(--male)) drop-shadow(0 -1px 0 var(--male))
-            drop-shadow(0 0 1px var(--darken))
-    }
-}
-</style>
diff --git a/assets/components/actors/photos.vue b/assets/components/actors/photos.vue
deleted file mode 100755
index f3bcbc21d..000000000
--- a/assets/components/actors/photos.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-	<div
-		class="photos"
-		:class="{
-			avatar: !!actor.avatar,
-			empty: actor.photos.length === 0,
-		}"
-	>
-		<a
-			v-if="actor.avatar"
-			:href="getPath(actor.avatar)"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="avatar-link photo-link"
-		>
-			<img
-				:src="getPath(actor.avatar, 'thumbnail')"
-				:style="{ 'background-image': getBgPath(actor.avatar, 'lazy') }"
-				:title="actor.avatar.credit && `© ${actor.avatar.credit}`"
-				:width="actor.avatar.thumbnailWidth"
-				:height="actor.avatar.thumbnailHeight"
-				loading="lazy"
-				class="avatar photo"
-				@load="$emit('load', $event)"
-			>
-		</a>
-
-		<a
-			v-for="photo in photos"
-			:key="`photo-${photo.id}`"
-			:href="getPath(photo)"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="photo-link"
-		>
-			<img
-				:src="getPath(photo, 'thumbnail')"
-				:style="{ 'background-image': getBgPath(photo, 'lazy') }"
-				:title="`© ${photo.credit || photo.entity.name}`"
-				:width="photo.thumbnailWidth"
-				:height="photo.thumbnailHeight"
-				loading="lazy"
-				class="photo"
-				@load="$emit('load', $event)"
-			>
-		</a>
-	</div>
-</template>
-
-<script>
-function photos() {
-	return this.actor.photos.filter(photo => !photo.entropy || photo.entropy > 5.5);
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['load'],
-	computed: {
-		sfw,
-		photos,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.photos {
-    display: flex;
-	box-sizing: border-box;
-	padding: .5rem 1rem;
-    font-size: 0;
-
-	&.expanded {
-		flex-wrap: wrap;
-		justify-content: center;
-		margin: 0;
-
-		.photo-link {
-			margin: 0 .5rem .5rem 0;
-		}
-
-		.photo {
-			height: 18rem;
-		}
-	}
-
-	&.empty {
-		display: none;
-	}
-
-    .avatar-link {
-        display: none;
-    }
-}
-
-.photo-link {
-	padding: 0 .5rem 0 0;
-
-	&:last-child {
-		padding: 0 1rem 0 0;
-	}
-}
-
-.photo {
-    height: 15rem;
-	width: auto;
-    box-shadow: 0 0 3px var(--darken-weak);
-	object-fit: cover;
-	background-position: center;
-	background-size: cover;
-}
-
-@media(max-width: $breakpoint3) {
-	.photos {
-		&.empty.avatar {
-			display: flex;
-		}
-
-		.avatar-link {
-			display: inline-block;
-		}
-
-		&.expanded {
-			grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-		}
-    }
-}
-
-@media(max-width: $breakpoint0) {
-	.photos.expanded {
-		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/actors/preview.vue b/assets/components/actors/preview.vue
deleted file mode 100755
index 557ea5150..000000000
--- a/assets/components/actors/preview.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<RouterLink
-		:to="`/actor/${actor.id}/${actor.slug}`"
-		:target="target"
-		class="actor nolink"
-	>
-		<div class="avatar">
-			<img
-				v-if="actor.avatar"
-				:src="getPath(actor.avatar, 'lazy')"
-				class="avatar-image"
-			>
-
-			<Icon
-				v-else-if="actor.gender"
-				:icon="actor.gender"
-				class="avatar-fallback"
-			/>
-		</div>
-
-		<span class="name">{{ actor.name }}</span>
-	</RouterLink>
-</template>
-
-<script>
-async function unstashActor(actorId, stashId) {
-	await this.$store.dispatch('unstashActor', { actorId, stashId });
-}
-
-export default {
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-		target: {
-			type: String,
-			default: null,
-		},
-	},
-	methods: {
-		unstashActor,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.actor {
-	height: 2.5rem;
-	display: inline-flex;
-	align-items: center;
-	border: solid 1px var(--shadow-hint);
-
-	&:hover {
-		border: solid 1px var(--primary);
-	}
-}
-
-.avatar {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 2rem;
-	height: 100%;
-	border-right: solid 1px var(--shadow-hint);
-}
-
-.avatar-image {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	object-position: 50% 0;
-}
-
-.avatar-fallback {
-	fill: var(--shadow-weak);
-}
-
-.name {
-	display: inline-flex;
-	align-items: center;
-	height: 100%;
-	padding: 0 .5rem;
-	font-size: .8rem;
-	font-weight: bold;
-}
-</style>
diff --git a/assets/components/actors/social.vue b/assets/components/actors/social.vue
deleted file mode 100755
index b487e8114..000000000
--- a/assets/components/actors/social.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<div
-		v-if="actor"
-		class="social"
-	>
-		<a
-			v-for="social in actor.social"
-			:key="`social-${social.id}`"
-			v-tooltip.bottom="social.url"
-			:href="social.url"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="social-link"
-		>
-			<Icon
-				v-if="social.platform"
-				:icon="social.platform"
-			/>
-
-			<Icon
-				v-else
-				icon="link"
-			/>
-		</a>
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.social {
-    display: block;
-}
-
-.social-link {
-    display: inline-block;
-    padding: 0 0 0 1rem;
-
-    .icon {
-        color: var(--highlight);
-        fill: var(--highlight);
-        width: 1.5rem;
-        height: 1.5rem;
-    }
-
-    &:hover .icon {
-        fill: var(--primary);
-    }
-}
-</style>
diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue
deleted file mode 100755
index 578e3eaa3..000000000
--- a/assets/components/actors/tile.vue
+++ /dev/null
@@ -1,393 +0,0 @@
-<template>
-	<div
-		v-if="actor"
-		class="actor"
-	>
-		<div
-			class="link"
-		>
-			<span
-				class="handle"
-			>
-				<span
-					v-tooltip.top="actor.name"
-					class="name"
-				>{{ actor.name }}</span>
-
-				<RouterLink
-					v-if="actor.entity"
-					v-tooltip="actor.entity.name"
-					:to="{ name: actor.entity.type, params: { entitySlug: actor.entity.slug, range: 'new', pageNumber: 1 } }"
-					class="favicon"
-				>
-					<img
-						:src="`/img/logos/${actor.entity.slug}/favicon_light.png`"
-						class="favicon-icon"
-					>
-				</RouterLink>
-
-				<Icon
-					v-if="alias"
-					v-tooltip="`Alias of ${alias.name}`"
-					icon="users3"
-					class="favicon alias"
-				/>
-
-				<Icon
-					v-if="actor.dateOfDeath"
-					v-tooltip="`Died ${formatDate(actor.dateOfDeath, 'MMMM D, YYYY')}`"
-					icon="tombstone"
-					class="favicon died"
-				/>
-			</span>
-
-			<RouterLink
-				:to="hasScrolled ? '' : { name: 'actor', params: { actorId: actor.id, actorSlug: actor.slug } }"
-				class="avatar-container"
-			>
-				<img
-					v-if="actor.avatar"
-					:src="getPath(actor.avatar, 'thumbnail')"
-					:style="{ 'background-image': getBgPath(actor.avatar, 'lazy') }"
-					loading="lazy"
-					draggable="false"
-					class="avatar"
-				>
-
-				<span
-					v-else
-					class="avatar"
-				><img
-					:src="`/img/avatar_${actor.gender || 'female'}.svg`"
-					draggable="false"
-					class="avatar-fallback"
-				></span>
-
-				<Icon
-					v-show="(!stash || stash.primary) && favorited"
-					icon="heart7"
-					class="stash stashed"
-					@click.stop.native="unstashActor"
-				/>
-
-				<Icon
-					v-show="(!stash || stash.primary) && favorited === false"
-					icon="heart8"
-					class="stash unstashed"
-					@click.stop.native="stashActor"
-				/>
-
-				<Icon
-					v-show="stash && !stash.primary"
-					icon="cross2"
-					class="stash unstash"
-					@click.stop.native="unstashActor"
-				/>
-
-				<span class="details">
-					<span class="gender-age">
-						<Gender :gender="actor.gender" />
-
-						<span
-							v-if="actor.ageAtDeath"
-							v-tooltip="`Born ${formatDate(actor.dateOfBirth, 'MMMM D, YYYY')}<br>Died ${formatDate(actor.dateOfDeath, 'MMMM D, YYYY')}`"
-							class="age-death"
-						>{{ actor.ageAtDeath }}</span>
-
-						<span
-							v-else-if="actor.ageFromBirth"
-							v-tooltip="`Born on ${formatDate(actor.dateOfBirth, 'MMMM D, YYYY')}`"
-							class="age-now"
-						>{{ actor.ageFromBirth }}</span>
-
-						<span
-							v-else-if="actor.age"
-							v-tooltip="`At least ${actor.age}`"
-							class="age-now"
-						>{{ actor.age }}</span>
-
-						<span
-							v-if="actor.ageThen && actor.ageThen < actor.ageFromBirth"
-							v-tooltip="`${actor.ageThen} years old on release date`"
-							class="age-then"
-						>{{ actor.ageThen }}</span>
-					</span>
-
-					<span
-						v-if="actor.origin"
-						v-tooltip="`Born in ${actor.origin.country.alias || actor.origin.country.name}`"
-						class="country"
-					>
-						{{ actor.origin.country.alpha2 }}
-						<img
-							class="flag"
-							:src="`/img/flags/${actor.origin.country.alpha2.toLowerCase()}.svg`"
-						>
-					</span>
-
-					<span
-						v-else
-						class="country"
-					/>
-				</span>
-			</RouterLink>
-		</div>
-	</div>
-</template>
-
-<script>
-import Gender from './gender.vue';
-
-async function stashActor() {
-	this.favorited = true;
-
-	try {
-		await this.$store.dispatch('stashActor', {
-			actorId: this.actor.id,
-			stashId: this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', true);
-	} catch (error) {
-		this.favorited = false;
-	}
-}
-
-async function unstashActor() {
-	if (!this.stash || this.stash.primary) {
-		this.favorited = false;
-	}
-
-	try {
-		await this.$store.dispatch('unstashActor', {
-			actorId: this.actor.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', false);
-	} catch (error) {
-		this.favorited = true;
-	}
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	components: {
-		Gender,
-	},
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-		alias: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-		hasScrolled: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	emits: ['stash'],
-	data() {
-		return {
-			favorited: this.actor.isFavorited,
-		};
-	},
-	computed: {
-		sfw,
-	},
-	methods: {
-		stashActor,
-		unstashActor,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.actor {
-    width: 100%;
-    display: inline-block;
-    position: relative;
-    box-shadow: 0 0 3px var(--darken-weak);
-    background: var(--info);
-	overflow: hidden;
-
-    &::before {
-        content: '';
-        display: inline-block;
-        padding-bottom: 150%;
-    }
-
-	&:hover .unstashed,
-	&:hover .unstash {
-		fill: var(--lighten);
-	}
-}
-
-.link {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    top: 0;
-    left: 0;
-    color: var(--text-light);
-    text-decoration: none;
-}
-
-.handle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: bold;
-	box-shadow: 0 0 3px var(--shadow);
-
-	.name {
-		padding: .25rem .5rem;
-		font-size: .9rem;
-	}
-
-	.alias {
-		fill: var(--shadow);
-	}
-}
-
-.favicon {
-	font-size: 0;
-	padding: .5rem .25rem;
-
-	&:last-child {
-		padding: .5rem;
-	}
-
-	&.died {
-		fill: var(--shadow);
-	}
-}
-
-.favicon-icon {
-    width: 1rem;
-    height: 1rem;
-}
-
-.name {
-    flex-grow: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.avatar-container {
-    display: flex;
-    flex-grow: 1;
-    position: relative;
-	overflow: hidden;
-	background: var(--profile);
-	cursor: pointer;
-}
-
-.avatar {
-    color: var(--darken-weak);
-    background: var(--darken-hint);
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    object-fit: cover;
-    object-position: center 0;
-	background-size: cover;
-	background-position: center 0;
-}
-
-.avatar-fallback {
-    max-height: 100%;
-    max-width: 100%;
-    opacity: .1;
-}
-
-.stash {
-	width: 1.5rem;
-	height: 1.5rem;
-	padding: .25rem .25rem .5rem .5rem;
-	position: absolute;
-	top: 0;
-	right: 0;
-	fill: var(--lighten-weak);
-	filter: drop-shadow(0 0 2px var(--darken));
-
-	&:hover.unstashed,
-	&.stashed {
-		fill: var(--primary);
-	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
-}
-
-.details {
-    background: var(--darken);
-    color: var(--text-light);
-    width: 100%;
-    height: 1.75rem;
-    display: flex;
-    align-items: center;
-	justify-content: space-between;
-    box-sizing: border-box;
-    padding: .5rem;
-    position: absolute;
-    bottom: 0;
-    font-size: .9rem;
-    font-weight: bold;
-}
-
-.gender-age {
-	display: flex;
-	align-items: center;
-}
-
-.gender {
-	margin: .25rem .25rem 0 0;
-}
-
-.country {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-}
-
-.flag {
-    height: .75rem;
-    margin: 0 0 0 .5rem;
-}
-
-.age-now,
-.age-death {
-	margin: 0 .25rem 0 0;
-}
-
-.age-then {
-    color: var(--lighten);
-}
-
-@media(max-width: $breakpoint) {
-	.name {
-		font-size: .9rem;
-	}
-}
-</style>
diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue
deleted file mode 100755
index 74407a25e..000000000
--- a/assets/components/album/album.vue
+++ /dev/null
@@ -1,295 +0,0 @@
-<template>
-	<teleport to="body">
-		<div class="album">
-			<div class="album-header">
-				<h3 class="album-title">{{ title }}</h3>
-
-				<Icon
-					icon="cross2"
-					class="close"
-					@click.native="$emit('close')"
-				/>
-			</div>
-
-			<div class="album-body">
-				<div
-					v-if="entity || tag"
-					class="campaign-container"
-				>
-					<Campaign
-						:entity="entity"
-						:tag="tag"
-						:min-ratio="3"
-					/>
-				</div>
-
-				<div
-					class="album-items"
-					:class="{ portrait }"
-				>
-					<div
-						v-for="item in albumItems"
-						:key="item.id"
-						class="item-container"
-					>
-						<a
-							:href="getPath(item, null, { local })"
-							class="item-link"
-							target="_blank"
-						>
-							<img
-								:src="getPath(item, 'thumbnail', { local })"
-								:style="{ 'background-image': getBgPath(item, 'lazy', { local }) }"
-								:width="item.thumbnailWidth"
-								:height="item.thumbnailHeight"
-								:title="item.title"
-								loading="lazy"
-								class="item image"
-							>
-
-							<Logo :photo="item" />
-
-							<router-link
-								v-if="comments && item.title && item.entity"
-								:to="`/${item.entity.type}/${item.entity.slug}`"
-								class="item-comment"
-							>{{ item.title }} for {{ item.entity.name }}</router-link>
-
-							<span
-								v-else-if="comments && item.title"
-								class="item-comment"
-							>{{ item.title }}</span>
-						</a>
-					</div>
-				</div>
-			</div>
-		</div>
-	</teleport>
-</template>
-
-<script>
-import Logo from './logo.vue';
-import Campaign from '../campaigns/campaign.vue';
-
-function albumItems() {
-	return this.items
-		.filter(Boolean)
-		.map(item => ({
-			...item,
-			title: item.comment || (item.credit && `© ${item.credit}`) || (item.entity && `© ${item.entity.name}`),
-		}));
-}
-
-export default {
-	components: {
-		Logo,
-		Campaign,
-	},
-	props: {
-		items: {
-			type: Array,
-			default: () => [],
-		},
-		title: {
-			type: String,
-			default: null,
-		},
-		local: {
-			type: Boolean,
-			default: false,
-		},
-		portrait: {
-			type: Boolean,
-			default: false,
-		},
-		comments: {
-			type: Boolean,
-			default: true,
-		},
-		entity: {
-			type: Object,
-			default: null,
-		},
-		tag: {
-			type: Object,
-			default: null,
-		},
-	},
-	computed: {
-		albumItems,
-	},
-	emits: ['close'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.album {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	position: fixed;
-	top: 0;
-	left: 0;
-	background: var(--darken-extreme);
-	z-index: 10;
-}
-
-.album-header {
-	display: flex;
-	justify-content: space-between;
-	flex-shrink: 0;
-}
-
-.album-title {
-	display: block;
-	flex-grow: 1;
-	align-items: center;
-	padding: 1rem;
-	margin: 0;
-	color: var(--text-light);
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	text-align: center;
-	text-transform: capitalize;
-}
-
-.close {
-	width: 1.5rem;
-	height: 1.5rem;
-	padding: 1rem;
-	fill: var(--lighten);
-
-	&:hover {
-		cursor: pointer;
-		fill: var(--text-light);
-	}
-}
-
-.album-body {
-	display: flex;
-	flex-grow: 1;
-	flex-direction: column;
-	justify-content: center;
-	overflow-y: auto;
-}
-
-.campaign-container {
-	flex-shrink: 0;
-	text-align: center;
-}
-
-.album-items {
-	height: 0;
-	display: grid;
-	flex-grow: 1;
-	flex-shrink: 0;
-	align-items: center;
-	justify-content: center;
-	grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
-	grid-gap: 0 1rem;
-	padding: 1rem;
-	margin: auto 0;
-
-	&.portrait {
-		grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
-	}
-}
-
-.item-container {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.item-link {
-	position: relative;
-	margin: 0 0 .5rem 0;
-	overflow: hidden;
-
-	&:hover {
-		.item-comment {
-			transform: translateY(0);
-		}
-
-		::v-deep(.album-logo) {
-			opacity: 0;
-		}
-	}
-}
-
-.item {
-	max-width: 100%;
-	max-height: 100%;
-	height: auto;
-	background-size: cover;
-	background-position: center;
-}
-
-.item-comment {
-	width: 100%;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	box-sizing: border-box;
-	padding: .5rem;
-	color: var(--text-light);
-	background: var(--darken);
-	font-size: .9rem;
-	text-shadow: 0 0 3px var(--darken);
-	text-decoration: none;
-	white-space: normal;
-	line-height: 1.25;
-	transform: translateY(100%);
-	transition: transform .25s ease;
-}
-
-@media(max-width: $breakpoint-giga) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
-
-		.portrait {
-			grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
-		}
-	}
-}
-
-@media(max-width: $breakpoint-mega) {
-	.album-items.portrait {
-		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-	}
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
-		grid-gap: 0 .5rem;
-		padding: .5rem;
-	}
-
-	.item-link {
-		margin: 0 0 .25rem 0;
-	}
-}
-
-@media(max-width: $breakpoint) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-	}
-}
-
-@media(max-width: $breakpoint-pico) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
-	}
-}
-</style>
diff --git a/assets/components/album/logo.vue b/assets/components/album/logo.vue
deleted file mode 100755
index 7901a34cf..000000000
--- a/assets/components/album/logo.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<router-link
-		v-if="photo.entity"
-		v-tooltip="photo.entity.name"
-		:to="`/${photo.entity.type}/${photo.entity.slug}`"
-	>
-		<img
-			v-if="favicon && photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent"
-			:src="`/img/logos/${photo.entity.parent.slug}/favicon.png`"
-			class="album-logo favicon"
-		>
-
-		<img
-			v-else-if="favicon"
-			:src="`/img/logos/${photo.entity.slug}/favicon.png`"
-			class="album-logo favicon"
-		>
-
-		<img
-			v-else-if="photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent"
-			:src="`/img/logos/${photo.entity.parent.slug}/${photo.entity.slug}.png`"
-			class="album-logo"
-		>
-
-		<img
-			v-else
-			:src="`/img/logos/${photo.entity.slug}/network.png`"
-			class="album-logo"
-		>
-	</router-link>
-</template>
-
-<script>
-module.exports = {
-	props: {
-		photo: {
-			type: Object,
-			default: null,
-		},
-		favicon: {
-			type: Boolean,
-			default: false,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.album-logo {
-	max-height: .75rem;
-	max-width: 5rem;
-	position: absolute;
-	right: 0;
-	bottom: 0;
-	padding: .5rem;
-	transition: transform .25s ease, opacity .25s ease;
-	filter: drop-shadow(0 0 2px var(--shadow-weak));
-}
-
-@media(max-width: $breakpoint-small) {
-	.album-logo:not(.favicon) {
-		max-height: .5rem;
-		max-width: 3.5rem;
-	}
-}
-</style>
diff --git a/assets/components/alerts/add.vue b/assets/components/alerts/add.vue
deleted file mode 100755
index b45059776..000000000
--- a/assets/components/alerts/add.vue
+++ /dev/null
@@ -1,623 +0,0 @@
-<template>
-	<Dialog
-		title="Add alert"
-		@close="$emit('close')"
-	>
-		<div
-			v-if="error"
-			class="dialog-error"
-		>{{ error }}</div>
-
-		<form
-			class="dialog-body"
-			@submit.prevent="addAlert"
-		>
-			<div class="dialog-section">
-				<h3 class="dialog-heading">
-					When
-
-					<label class="dialog-description noselect">
-						<template v-if="all">Scene must match&nbsp;<strong>all</strong>&nbsp;fields</template>
-						<template v-else>Scene must match&nbsp;<strong>any</strong>&nbsp;field</template>
-
-						<Toggle
-							:checked="all"
-							@change="(checked) => all = checked"
-						/>
-					</label>
-				</h3>
-
-				<div class="alert-section">
-					<h4
-						v-if="actors.length > 1"
-						class="alert-heading"
-					>Actors</h4>
-
-					<h4
-						v-else
-						class="alert-heading"
-					>Actor</h4>
-
-					<ul class="actors nolist">
-						<li
-							v-for="actor in actors"
-							:key="`actor-${actor.id}`"
-							class="actor"
-						>
-							<ActorPreview
-								:actor="actor"
-								target="_blank"
-							/>
-
-							<Icon
-								icon="cross3"
-								class="remove"
-								@click.native="removeActor(actor)"
-							/>
-						</li>
-
-						<Tooltip>
-							<li class="actor placeholder"><template v-if="actors.length === 0">Any actor</template>
-								<Icon
-									icon="plus3"
-									class="add"
-								/>
-							</li>
-
-							<template #tooltip>
-								<Search
-									content="actors"
-									@select="actor => addActor(actor)"
-								/>
-							</template>
-						</Tooltip>
-					</ul>
-				</div>
-
-				<div class="alert-section">
-					<h4
-						v-if="actors.length > 1"
-						class="alert-heading"
-					>Do</h4>
-
-					<h4
-						v-else
-						class="alert-heading"
-					>Does</h4>
-
-					<ul class="tags nolist">
-						<li
-							v-for="tag in tags"
-							:key="`tag-${tag.id}`"
-							class="tag"
-						>{{ tag.name }}
-							<Icon
-								icon="cross3"
-								class="remove"
-								@click.native="removeTag(tag)"
-							/>
-						</li>
-
-						<Tooltip>
-							<li class="tag placeholder"><template v-if="tags.length === 0">Any type of scene</template>
-								<Icon
-									icon="plus3"
-									class="add"
-								/>
-							</li>
-
-							<template #tooltip>
-								<Search
-									content="tags"
-									:defaults="['anal', 'blowbang', 'mfm', 'dp', 'gangbang', 'airtight']"
-									@select="tag => addTag(tag)"
-								/>
-							</template>
-						</Tooltip>
-					</ul>
-				</div>
-
-				<div class="alert-section">
-					<h4 class="alert-heading">For</h4>
-
-					<div class="entities">
-						<div
-							v-for="(entity, index) in entities"
-							:key="`entity-${entity.id}`"
-							:class="{ invalid: all && index > 0 }"
-							class="entity"
-						>
-							<Entity
-								:entity="entity"
-								target="_blank"
-							/>
-
-							<Icon
-								icon="cross3"
-								class="remove"
-								@click.native="removeEntity(entity)"
-							/>
-						</div>
-
-						<Tooltip v-if="entities.length < 1 || !all">
-							<div class="entity placeholder">
-								Any channel
-
-								<Icon
-									icon="plus3"
-									class="add"
-								/>
-							</div>
-
-							<template #tooltip>
-								<Search
-									label="Search channels"
-									content="entities"
-									@select="entity => addEntity(entity)"
-								/>
-							</template>
-						</Tooltip>
-					</div>
-				</div>
-
-				<div class="alert-section">
-					<h4 class="alert-heading">Matching</h4>
-
-					<ul class="matches nolist">
-						<li
-							v-for="(match, index) in matches"
-							:key="`match-${index}`"
-							class="match"
-						>
-							<span class="match-property">{{ match.property }}:&nbsp;</span>
-
-							<span
-								v-if="match.expression.slice(0, 1) === '/' && match.expression.slice(-1) === '/'"
-								class="match-expression"
-							><span class="match-slash">/</span>{{ match.expression.slice(1, -1) }}<span class="match-slash">/</span></span>
-
-							<span
-								v-else
-								class="match-expression"
-							>{{ match.expression }}</span>
-
-							<Icon
-								icon="cross3"
-								class="remove"
-								@click.native="removeMatch(index)"
-							/>
-						</li>
-
-						<Tooltip
-							v-if="entities.length === 0"
-							@open="$refs.expression?.focus()"
-						>
-							<li class="match placeholder">
-								Anything
-
-								<Icon
-									icon="plus3"
-									class="add"
-								/>
-							</li>
-
-							<template #tooltip>
-								<form
-									class="pattern-tooltip"
-									@submit.prevent="addMatch"
-								>
-									<select
-										v-model="matchProperty"
-										class="input"
-									>
-										<option value="title">Title</option>
-										<option value="description">Description</option>
-									</select>
-
-									<input
-										ref="expression"
-										v-model="matchExpression"
-										class="input"
-										placeholder="Expression, // for RegExp"
-									>
-								</form>
-							</template>
-						</Tooltip>
-					</ul>
-				</div>
-			</div>
-
-			<div class="dialog-section">
-				<h3 class="dialog-heading">Then</h3>
-
-				<label class="alert-label">
-					<Checkbox
-						:checked="notify"
-						@change="checked => notify = checked"
-					/>Notify me in traxxx
-				</label>
-
-				<!--
-				<label class="alert-label">
-					<Checkbox
-						:checked="email"
-						@change="checked => email = checked"
-					/>Send me an e-mail
-				</label>
-				-->
-
-				<div class="stashes-container">
-					<ul class="stashes nolist">
-						<li
-							v-for="stash in stashes"
-							:key="`stash-${stash.id}`"
-							class="stash"
-						>{{ stash.name }}
-
-							<Icon
-								icon="cross3"
-								class="remove"
-								@click.native="removeStash(stash)"
-							/>
-						</li>
-
-						<Tooltip>
-							<li class="stash placeholder">
-								Add to stash
-								<Icon
-									icon="plus3"
-									class="add"
-								/>
-							</li>
-
-							<template #tooltip>
-								<Search
-									content="stashes"
-									@select="stash => addStash(stash)"
-								/>
-							</template>
-						</Tooltip>
-					</ul>
-				</div>
-			</div>
-
-			<div class="dialog-actions right">
-				<button
-					:disabled="actors.length === 0 && tags.length === 0 && entities.length === 0 && matches.length === 0"
-					type="submit"
-					class="button button-primary"
-				>Add alert</button>
-			</div>
-		</form>
-	</Dialog>
-</template>
-
-<script>
-import ActorPreview from '../actors/preview.vue';
-import Entity from '../entities/tile.vue';
-import Checkbox from '../form/checkbox.vue';
-import Toggle from '../form/toggle.vue';
-import Search from './search.vue';
-
-async function addAlert() {
-	this.error = null;
-
-	try {
-		await this.$store.dispatch('addAlert', {
-			all: this.all,
-			actors: this.actors.map((actor) => actor.id),
-			tags: this.tags.map((tag) => tag.id),
-			matches: this.matches,
-			entities: this.entities.map((entity) => entity.id),
-			notify: this.notify,
-			email: this.email,
-			stashes: this.stashes.map((stash) => stash.id),
-		});
-
-		this.$emit('close', true);
-	} catch (error) {
-		this.error = error.message;
-	}
-}
-
-function addActor(actor) {
-	if (!this.actors.some((selectedActor) => selectedActor.id === actor.id)) {
-		this.actors = this.actors.concat(actor);
-	}
-
-	this.events.emit('blur');
-}
-
-function addEntity(entity) {
-	this.entities = this.entities.concat(entity);
-	this.events.emit('blur');
-}
-
-function addTag(tag) {
-	if (!this.tags.some((selectedTag) => selectedTag.id === tag.id)) {
-		this.tags = this.tags.concat(tag);
-	}
-
-	this.events.emit('blur');
-}
-
-function removeActor(actor) {
-	this.actors = this.actors.filter((listedActor) => listedActor.id !== actor.id);
-}
-
-function removeEntity(entity) {
-	this.entities = this.entities.filter((alertEntity) => alertEntity.id !== entity.id);
-}
-
-function removeTag(tag) {
-	this.tags = this.tags.filter((listedTag) => listedTag.id !== tag.id);
-}
-
-function addMatch() {
-	if (!this.matchExpression) {
-		return;
-	}
-
-	this.matches = this.matches.concat({
-		property: this.matchProperty,
-		expression: this.matchExpression,
-	});
-
-	this.matchProperty = 'title';
-	this.matchExpression = null;
-
-	this.events.emit('blur');
-}
-
-function removeMatch(removeIndex) {
-	this.matches = this.matches.filter((match, matchIndex) => matchIndex !== removeIndex);
-}
-
-function addStash(stash) {
-	if (!this.stashes.some((selectedStash) => selectedStash.id === stash.id)) {
-		this.stashes = this.stashes.concat(stash);
-	}
-
-	this.events.emit('blur');
-}
-
-function removeStash(stash) {
-	this.stashes = this.stashes.filter((listedStash) => listedStash.id !== stash.id);
-}
-
-export default {
-	components: {
-		ActorPreview,
-		Checkbox,
-		Entity,
-		Search,
-		Toggle,
-	},
-	emits: ['close'],
-	data() {
-		return {
-			error: null,
-			actors: [],
-			tags: [],
-			all: true,
-			entities: [],
-			matches: [],
-			matchProperty: 'title',
-			matchExpression: null,
-			notify: true,
-			email: false,
-			stashes: [],
-			availableStashes: this.$store.state.auth.user.stashes,
-		};
-	},
-	methods: {
-		addActor,
-		addAlert,
-		addEntity,
-		addMatch,
-		addTag,
-		addStash,
-		removeActor,
-		removeEntity,
-		removeMatch,
-		removeTag,
-		removeStash,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.dialog-section {
-	width: 30rem;
-	max-width: 100%;
-
-	&:first-child {
-		border-bottom: solid 1px var(--shadow-hint);
-		margin: 0 0 1rem 0;
-	}
-}
-
-.dialog-heading {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin: 0 0 .25rem 0;
-	color: var(--primary);
-}
-
-.dialog-description {
-	display: flex;
-	align-items: center;
-	color: var(--shadow);
-	font-size: .9rem;
-	font-weight: normal;
-
-	.toggle-container {
-		margin-left: .5rem;
-	}
-}
-
-.dialog-error {
-	padding: 1rem;
-	margin-bottom: 1rem;
-	background: var(--error);
-	color: var(--text-light);
-	font-weight: bold;
-	text-align: center;
-}
-
-.alert-heading {
-	margin: .75rem 0 .25rem 0;
-}
-
-.actors,
-.entities,
-.tags {
-	display: flex;
-	align-items: center;
-	flex-wrap: wrap;
-	font-size: 0;
-}
-
-.match {
-	display: flex;
-	align-items: center;
-	padding: .25rem 0;
-	font-family: inherit;
-
-	.remove {
-		position: relative;
-		top: -.1rem;
-		right: 0;
-	}
-}
-
-.match-property {
-	text-transform: capitalize;
-	color: var(--shadow);
-}
-
-.match-expression {
-	flex-grow: 1;
-}
-
-.match-slash {
-	padding: 0 .1rem;
-	color: var(--primary);
-	font-weight: bold;
-}
-
-.actors > .actor,
-.entity,
-.tag,
-.stash {
-	position: relative;
-	font-size: 1rem;
-	margin: 0 .5rem .5rem 0;
-}
-
-.entity.invalid {
-	opacity: .5;
-	pointer-events: none;
-}
-
-.entity .tile {
-	width: 10rem;
-	height: 2.5rem;
-}
-
-.tag:not(.placeholder),
-.stash:not(.placeholder) {
-	padding: .5rem .75rem;
-	border: solid 1px var(--shadow-hint);
-	margin: 0 .75rem 0 0;
-	font-size: .9rem;
-	font-weight: bold;
-}
-
-.stashes {
-	margin: 0 0 0 .25rem;
-	color: var(--text);
-}
-
-.pattern-tooltip {
-	display: flex;
-	gap: .5rem;
-	position: relative;
-	padding: .5rem;
-	overflow: hidden;
-}
-
-.remove {
-	width: 1rem;
-	height: 1rem;
-	position: absolute;
-	top: -.35rem;
-	right: -.35rem;
-	z-index: 1;
-	border: solid 1px var(--darken-hint);
-	border-radius: 50%;
-	background: var(--background);
-	fill: var(--shadow-weak);
-	box-shadow: 0 0 1px var(--shadow);
-
-	&:hover {
-		fill: var(--text-light);
-		background: var(--primary);
-		border: solid 1px var(--primary);
-		cursor: pointer;
-	}
-}
-
-.placeholder {
-	display: inline-flex;
-	align-items: center;
-	color: var(--shadow-strong);
-	padding: .75rem 0;
-	margin: 0 0 .5rem 0;
-	font-size: 1rem;
-
-	.add {
-		fill: var(--shadow);
-		margin: 0 0 0 .5rem;
-	}
-
-	&:hover {
-		color: var(--primary);
-		cursor: pointer;
-
-		.add {
-			fill: var(--primary);
-		}
-	}
-}
-
-.alert-label {
-	display: flex;
-	align-items: center;
-	padding: .5rem 0;
-	margin: 0 0 .25rem 0;
-	cursor: pointer;
-}
-
-.stashes-heading {
-	display: flex;
-	align-items: center;
-	margin: 0 0 .5rem 0;
-	font-size: 1rem;
-
-	.alert-label {
-		display: inline-block;
-		margin: 0;
-	}
-}
-
-.tooltip-container {
-	display: inline-block;
-}
-
-.check-container {
-	display: inline-block;
-	margin: 0 .5rem 0 0;
-}
-</style>
diff --git a/assets/components/alerts/remove.vue b/assets/components/alerts/remove.vue
deleted file mode 100755
index 91120b89f..000000000
--- a/assets/components/alerts/remove.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-	<Dialog
-		title="Remove alert"
-		@close="$emit('close', false)"
-	>
-		<form
-			class="dialog-body"
-			@submit.prevent="removeAlert"
-		>
-			Are you sure you want to remove alert?
-
-			<div class="dialog-actions right">
-				<button
-					type="submit"
-					class="button button-primary"
-				>Remove</button>
-			</div>
-		</form>
-	</Dialog>
-</template>
-
-<script>
-async function removeAlert() {
-	await this.$store.dispatch('removeAlert', this.alert.id);
-
-	this.$emit('close', true);
-}
-
-export default {
-	props: {
-		alert: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['close'],
-	methods: {
-		removeAlert,
-	},
-};
-</script>
diff --git a/assets/components/alerts/search.vue b/assets/components/alerts/search.vue
deleted file mode 100755
index 6af422744..000000000
--- a/assets/components/alerts/search.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<div>
-		<input
-			ref="input"
-			v-model="query"
-			:placeholder="label || `Search ${content}`"
-			class="input"
-			@input="search"
-		>
-
-		<ul
-			v-if="results.length > 0"
-			class="nolist"
-		>
-			<li
-				v-for="result in results"
-				:key="`result-${result.id}`"
-				class="result"
-				@click="selectResult(result)"
-			>
-				<Icon
-					v-if="result.type === 'network'"
-					v-tooltip="'Network'"
-					icon="device_hub"
-				/>
-
-				<Icon
-					v-if="result.type === 'channel'"
-					v-tooltip="'Channel'"
-					icon="tv"
-				/>
-
-				<img
-					v-if="result.avatar"
-					:src="getPath(result.avatar)"
-					class="avatar"
-				>{{ result.name }}
-			</li>
-		</ul>
-	</div>
-</template>
-
-<script>
-async function search() {
-	if (this.content === 'actors') {
-		const { actors } = await this.$store.dispatch('fetchActors', {
-			query: this.query,
-			limit: 10,
-		});
-
-		this.results = actors;
-	}
-
-	if (this.content === 'entities') {
-		this.results = await this.$store.dispatch('searchEntities', {
-			query: this.query,
-			limit: 10,
-		});
-	}
-
-	if (this.content === 'tags') {
-		this.results = await this.$store.dispatch('searchTags', {
-			query: this.query,
-			minLength: 1,
-			limit: 10,
-		});
-	}
-
-	if (this.content === 'stashes') {
-		this.results = this.$store.state.auth.user.stashes.filter(stash => new RegExp(this.query).test(stash.name));
-	}
-}
-
-function selectResult(item) {
-	this.query = null;
-	this.results = [];
-
-	this.$emit('select', item);
-}
-
-async function mounted() {
-	this.$refs.input.focus();
-
-	if (this.defaults.length > 0 && this.content === 'tags') {
-		this.results = await this.$store.dispatch('fetchTags', {
-			slugs: this.defaults,
-		});
-	}
-
-	if (this.content === 'stashes') {
-		this.results = this.$store.state.auth.user.stashes;
-	}
-}
-
-export default {
-	props: {
-		content: {
-			type: String,
-			default: null,
-		},
-		defaults: {
-			type: Array,
-			default: () => [],
-		},
-		label: {
-			type: String,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			query: null,
-			results: [],
-		};
-	},
-	emits: ['select'],
-	mounted,
-	methods: {
-		search,
-		selectResult,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.result {
-	color: var(--text);
-	display: flex;
-	align-items: center;
-	padding: .5rem;
-
-	&:hover {
-		color: var(--primary);
-		cursor: pointer;
-	}
-}
-
-.avatar {
-	height: 2rem;
-	margin: 0 .5rem 0 0;
-}
-
-.icon {
-	fill: var(--shadow);
-	margin: -.1rem .75rem 0 0;
-}
-</style>
diff --git a/assets/components/auth/login.vue b/assets/components/auth/login.vue
deleted file mode 100755
index 702ea8c68..000000000
--- a/assets/components/auth/login.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-	<form
-		class="login"
-		@submit.prevent="login"
-	>
-		<div
-			v-if="error"
-			class="feedback error"
-		>{{ error }}</div>
-
-		<div
-			v-if="success"
-			class="feedback success"
-		>Login successful, redirecting</div>
-
-		<template v-else>
-			<input
-				v-model="username"
-				placeholder="Username or e-mail"
-				type="text"
-				class="input"
-				required
-			>
-
-			<input
-				v-model="password"
-				placeholder="Password"
-				type="password"
-				class="input"
-				required
-			>
-
-			<button
-				type="submit"
-				class="button button-primary"
-			>Log in</button>
-
-			<RouterLink
-				v-if="$store.state.auth.signup"
-				:to="{ name: 'signup', query: { ref: $route.query.ref } }"
-				class="link link-external signup"
-			>Sign up</RouterLink>
-		</template>
-	</form>
-</template>
-
-<script>
-async function login() {
-	this.error = null;
-	this.success = false;
-
-	try {
-		const user = await this.$store.dispatch('login', {
-			username: this.username,
-			password: this.password,
-		});
-
-		this.success = true;
-
-		setTimeout(() => {
-			this.$router.replace(this.$route.query.ref || { name: 'user', params: { username: user.username } });
-		}, 1000);
-	} catch (error) {
-		this.error = error.message;
-	}
-}
-
-function mounted() {
-	if (!this.$store.state.auth.login) {
-		this.$router.replace({ name: 'not-found' });
-	}
-}
-
-export default {
-	data() {
-		return {
-			username: null,
-			password: null,
-			success: false,
-			error: null,
-		};
-	},
-	mounted,
-	methods: {
-		login,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.login {
-	width: 20rem;
-	display: flex;
-	flex-direction: column;
-	margin: auto;
-}
-
-.input {
-	margin: 0 0 .5rem 0;
-}
-
-.feedback {
-	padding: 1rem;
-	text-align: center;
-	font-weight: bold;
-}
-
-.error {
-	color: var(--error);
-}
-
-.success {
-	color: var(--shadow-strong);
-}
-
-.button {
-	margin: 0 0 .25rem 0;
-}
-
-.signup {
-	padding: .5rem;
-	text-align: center;
-}
-</style>
diff --git a/assets/components/auth/signup.vue b/assets/components/auth/signup.vue
deleted file mode 100755
index 578f7850a..000000000
--- a/assets/components/auth/signup.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-	<form
-		class="signup"
-		@submit.prevent="signup"
-	>
-		<div
-			v-if="error"
-			class="feedback error"
-		>{{ error }}</div>
-
-		<div
-			v-if="success"
-			class="feedback success"
-		>Signup successful, redirecting</div>
-
-		<template v-else>
-			<input
-				v-model="username"
-				placeholder="Username"
-				type="text"
-				class="input"
-				required
-			>
-
-			<input
-				v-model="email"
-				placeholder="E-mail"
-				type="email"
-				class="input"
-				required
-			>
-
-			<input
-				v-model="password"
-				placeholder="Password"
-				type="password"
-				class="input"
-				required
-			>
-
-			<button
-				type="submit"
-				class="button button-primary"
-			>Sign up</button>
-
-			<RouterLink
-				v-if="$store.state.auth.login"
-				:to="{ name: 'login', query: { ref: $route.query.ref } }"
-				class="link link-external login"
-			>Log in</RouterLink>
-		</template>
-	</form>
-</template>
-
-<script>
-async function signup() {
-	this.error = null;
-	this.success = false;
-
-	try {
-		await this.$store.dispatch('signup', {
-			username: this.username,
-			email: this.email,
-			password: this.password,
-		});
-
-		this.success = true;
-
-		setTimeout(() => {
-			this.$router.replace(this.$route.query.ref || { name: 'home' });
-		}, 1000);
-	} catch (error) {
-		this.error = error.message;
-	}
-}
-
-function mounted() {
-	if (!this.$store.state.auth.signup) {
-		this.$router.replace({ name: 'not-found' });
-	}
-}
-
-export default {
-	data() {
-		return {
-			username: null,
-			email: null,
-			password: null,
-			success: false,
-			error: null,
-		};
-	},
-	mounted,
-	methods: {
-		signup,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.signup {
-	width: 20rem;
-	display: flex;
-	flex-direction: column;
-	margin: auto;
-}
-
-.input {
-	margin: 0 0 .5rem 0;
-}
-
-.feedback {
-	padding: 1rem;
-	text-align: center;
-	font-weight: bold;
-}
-
-.error {
-	color: var(--error);
-}
-
-.success {
-	color: var(--shadow-strong);
-}
-
-.button {
-	margin: 0 0 .25rem 0;
-}
-
-.login {
-	padding: .5rem;
-	text-align: center;
-}
-</style>
diff --git a/assets/components/campaigns/campaign.vue b/assets/components/campaigns/campaign.vue
deleted file mode 100755
index a40b601a0..000000000
--- a/assets/components/campaigns/campaign.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<template>
-	<iframe
-		v-if="campaign?.banner?.type === 'html'"
-		ref="iframe"
-		:width="campaign.banner.width"
-		:height="campaign.banner.height"
-		:src="getSource(campaign)"
-		scrolling="none"
-		marginwidth="0"
-		marginheight="0"
-		class="campaign frame"
-		data-umami-event="campaign-click"
-		:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
-	/>
-
-	<a
-		v-else-if="campaign"
-		:href="campaign.url || campaign.affiliate?.url"
-		target="_blank"
-		class="campaign"
-		data-umami-event="campaign-click"
-		:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
-	>
-		<img
-			:src="getSource(campaign)"
-			:width="campaign.banner.width"
-			:height="campaign.banner.height"
-			class="campaign-banner"
-		>
-	</a>
-</template>
-
-<script>
-function ratioFilter(banner) {
-	if (!banner) {
-		return false;
-	}
-
-	if (this.minHeight && banner.height < this.minHeight) {
-		return false;
-	}
-
-	if (this.maxHeight && banner.height > this.minHeight) {
-		return false;
-	}
-
-	if (banner.type === 'html' && banner.width > window.innerWidth) {
-		// usually non-scalable iframes
-		return false;
-	}
-
-	if (this.minRatio && banner.ratio < this.minRatio) {
-		return false;
-	}
-
-	if (this.maxRatio && banner.ratio > this.maxRatio) {
-		return false;
-	}
-
-	return true;
-}
-
-function getSource(campaign) {
-	if (campaign.banner.entity.type === 'network' || !campaign.banner.entity.parent) {
-		return `/banners/${campaign.banner.entity.slug}/${campaign.banner.id}.${campaign.banner.type || 'jpg'}`;
-	}
-
-	if (campaign.banner.entity.type === 'channel' && campaign.banner.entity.parent?.type === 'network') {
-		return `/banners/${campaign.banner.entity.parent.slug}/${campaign.banner.entity.slug}/${campaign.banner.id}.${campaign.banner.type || 'jpg'}`;
-	}
-
-	return null;
-}
-
-function entityCampaign() {
-	const bannerCampaigns = this.entity.campaigns
-		.concat(this.entity.children?.flatMap((child) => child.campaigns))
-		.concat(this.entity.parent?.campaigns)
-		.filter((campaignX) => campaignX && this.ratioFilter(campaignX.banner));
-
-	if (bannerCampaigns.length > 0) {
-		const randomCampaign = bannerCampaigns[Math.floor(Math.random() * bannerCampaigns.length)];
-
-		this.campaign = randomCampaign;
-		this.$emit('campaign', randomCampaign);
-
-		return randomCampaign;
-	}
-
-	if (this.allowGeneric) {
-		return this.genericCampaign();
-	}
-
-	this.$emit('campaign', null);
-
-	return null;
-}
-
-function tagCampaign() {
-	const campaignBanners = this.tag.banners.filter((banner) => banner.campaigns.length > 0 && this.ratioFilter(banner));
-	const banner = campaignBanners[Math.floor(Math.random() * campaignBanners.length)];
-
-	if (banner?.campaigns.length > 0) {
-		const randomCampaign = {
-			...banner.campaigns[Math.floor(Math.random() * banner.campaigns.length)],
-			banner,
-		};
-
-		this.campaign = randomCampaign;
-		this.$emit('campaign', randomCampaign);
-
-		return randomCampaign;
-	}
-
-	if (this.allowGeneric) {
-		return this.genericCampaign();
-	}
-
-	this.$emit('campaign', null);
-
-	return null;
-}
-
-async function genericCampaign() {
-	const randomCampaign = await this.$store.dispatch('fetchRandomCampaign', { minRatio: this.minRatio, maxRatio: this.maxRatio });
-
-	this.campaign = randomCampaign;
-	this.$emit('campaign', randomCampaign);
-
-	return randomCampaign;
-}
-
-async function specificCampaign(campaignId) {
-	const campaign = await this.$store.dispatch('fetchCampaign', campaignId);
-
-	this.campaign = campaign;
-	this.$emit('campaign', campaign);
-
-	return campaign;
-}
-
-async function mounted() {
-	if (this.$route.query.campaign) {
-		await this.specificCampaign(this.$route.query.campaign);
-		return;
-	}
-
-	if (this.entity) {
-		await this.entityCampaign();
-		return;
-	}
-
-	if (this.tag) {
-		await this.tagCampaign();
-		return;
-	}
-
-	await this.genericCampaign();
-}
-
-export default {
-	props: {
-		entity: {
-			type: Object,
-			default: null,
-		},
-		tag: {
-			type: Object,
-			default: null,
-		},
-		minHeight: {
-			type: Number,
-			default: null,
-		},
-		maxHeight: {
-			type: Number,
-			default: null,
-		},
-		minRatio: {
-			type: Number,
-			default: null,
-		},
-		allowGeneric: {
-			type: Boolean,
-			default: false,
-		},
-		maxRatio: {
-			type: Number,
-			default: null,
-		},
-	},
-	emits: ['campaign'],
-	data() {
-		return {
-			campaign: null,
-		};
-	},
-	mounted,
-	methods: {
-		entityCampaign,
-		genericCampaign,
-		getSource,
-		ratioFilter,
-		specificCampaign,
-		tagCampaign,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.campaign {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	border: none;
-}
-
-.campaign-banner {
-	height: auto;
-	width: auto;
-	max-height: 100%;
-	max-width: 100%;
-}
-
-.frame-container {
-	position: relative;
-	font-size: 0;
-}
-
-.frame-target {
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	top: 0;
-	left: 0;
-}
-</style>
diff --git a/assets/components/container/container.vue b/assets/components/container/container.vue
deleted file mode 100755
index 388fd3adb..000000000
--- a/assets/components/container/container.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<template>
-	<div class="container">
-		<Warning
-			v-if="showWarning"
-			class="warning-container"
-			@enter="(includeQueer) => setConsent(true, includeQueer)"
-			@leave="setConsent(false)"
-		/>
-
-		<transition name="slide">
-			<Sidebar v-if="showSidebar" />
-		</transition>
-
-		<Header />
-
-		<p
-			v-if="config.showDisclaimer"
-			class="disclaimer"
-			v-html="config.disclaimer"
-		/>
-
-		<p
-			v-if="config.showAnnouncement"
-			class="announcement"
-			v-html="config.announcement"
-		/>
-
-		<div
-			ref="content"
-			class="content"
-			@scroll="scroll"
-		>
-			<RouterView @scroll="scrollToTop" />
-		</div>
-
-		<Filters
-			v-if="showFilters"
-			@close="toggleFilters(false)"
-		/>
-
-		<Settings
-			v-if="showSettings"
-			@close="toggleSettings(false)"
-		/>
-	</div>
-</template>
-
-<script>
-import Warning from './warning.vue';
-import Header from '../header/header.vue';
-import Sidebar from '../sidebar/sidebar.vue';
-import Filters from '../filters/filters.vue';
-import Settings from '../settings/settings.vue';
-
-function toggleSidebar(state) {
-	this.showSidebar = typeof state === 'boolean' ? state : !this.showSidebar;
-}
-
-function toggleFilters(state) {
-	this.showFilters = state;
-	this.showSidebar = false;
-}
-
-function toggleSettings(state) {
-	this.showSettings = state;
-	this.showSidebar = false;
-}
-
-async function setConsent(consent, includeQueer) {
-	if (consent) {
-		this.showWarning = false;
-		localStorage.setItem('consent', window.env.sessionId);
-	}
-
-	if (includeQueer) {
-		this.$store.dispatch('setTagFilter', this.$store.state.ui.tagFilter.filter((tag) => !['gay', 'bisexual', 'transsexual'].includes(tag)));
-		return;
-	}
-
-	this.$store.dispatch('setTagFilter', this.$store.state.ui.tagFilter.concat(['gay', 'bisexual', 'transsexual']));
-}
-
-function blur(event) {
-	this.events.emit('blur', event);
-}
-
-function resize(event) {
-	this.events.emit('resize', event);
-}
-
-function scroll(event) {
-	this.events.emit('scroll', event);
-}
-
-function scrollToTop() {
-	this.$refs.content.scrollTop = 0;
-}
-
-function trackIframeCampaign() {
-	// no way to capture clicks from an iframe directly
-	if (window.umami && document.activeElement.tagName === 'IFRAME' && document.activeElement.dataset.umamiEvent === 'campaign-click') {
-		window.umami.track('campaign-click', {
-			'campaign-id': document.activeElement.dataset.umamiEventCampaignId,
-		});
-	}
-}
-
-function mounted() {
-	document.addEventListener('click', this.blur);
-	window.addEventListener('resize', this.resize);
-
-	this.events.on('toggleSettings', this.toggleSettings);
-	this.events.on('toggleSidebar', this.toggleSidebar);
-
-	window.addEventListener('blur', this.trackIframeCampaign);
-}
-
-function beforeUnmount() {
-	document.removeEventListener('click', this.blur);
-	window.removeEventListener('resize', this.resize);
-	window.removeEventListener('blur', this.trackIframeCampaign);
-}
-
-export default {
-	components: {
-		Header,
-		Sidebar,
-		Warning,
-		Filters,
-		Settings,
-	},
-	data() {
-		return {
-			showSidebar: false,
-			showWarning: localStorage.getItem('consent') !== window.env.sessionId,
-			showFilters: false,
-			showSettings: false,
-			selected: null,
-		};
-	},
-	mounted,
-	beforeUnmount,
-	methods: {
-		setConsent,
-		toggleSidebar,
-		toggleFilters,
-		toggleSettings,
-		trackIframeCampaign,
-		blur,
-		resize,
-		scroll,
-		scrollToTop,
-	},
-};
-</script>
-
-<style lang="scss">
-.container {
-    position: relative;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    background: var(--background-soft);
-    color: var(--text);
-}
-
-.content {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    overflow-y: auto;
-	overflow-x: hidden;
-}
-
-.content-inner {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-	overflow-y: auto;
-	overflow-x: hidden;
-	z-index: 1;
-}
-
-.slide-enter-active,
-.slide-leave-active {
-	&.sidebar-container {
-		transition: background .15s ease-in-out;
-	}
-
-	.sidebar {
-		transition: transform .15s ease-in-out;
-	}
-}
-
-.slide-enter-from,
-.slide-leave-to {
-	&.sidebar-container {
-		background: transparent;
-	}
-
-	.sidebar {
-		transform: translate(100%, 0);
-	}
-}
-
-.column {
-    width: 1200px;
-    max-width: 100%;
-    padding: 0 1rem;
-    margin: 0 auto;
-    box-sizing: border-box;
-}
-</style>
-
-<style lang="scss" scoped>
-.disclaimer,
-.announcement {
-	padding: .5rem 1rem;
-	margin: 0;
-	color: var(--text-light);
-	font-weight: bold;
-	box-shadow: inset 0 0 3px var(--darken-weak);
-	text-align: center;
-}
-
-.disclaimer {
-	background: var(--warn);
-}
-
-.announcement {
-	background: var(--notice);
-}
-</style>
diff --git a/assets/components/container/warning.vue b/assets/components/container/warning.vue
deleted file mode 100755
index 3af10a766..000000000
--- a/assets/components/container/warning.vue
+++ /dev/null
@@ -1,268 +0,0 @@
-<template>
-	<div class="warning-container">
-		<div class="warning">
-			<strong class="title">
-				<span
-					class="logo"
-					v-html="logo"
-				/>contains sexually explicit content
-			</strong>
-
-			<ul class="rules">
-				<li class="rule">You are at least 18 years old, and legally permitted to view adult material in your jurisdiction.</li>
-				<li class="rule">You do not regard erotic and frankly pornographic media as obscene or offensive.</li>
-				<li class="rule">You understand that most sexual scenarios depicted on this website are fictional, performed by professional actors for the purpose of entertainment, and not representative of real-life interactions.</li>
-			</ul>
-
-			<span class="preferences">You can adjust your content preferences later</span>
-
-			<div class="actions">
-				<a
-					href="https://www.google.com"
-					class="button leave"
-					@click="$emit('leave')"
-				><Icon icon="arrow-left16" />Leave</a>
-
-				<button
-					class="button enter queer"
-					@click="$emit('enter', true)"
-				>
-					<span class="button-title">Enter</span>
-					<span class="button-sub">I want to see gay, bi and trans content</span>
-				</button>
-
-				<button
-					class="button enter straight"
-					@click="$emit('enter', false)"
-				>
-					<span class="button-title">Enter</span>
-					<span class="button-sub">I prefer straight content</span>
-				</button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import logo from '../../img/logo.svg';
-
-export default {
-	data() {
-		return {
-			logo,
-		};
-	},
-	emits: ['enter'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.warning-container {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: absolute;
-	z-index: 10;
-	background: var(--background-censor);
-	backdrop-filter: blur(.25rem);
-	overflow-y: auto;
-}
-
-.warning {
-	color: var(--text);
-	width: 50rem;
-	max-height: 100%;
-	max-width: 100%;
-	margin: 1rem;
-}
-
-.copy,
-.rules {
-	padding: .5rem 1rem;
-}
-
-.title {
-	display: block;
-	font-size: 2rem;
-	margin: 1rem 0;
-	color: var(--text);
-	text-align: center;
-}
-
-.logo {
-	width: 6.5rem;
-    display: inline-block;
-	fill: var(--primary);
-	margin: 0 .6rem 0 0;
-
-	::v-deep(svg) {
-		width: 100%;
-		height: 100%;
-	}
-}
-
-.copy {
-	display: block;
-	padding: 0 1rem;
-	font-weight: bold;
-}
-
-.rules {
-	margin: 0 0 0 1rem;
-	text-align: left;
-	text-shadow: 0 0 3px var(--highlight-strong);
-}
-
-.rule {
-	padding: .5rem 1rem;
-	line-height: 1.5;
-}
-
-.actions {
-	display: flex;
-	text-align: center;
-	padding: 1rem 0;
-}
-
-.button {
-	display: inline-flex;
-	flex-basis: 0;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	border: none;
-	border-radius: .25rem;
-	padding: 0;
-	position: relative;
-	cursor: pointer;
-	font-size: 1.5rem;
-	text-decoration: none;
-	transition: border-radius .2s ease;
-
-	&.leave {
-		color: var(--shadow-strong);
-		flex-direction: row;
-		padding: 1rem;
-
-		.icon {
-			width: 1.5rem;
-			height: 1.5rem;
-			margin: 0 1rem 0 0;
-			fill: var(--shadow);
-		}
-
-		&:hover {
-			color: var(--text);
-		}
-	}
-
-	&.enter {
-		flex-grow: 1;
-	}
-
-	&.straight,
-	&.queer {
-		color: var(--lighten-strong);
-		background: var(--darken-censor);
-
-		&:before {
-			content: '';
-			width: calc(100% + .3rem);
-			height: calc(100% + .25rem);
-			position: absolute;
-			z-index: -1;
-			filter: blur(.25rem);
-			transition: filter .2s ease;
-		}
-
-		&:hover {
-			color: var(--text-light);
-			border-radius: 0;
-
-			.button-sub {
-				color: var(--text-light);
-			}
-		}
-	}
-
-	&.straight:before {
-		background: var(--primary);
-	}
-
-	&.queer:before {
-		background: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff);
-	}
-
-	&:not(:last-child) {
-		margin: 0 2rem 0 0;
-	}
-
-	&:hover {
-		.icon {
-			fill: var(--text);
-		}
-
-		&.straight:before,
-		&.queer:before {
-			filter: blur(0);
-		}
-	}
-}
-
-.button-title,
-.button-sub {
-	width: 100%;
-	box-sizing: border-box;
-}
-
-.button-title {
-	font-size: 1.5rem;
-	padding: .5rem 0 .15rem 0;
-	font-weight: bold;
-}
-
-.button-sub {
-	display: block;
-	font-size: .8rem;
-	padding: .15rem .5rem .75rem .5rem;
-	color: var(--lighten);
-}
-
-.preferences {
-	color: var(--shadow);
-	display: block;
-	padding: .5rem 0 1rem 0;
-	text-align: center;
-	font-size: .9rem;
-}
-
-@media(max-width: $breakpoint) {
-	.title {
-		font-size: 1.75rem;
-	}
-
-	.logo {
-		width: 5.75rem;
-		margin: 0 .5rem 0 0;
-	}
-}
-
-@media(max-width: $breakpoint-small) {
-	.actions {
-		flex-direction: column-reverse;
-		padding: 0;
-
-		.button {
-			margin: 0 0 1rem 0;
-		}
-
-		.button:first-child {
-			margin: 0;
-		}
-	}
-}
-</style>
diff --git a/assets/components/dialog/dialog.vue b/assets/components/dialog/dialog.vue
deleted file mode 100755
index 2df65231f..000000000
--- a/assets/components/dialog/dialog.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-	<teleport to="body">
-		<div
-			class="container"
-			@click="$emit('close')"
-		>
-			<div
-				class="dialog"
-				@click.stop="events.emit('blur')"
-			>
-				<div
-					v-if="title || $slots.header"
-					class="header"
-				>
-					<slot name="header">
-						<h2 class="header-title">{{ title }}</h2>
-					</slot>
-
-					<Icon
-						icon="cross2"
-						class="close"
-						@click="$emit('close')"
-					/>
-				</div>
-
-				<div class="body">
-					<slot />
-				</div>
-			</div>
-		</div>
-	</teleport>
-</template>
-
-<script>
-function mounted() {
-	this.events.emit('blur');
-}
-
-export default {
-	props: {
-		title: {
-			type: String,
-			default: null,
-		},
-	},
-	emits: ['close'],
-	mounted,
-};
-</script>
-
-<style lang="scss" scoped>
-.container {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	box-sizing: border-box;
-	padding: 1rem;
-	background: var(--darken-strong);
-	z-index: 10;
-}
-
-.dialog {
-	display: flex;
-	flex-direction: column;
-	max-width: 100%;
-	max-height: 100%;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	background: var(--primary);
-	color: var(--text-light);
-	font-size: 1.5rem;
-	font-weight: bold;
-}
-
-.header-title {
-	padding: .5rem .5rem .5rem 1rem;
-	margin: 0;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	font-size: 1.25rem;
-}
-
-.close {
-	height: 100%;
-	padding: 0 1rem;
-	fill: var(--lighten);
-
-	&:hover {
-		fill: var(--lighten-strong);
-		cursor: pointer;
-	}
-}
-
-.body {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-	overflow: hidden;
-
-	::v-deep(.section) {
-		padding: 1rem;
-	}
-}
-
-::v-deep(.dialog-body) {
-	flex-grow: 1;
-	box-sizing: border-box;
-	padding: 1rem;
-	overflow-y: auto;
-}
-
-::v-deep(.dialog-section:not(:last-child)) {
-	padding-bottom: 1rem;
-	border-bottom: solid 1px var(--shadow-hint);
-	margin-bottom: 1rem;
-	overflow: auto;
-}
-
-::v-deep(.dialog-actions) {
-	display: flex;
-	margin: 1rem 0 0 0;
-
-	&.center {
-		justify-content: center;
-	}
-
-	&.right {
-		justify-content: flex-end;
-	}
-}
-</style>
diff --git a/assets/components/entities/children.vue b/assets/components/entities/children.vue
deleted file mode 100755
index ccb33578f..000000000
--- a/assets/components/entities/children.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<div class="children">
-		<div
-			v-for="child in entity.children"
-			:key="`child-${child.id}`"
-			class="tile-container"
-		>
-			<EntityTile
-				:entity="child"
-				@load="(event) => $emit('load', event)"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import EntityTile from './tile.vue';
-
-export default {
-	components: {
-		EntityTile,
-	},
-	props: {
-		entity: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['load'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.children {
-	display: flex;
-	box-sizing: border-box;
-	padding: 1rem;
-	margin: 0 1rem 0 0;
-	border-bottom: solid 1px var(--darken-hint);
-
-	.tile-container {
-		display: inline-block;
-		padding: 0 1rem 0 0;
-	}
-
-	.tile {
-		width: 15rem;
-		height: 6rem;
-	}
-
-	&.expanded {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
-		grid-gap: 1rem;
-		margin: 0;
-
-		.tile-container {
-			padding: 0;
-		}
-
-		.tile {
-			width: 100%;
-		}
-	}
-}
-
-@media(max-width: $breakpoint0) {
-	.children.expanded {
-		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-	}
-}
-</style>
diff --git a/assets/components/entities/entity.vue b/assets/components/entities/entity.vue
deleted file mode 100755
index c8dd39c3f..000000000
--- a/assets/components/entities/entity.vue
+++ /dev/null
@@ -1,345 +0,0 @@
-<template>
-	<div
-		v-if="entity"
-		class="entity content"
-	>
-		<div class="info">
-			<a
-				:href="entityUrl"
-				target="_blank"
-				rel="noopener"
-				class="link link-child"
-			>
-				<template v-if="entity.hasLogo">
-					<img
-						v-if="$route.name === 'network'"
-						class="logo logo-child"
-						:src="`/img/logos/${entity.slug}/thumbs/network.png`"
-					>
-
-					<img
-						v-else-if="entity.parent && !entity.independent"
-						class="logo logo-child"
-						:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
-					>
-
-					<img
-						v-else
-						class="logo logo-child"
-						:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
-					>
-				</template>
-
-				<h2
-					v-else
-					class="name"
-				>{{ entity.name }}</h2>
-
-				<Icon
-					v-if="entity.url"
-					icon="share2"
-				/>
-			</a>
-
-			<ul
-				v-if="entity.tags.length > 0"
-				class="tags"
-			>
-				<li
-					v-for="tag in entity.tags"
-					:key="`tag-${tag.slug}`"
-				>{{ tag.name }}</li>
-			</ul>
-
-			<RouterLink
-				v-if="entity.parent"
-				:to="`/${entity.parent.type}/${entity.parent.slug}`"
-				class="link link-parent"
-			>
-				<img
-					v-if="entity.parent.hasLogo"
-					class="logo logo-parent"
-					:src="`/img/logos/${entity.parent.slug}/thumbs/network.png`"
-				>
-
-				<img
-					v-if="entity.parent.hasLogo"
-					class="favicon"
-					:src="`/img/logos/${entity.parent.slug}/favicon.png`"
-				>
-
-				<h3
-					v-else
-					class="name parent-name"
-				>{{ entity.parent.name }}</h3>
-
-				<Icon icon="device_hub" />
-			</RouterLink>
-		</div>
-
-		<div
-			class="content-inner"
-			@scroll="events.emit('scroll', $event)"
-		>
-			<Scroll
-				v-if="entity.children.length > 0"
-				v-slot="scroll"
-				:expandable="true"
-				:expanded="expanded"
-				class="scroll-light"
-				@expand="(state) => expanded = state"
-			>
-				<Children
-					:entity="entity"
-					:class="{ expanded }"
-					@load="scroll.loaded"
-				/>
-			</Scroll>
-
-			<div
-				v-if="config.campaigns.entity"
-				class="campaign-container"
-			>
-				<Campaign
-					:entity="entity"
-					:min-ratio="3"
-				/>
-			</div>
-
-			<FilterBar
-				ref="filter"
-				:fetch-releases="fetchEntity"
-				:items-total="totalCount"
-				:items-per-page="limit"
-				:available-tags="entity.tags"
-			/>
-
-			<div class="releases">
-				<Releases
-					:releases="entity.releases"
-					:entity="entity"
-					:done="done"
-				/>
-
-				<Pagination
-					:items-total="totalCount"
-					:items-per-page="limit"
-					class="pagination-top"
-				/>
-			</div>
-
-			<Footer />
-		</div>
-	</div>
-</template>
-
-<script>
-import config from 'config';
-
-import FilterBar from '../filters/filter-bar.vue';
-import Pagination from '../pagination/pagination.vue';
-import Releases from '../releases/releases.vue';
-import Children from './children.vue';
-import Scroll from '../scroll/scroll.vue';
-import Campaign from '../campaigns/campaign.vue';
-
-async function fetchEntity(scroll = true) {
-	this.done = false;
-	this.entityUrl = null;
-
-	const { entity, totalCount } = await this.$store.dispatch('fetchEntityBySlugAndType', {
-		entitySlug: this.$route.params.entitySlug,
-		entityType: this.$route.name,
-		limit: this.limit,
-		range: this.$route.params.range,
-		pageNumber: Number(this.$route.params.pageNumber),
-	});
-
-	this.entity = entity;
-	this.totalCount = totalCount;
-
-	this.pageTitle = entity.name;
-
-	const campaign = entity.campaigns.find((campaignX) => !campaignX.banner)
-		|| entity.parent?.campaigns.find((campaignX) => !campaignX.banner);
-
-	if (entity.url) {
-		const { searchParams, pathname, origin } = new URL(entity.url);
-
-		const affiliateParams = new URLSearchParams({
-			...(entity.url && Object.fromEntries(searchParams)), // preserve any query in entity URL, e.g. ?siteId=5
-			...(campaign?.affiliate?.parameters && Object.fromEntries(new URLSearchParams(campaign.affiliate.parameters))), // append affiliate parameters
-		}).toString();
-
-		this.entityUrl = campaign?.url || campaign?.affiliate?.url || `${origin}${pathname}${campaign?.affiliate?.parameters ? `?${affiliateParams}` : ''}`;
-	}
-
-	this.done = true;
-
-	if (scroll && this.$refs.filter?.$el) {
-		this.$refs.filter.$el.scrollIntoView();
-	}
-}
-
-async function mounted() {
-	await this.fetchEntity();
-}
-
-async function route(to) {
-	if (to.name === 'channel' || to.name === 'network' || to.name === 'studio') {
-		await this.fetchEntity();
-		this.expanded = false;
-	}
-}
-
-export default {
-	components: {
-		FilterBar,
-		Pagination,
-		Children,
-		Releases,
-		Scroll,
-		Campaign,
-	},
-	data() {
-		return {
-			entity: null,
-			pageTitle: null,
-			totalCount: null,
-			done: false,
-			limit: Number(this.$route.query.limit || 30) - config.campaigns.tiles, // reserve one campaign spot
-			expanded: false,
-			entityUrl: null,
-		};
-	},
-	watch: {
-		$route: route,
-		'$store.state.ui.tagFilter': fetchEntity,
-	},
-	mounted,
-	methods: {
-		fetchEntity,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.info {
-	display: flex;
-	justify-content: space-between;
-	background: var(--profile);
-	border-bottom: solid 1px var(--lighten-hint);
-}
-
-.link {
-	max-width: 15rem;
-	display: flex;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 1rem;
-	text-decoration: none;
-}
-
-.link-child {
-	flex-shrink: 0;
-
-	.icon {
-		fill: var(--lighten);
-		margin: 0 0 0 1rem;
-	}
-
-	&:hover .icon {
-		fill: var(--text-light);
-	}
-}
-
-.link-parent {
-	flex-direction: row-reverse;
-	flex-shrink: 0;
-	margin: 0 0 0 3rem;
-
-	.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-		fill: var(--lighten);
-		margin: 0 .5rem 0 0;
-	}
-}
-
-.logo {
-	height: 100%;
-	max-width: 100%;
-	object-fit: contain;
-}
-
-.logo-child {
-	height: 3rem;
-}
-
-.logo-parent {
-	height: 1.5rem;
-}
-
-.favicon {
-	height: 1rem;
-	flex-shrink: 0;
-}
-
-.content-inner {
-	display: flex;
-	flex-direction: column;
-}
-
-.scroll {
-	background: var(--profile);
-}
-
-.campaign-container {
-	max-height: 150px;
-	background: var(--background-dim);
-	text-align: center;
-	padding: .5rem;
-}
-
-.releases {
-	flex-grow: 1;
-}
-
-.name {
-	color: var(--text-light);
-	display: flex;
-	align-items: center;
-	padding: 0;
-	margin: 0;
-	white-space: nowrap;
-	font-size: 1.5rem;
-}
-
-.favicon {
-	display: none;
-}
-
-@media(max-width: $breakpoint) {
-	.tags {
-		display: none;
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-	.logo-parent {
-		display: none;
-	}
-
-	.favicon {
-		display: inline-block;
-	}
-}
-
-@media(max-width: $breakpoint-nano) {
-	.link-child .icon {
-		display: none;
-	}
-}
-</style>
diff --git a/assets/components/entities/tile.vue b/assets/components/entities/tile.vue
deleted file mode 100755
index 68e9422b6..000000000
--- a/assets/components/entities/tile.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-	<RouterLink
-		:to="`/${entity.type}/${entity.slug}`"
-		:title="entity.name"
-		:target="target"
-		class="tile"
-	>
-		<div class="tile-logo">
-			<template v-if="entity.hasLogo">
-				<img
-					v-if="entity.type === 'network' || entity.independent"
-					:src="`/img/logos/${entity.slug}/thumbs/network.png`"
-					:alt="entity.name"
-					loading="lazy"
-					class="logo"
-					@load="$emit('load', $event)"
-				>
-
-				<img
-					v-else-if="entity.parent"
-					:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
-					:alt="entity.name"
-					loading="lazy"
-					class="logo"
-					@load="$emit('load', $event)"
-				>
-
-				<img
-					v-else
-					:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
-					:alt="entity.name"
-					loading="lazy"
-					class="logo"
-					@load="$emit('load', $event)"
-				>
-			</template>
-
-			<span
-				v-else
-				class="name"
-			>{{ entity.name }}</span>
-		</div>
-
-		<span
-			v-if="entity.childrenTotal > 0 || typeof entity.sceneTotal !== 'undefined'"
-			class="count"
-		>
-			<span v-if="typeof entity.sceneTotal !== 'undefined'">{{ entity.sceneTotal }} scenes</span>
-			<span v-if="entity.type === 'network'">{{ entity.childrenTotal }} channels</span>
-		</span>
-	</RouterLink>
-</template>
-
-<script>
-export default {
-	props: {
-		entity: {
-			type: Object,
-			default: null,
-		},
-		target: {
-			type: String,
-			default: null,
-		},
-	},
-	emits: ['load'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tile {
-    height: 100%;
-    background: var(--tile);
-    display: flex;
-	flex-direction: column;
-    flex-shrink: 0;
-	justify-content: center;
-    align-items: center;
-    box-sizing: border-box;
-    border-radius: .25rem;
-	position: relative;
-    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
-    text-align: center;
-    text-decoration: none;
-	overflow: hidden;
-
-	&:hover .count {
-		bottom: 0;
-	}
-}
-
-.tile-logo {
-	display: flex;
-	flex-grow: 1;
-    padding: .5rem 1rem;
-	overflow: hidden;
-}
-
-.logo {
-	max-width: 100%;
-	max-height: 100%;
-    display: flex;
-    align-items: center;
-	align-self: center;
-}
-
-.name {
-	display: flex;
-	align-items: center;
-	color: var(--text-light);
-    font-size: 1.25rem;
-    font-weight: bold;
-}
-
-.count {
-	display: flex;
-	justify-content: space-between;
-	width: 100%;
-	position: absolute;
-	bottom: -1.75rem;
-	box-sizing: border-box;
-	padding: .25rem .5rem;
-	background: var(--darken-strong);
-	box-shadow: 0 0 3px var(--darken);
-	color: var(--text-light);
-	text-align: center;
-	text-shadow: 1px 1px var(--darken);
-	transition: bottom .1s ease;
-}
-</style>
diff --git a/assets/components/errors/404.vue b/assets/components/errors/404.vue
deleted file mode 100755
index b86b03bbe..000000000
--- a/assets/components/errors/404.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<div class="errorpage">
-		<h1 class="error">404 - Not Found</h1>
-
-		<a
-			href="/"
-			class="home"
-		>Take me home</a>
-	</div>
-</template>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.errorpage {
-    background: var(--background);
-    color: var(--primary);
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    font-size: 2rem;
-}
-
-.error {
-    margin: 0;
-}
-
-.home {
-    color: var(--shadow);
-    margin: 3rem 0;
-}
-</style>
diff --git a/assets/components/expand/expand.vue b/assets/components/expand/expand.vue
deleted file mode 100755
index da70fafc9..000000000
--- a/assets/components/expand/expand.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<div>
-		<div
-			v-show="expanded"
-			class="expand-button expanded noselect"
-			@click="$emit('expand', false)"
-		><Icon icon="arrow-up3" /></div>
-
-		<div
-			v-show="!expanded"
-			class="expand-button noselect"
-			@click="$emit('expand', true)"
-		><Icon icon="arrow-down3" /></div>
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		expanded: {
-			type: Boolean,
-			default: false,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.expand-button {
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: .5rem;
-
-	.icon {
-		fill: var(--lighten);
-	}
-
-	&:hover {
-		cursor: pointer;
-		background: var(--lighten-hint);
-
-		.icon {
-			fill: var(--text-light);
-		}
-	}
-}
-
-.expand-dark {
-	.icon {
-		fill: var(--darken-weak);
-	}
-
-	&:hover {
-		background: var(--darken-hint);
-
-		.icon {
-			fill: var(--darken);
-		}
-	}
-}
-</style>
diff --git a/assets/components/filters/actor-filter.vue b/assets/components/filters/actor-filter.vue
deleted file mode 100755
index 7ebb826ad..000000000
--- a/assets/components/filters/actor-filter.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<Tooltip class="filter-container">
-		<div class="filter">
-			<Icon icon="users" />
-
-			<div
-				v-if="selectedActors.length > 0"
-				class="filter-applied"
-			>{{ selectedActors.length }} {{ selectedActors.length > 1 ? 'actors' : 'actor' }}</div>
-
-			<div
-				v-else
-				class="filter-applied empty"
-			>Actors</div>
-		</div>
-
-		<template v-slot:tooltip>
-			<div @click.stop>
-				<router-link
-					class="filter-clear"
-					:to="{ query: { ...$route.query, actors: undefined } }"
-					:class="{ active: selectedActors.length > 0 }"
-				>clear all<Icon icon="cross2" /></router-link>
-
-				<ul class="filter-items nolist">
-					<li
-						v-for="actor in availableActors"
-						:key="actor.id"
-						class="filter-item"
-						:class="{ selected: selectedActors.includes(actor.slug) }"
-					>
-						<router-link
-							:to="{ query: {
-								...$route.query,
-								actors: actor.slug,
-							}, params: { pageNumber: 1 } }"
-							class="filter-name"
-						>{{ actor.name }}</router-link>
-
-						<router-link
-							:to="{ query: { ...$route.query, ...getNewRange(actor) }, params: { pageNumber: 1 } }"
-							class="filter-include"
-						>
-							<Icon
-								icon="checkmark"
-								class="filter-add"
-							/>
-
-							<Icon
-								icon="cross2"
-								class="filter-remove"
-							/>
-						</router-link>
-					</li>
-				</ul>
-			</div>
-		</template>
-	</Tooltip>
-</template>
-
-<script>
-function getNewRange(actor) {
-	if (this.selectedActors.includes(actor.slug)) {
-		return { actors: this.selectedActors.filter(selectedActor => selectedActor !== actor.slug).join(',') || undefined };
-	}
-
-	return { actors: this.selectedActors.concat(actor.slug).join(',') };
-}
-
-function selectedActors() {
-	return this.$route.query.actors ? this.$route.query.actors.split(',') : [];
-}
-
-export default {
-	props: {
-		availableActors: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	computed: {
-		selectedActors,
-	},
-	methods: {
-		getNewRange,
-	},
-};
-</script>
diff --git a/assets/components/filters/channel-filter.vue b/assets/components/filters/channel-filter.vue
deleted file mode 100755
index c634b8538..000000000
--- a/assets/components/filters/channel-filter.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-	<Tooltip class="filter-container">
-		<div class="filter">
-			<Icon icon="antenna" />
-
-			<div
-				v-if="selectedLength > 0"
-				class="filter-applied"
-			>{{ selectedLength }} {{ selectedLength > 1 ? 'channels' : 'channel' }}</div>
-
-			<div
-				v-else
-				class="filter-applied empty"
-			>Channels</div>
-		</div>
-
-		<template v-slot:tooltip>
-			<div @click.stop>
-				<router-link
-					class="filter-clear"
-					:to="{ query: { ...$route.query, channels: undefined, networks: undefined } }"
-					:class="{ active: selectedLength > 0 }"
-				>clear all<Icon icon="cross2" /></router-link>
-
-				<ul class="filter-items nolist">
-					<li
-						v-for="channel in channelsPerNetwork"
-						:key="`channel-${channel.id}`"
-						class="filter-item"
-						:class="{
-							[channel.type]: true,
-							independent: channel.independent,
-							selected: channel.type === 'network' ? selectedNetworks.includes(channel.slug) : selectedChannels.includes(channel.slug),
-							disabled: channel.parent && selectedNetworks.includes(channel.parent.slug),
-						}"
-					>
-						<router-link
-							:to="{ query: {
-								...$route.query,
-								[channel.type === 'network' ? 'networks' : 'channels']: channel.slug,
-								[channel.type === 'network' ? 'channels' : 'networks']: undefined,
-							}, params: { pageNumber: 1 } }"
-							class="filter-name"
-						>
-							<img
-								v-if="channel.type === 'network' || channel.independent || !channel.parent "
-								:src="`/img/logos/${channel.slug}/favicon.png`"
-								class="favicon"
-							>
-
-							{{ channel.name }}
-						</router-link>
-
-						<router-link
-							:to="{ query: { ...$route.query, ...getNewRange(channel) }, params: { pageNumber: 1 } }"
-							class="filter-include"
-						>
-							<Icon
-								icon="checkmark"
-								class="filter-add"
-							/>
-
-							<Icon
-								icon="cross2"
-								class="filter-remove"
-							/>
-						</router-link>
-					</li>
-				</ul>
-			</div>
-		</template>
-	</Tooltip>
-</template>
-
-<script>
-function getNewRange(entity) {
-	if (entity.type === 'network' && this.selectedNetworks.includes(entity.slug)) {
-		return {
-			channels: this.selectedChannels.join(',') || undefined,
-			networks: this.selectedNetworks.filter(selectedTag => selectedTag !== entity.slug).join(',') || undefined,
-		};
-	}
-
-	if (entity.type === 'network') {
-		return {
-			channels: this.selectedChannels.join(',') || undefined,
-			networks: this.selectedNetworks.concat(entity.slug).join(','),
-		};
-	}
-
-	if (this.selectedChannels.includes(entity.slug)) {
-		return {
-			channels: this.selectedChannels.filter(selectedTag => selectedTag !== entity.slug).join(',') || undefined,
-			networks: this.selectedNetworks.join(',') || undefined,
-		};
-	}
-
-	return {
-		channels: this.selectedChannels.concat(entity.slug).join(','),
-		networks: this.selectedNetworks.join(',') || undefined,
-	};
-}
-
-function selectedChannels() {
-	return this.$route.query.channels ? this.$route.query.channels.split(',') : [];
-}
-
-function selectedNetworks() {
-	return this.$route.query.networks ? this.$route.query.networks.split(',') : [];
-}
-
-function channelsPerNetwork() {
-	const networks = this.availableChannels.reduce((acc, channel) => {
-		if (channel.type === 'network' || channel.independent || !channel.parent) {
-			acc[channel.slug] = { ...channel, children: [] };
-			return acc;
-		}
-
-		if (!acc[channel.parent.slug]) {
-			acc[channel.parent.slug] = { ...channel.parent, children: [] };
-		}
-
-		acc[channel.parent.slug].children.push(channel);
-
-		return acc;
-	}, {});
-
-	return Object.values(networks).reduce((acc, network) => [...acc, network, ...(network.children || [])], []);
-}
-
-function selectedLength() {
-	return this.selectedChannels.length + this.selectedNetworks.length;
-}
-
-export default {
-	props: {
-		filter: {
-			type: Array,
-			default: () => [],
-		},
-		compact: {
-			type: Boolean,
-			default: false,
-		},
-		availableChannels: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	computed: {
-		channelsPerNetwork,
-		selectedChannels,
-		selectedNetworks,
-		selectedLength,
-	},
-	methods: {
-		getNewRange,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.favicon {
-	width: 1rem;
-	height: 1rem;
-	padding: 0 .75rem 0 0;
-	filter: drop-shadow(0 0 1px var(--darken));
-}
-
-.network .filter-name,
-.independent .filter-name {
-	font-weight: bold;
-	padding: .5rem;
-}
-
-.channel:not(.independent) .filter-name {
-	padding: .5rem .5rem .5rem 2.25rem;
-}
-</style>
diff --git a/assets/components/filters/filter-bar.vue b/assets/components/filters/filter-bar.vue
deleted file mode 100755
index 3fd6a4fd9..000000000
--- a/assets/components/filters/filter-bar.vue
+++ /dev/null
@@ -1,369 +0,0 @@
-<template>
-	<div class="filter-bar noselect">
-		<div class="sort">
-			<RouterLink
-				v-for="section in ranges"
-				:key="section"
-				:to="{ params: { range: section, pageNumber: 1 }, query: $route.query }"
-				:class="{ active: $route.name === section || range === section }"
-				class="range range-button"
-			>{{ section }}</RouterLink>
-		</div>
-
-		<span
-			v-if="itemsTotal && showTotal"
-			class="total"
-		>{{ itemsTotal }} <template v-if="itemsTotal === 1">scene</template><template v-else>scenes</template></span>
-
-		<div
-			v-if="showFilters"
-			class="filters"
-		>
-			<ActorFilter
-				class="filters-filter"
-				:available-actors="availableActors"
-			/>
-
-			<ChannelFilter
-				class="filters-filter"
-				:available-channels="availableChannels"
-			/>
-
-			<TagFilter
-				class="filters-filter"
-				:available-tags="availableTags"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-import ActorFilter from './actor-filter.vue';
-import ChannelFilter from './channel-filter.vue';
-import TagFilter from './tag-filter.vue';
-
-function range() {
-	return this.$route.params.range;
-}
-
-function batch(state) {
-	return state.ui.batch;
-}
-
-async function setRange(newRange) {
-	this.$store.dispatch('setRange', newRange);
-
-	await this.fetchReleases();
-}
-
-async function setBatch(newBatch) {
-	this.$store.dispatch('setBatch', newBatch);
-
-	await this.fetchReleases();
-}
-
-export default {
-	components: {
-		ActorFilter,
-		ChannelFilter,
-		TagFilter,
-	},
-	props: {
-		fetchReleases: {
-			type: Function,
-			default: null,
-		},
-		showFilters: {
-			type: Boolean,
-			default: true,
-		},
-		showTotal: {
-			type: Boolean,
-			default: true,
-		},
-		itemsTotal: {
-			type: Number,
-			default: 0,
-		},
-		itemsPerPage: {
-			type: Number,
-			default: 10,
-		},
-		ranges: {
-			type: Array,
-			default: () => ['latest', 'upcoming', 'new'],
-		},
-		availableTags: {
-			type: Array,
-			default: () => [],
-		},
-		availableChannels: {
-			type: Array,
-			default: () => [],
-		},
-		availableActors: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	computed: {
-		...mapState({
-			range,
-			batch,
-		}),
-	},
-	methods: {
-		setRange,
-		setBatch,
-	},
-};
-</script>
-
-<style lang="scss">
-@import 'breakpoints';
-
-.filter {
-	color: var(--shadow);
-	display: inline-flex;
-	align-items: center;
-
-	.filter-applied {
-		flex-grow: 1;
-		padding: .75rem .5rem;
-		font-size: 1rem;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		text-align: right;
-
-		&.empty {
-			color: var(--shadow);
-		}
-	}
-
-	.icon {
-		fill: var(--shadow);
-		margin: -.1rem 0 0 0;
-	}
-
-	&:hover {
-		cursor: pointer;
-
-		.applied {
-			color: var(--shadow-strong);
-		}
-
-		.icon {
-			fill: var(--shadow-strong);
-		}
-	}
-}
-
-.filter-mode {
-	width: 100%;
-	color: var(--shadow);
-	background: none;
-	padding: .75rem;
-	margin: 0 0 .5rem 0;
-	font-size: 1rem;
-	border: none;
-	border-bottom: solid 1px var(--shadow-hint);
-
-	option {
-		color: var(--text-dark);
-	}
-}
-
-.filter-clear {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: .5rem 1rem;
-	color: var(--shadow-weak);
-	text-decoration: none;
-	cursor: default;
-
-	.icon {
-		fill: var(--shadow-hint);
-		margin: 0 0 0 1rem;
-	}
-
-	&.active {
-		color: var(--shadow);
-
-		.icon {
-			fill: var(--shadow-weak);
-		}
-
-		&:hover {
-			color: var(--text);
-			background: var(--shadow-hint);
-			cursor: pointer;
-
-			.icon {
-				fill: var(--alert);
-			}
-		}
-	}
-}
-
-.filter-items .filter-item {
-	display: flex;
-	align-items: center;
-
-	&:hover {
-		background: var(--shadow-hint);
-		cursor: pointer;
-	}
-
-	&.selected {
-		.filter-include  {
-			.filter-add {
-				fill: var(--success);
-			}
-
-			&:hover {
-				.filter-add {
-					display: none;
-				}
-
-				.filter-remove {
-					display: inline-block;
-				}
-			}
-		}
-	}
-}
-
-.filter-include {
-	.icon {
-		width: 1rem;
-		height: 1rem;
-		padding: .5rem 1rem;
-		fill: var(--shadow-hint);
-	}
-
-	.filter-remove {
-		display: none;
-		fill: var(--alert);
-	}
-
-	&:hover {
-		cursor: pointer;
-	}
-}
-
-.filter-name {
-	min-width: 8rem;
-	display: flex;
-	flex-grow: 1;
-	padding: .5rem .75rem .5rem 1rem;
-	color: var(--text);
-	text-decoration: none;
-}
-
-.filter-include:hover,
-.filter-name:hover {
-	background: var(--shadow-hint);
-}
-
-@media(max-width: $breakpoint-small) {
-	.filter-applied {
-		display: none;
-	}
-
-	.filters-filter:not(:last-child) .filter {
-		padding: .5rem;
-	}
-
-	.filters-filter:last-child .filter {
-		padding: .5rem 0 .5rem .5rem;
-	}
-
-	.total {
-		display: none;
-	}
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.filter-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: .5rem 1rem 0 1rem;
-    z-index: 1;
-	background: var(--background-dim);
-    font-size: 0;
-
-    .icon {
-        margin: 0 .5rem 0 0;
-        fill: var(--shadow);
-    }
-}
-
-.filters {
-	flex-shrink: 0;
-}
-
-.sort {
-    display: flex;
-    align-items: center;
-}
-
-.range-button {
-    color: var(--shadow);
-    display: inline-block;
-    padding: .8rem 1rem;
-    border: none;
-	position: relative;
-    font-size: .8rem;
-    font-weight: bold;
-    text-decoration: none;
-	border: solid 1px transparent;
-	border-bottom: none;
-	text-transform: capitalize;
-
-    &:hover:not(.active) {
-        color: var(--shadow-strong);
-        cursor: pointer;
-    }
-
-    &.active {
-        color: var(--primary);
-		background: var(--background-soft);
-		border-color: var(--crease);
-
-		&::after {
-			/* hide grey border for tab effect, negative margin shows grey crease on mobile */
-			content: '';
-			width: 100%;
-			height: 2px;
-			background: var(--background-soft);
-			position: absolute;
-			left: 0;
-			bottom: -2px;
-		}
-    }
-}
-
-.filters-filter {
-    display: inline-block;
-	flex-shrink: 0;
-
-	&:not(:last-child) {
-		margin: 0 1rem 0 0;
-	}
-}
-
-.total {
-	flex-shrink: 0;
-	padding: 0 1rem;
-	color: var(--shadow);
-	font-size: .8rem;
-}
-</style>
diff --git a/assets/components/filters/filters.vue b/assets/components/filters/filters.vue
deleted file mode 100755
index 17714dce9..000000000
--- a/assets/components/filters/filters.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-	<Dialog
-		title="Filters"
-		@close="$emit('close')"
-	>
-		<div class="filters dialog-body">
-			<h3 class="form-heading">Show me</h3>
-
-			<ul class="tags nolist">
-				<li
-					v-for="tag in tags"
-					:key="tag"
-					class="tags-item"
-				>
-					<Checkbox
-						:checked="!tagFilter.includes(tag)"
-						:label="tag"
-						class="tag"
-						@change="(state) => filterTag(tag, state)"
-					/>
-				</li>
-			</ul>
-
-			<p class="disclaimer">You may still incidentally see filtered out content</p>
-		</div>
-	</Dialog>
-</template>
-
-<script>
-import Checkbox from '../form/checkbox.vue';
-
-function tagFilter() {
-	return this.$store.state.ui.tagFilter;
-}
-
-function filterTag(tag, isChecked) {
-	if (isChecked) {
-		this.$store.dispatch('setTagFilter', this.tagFilter.filter(filteredTag => filteredTag !== tag));
-	} else {
-		this.$store.dispatch('setTagFilter', this.tagFilter.concat(tag));
-	}
-}
-
-export default {
-	components: {
-		Checkbox,
-	},
-	data() {
-		return {
-			tags: ['anal', 'gay', 'transsexual', 'bisexual', 'pissing', 'anal prolapse'],
-		};
-	},
-	computed: {
-		tagFilter,
-	},
-	emits: ['close'],
-	methods: {
-		filterTag,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.filters {
-	width: 20rem;
-	max-width: 100%;
-}
-
-.tags-item {
-	display: block;
-}
-
-.tag {
-	padding: .5rem 0;
-}
-
-.disclaimer {
-	margin: 1rem 0 0 0;
-	line-height: 1.5;
-	text-align: center;
-	font-size: .9rem;
-	color: var(--shadow);
-}
-</style>
diff --git a/assets/components/filters/tag-filter.vue b/assets/components/filters/tag-filter.vue
deleted file mode 100755
index 232d6355c..000000000
--- a/assets/components/filters/tag-filter.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-	<Tooltip class="filter-container">
-		<div class="filter">
-			<Icon icon="price-tag4" />
-
-			<div
-				v-if="selectedTags.length > 0"
-				class="filter-applied"
-			>{{ selectedTags.length }} {{ selectedTags.length > 1 ? 'tags' : 'tag' }}</div>
-
-			<div
-				v-else
-				class="filter-applied empty"
-			>Tags</div>
-		</div>
-
-		<template #tooltip>
-			<div
-				class="filter-options"
-				@click.stop
-			>
-				<select
-					v-model="mode"
-					class="filter-mode"
-					@change="$router.push({ query: { ...$route.query, mode }, params: { pageNumber: 1 } })"
-				>
-					<option value="all">match all selected</option>
-					<option value="any">match any selected</option>
-				</select>
-
-				<router-link
-					class="filter-clear"
-					:to="{ query: { ...$route.query, tags: undefined, mode: undefined } }"
-					:class="{ active: selectedTags.length > 0 }"
-				>clear all<Icon icon="cross2" /></router-link>
-
-				<ul class="filter-items nolist">
-					<li
-						v-for="tag in availableTags"
-						:key="`tag-${tag.id}`"
-						class="filter-item"
-						:class="{ selected: selectedTags.includes(tag.slug) }"
-					>
-						<router-link
-							:to="{ query: { ...$route.query, tags: tag.slug, mode }, params: { pageNumber: 1 } }"
-							class="filter-name"
-						>{{ tag.name }}</router-link>
-
-						<router-link
-							:to="{ query: { ...$route.query, ...getNewRange(tag.slug), mode }, params: { pageNumber: 1 } }"
-							class="filter-include"
-						>
-							<Icon
-								icon="checkmark"
-								class="filter-add"
-							/>
-
-							<Icon
-								icon="cross2"
-								class="filter-remove"
-							/>
-						</router-link>
-					</li>
-				</ul>
-			</div>
-		</template>
-	</Tooltip>
-</template>
-
-<script>
-function getNewRange(tag) {
-	if (this.selectedTags.includes(tag)) {
-		return { tags: this.selectedTags.filter((selectedTag) => selectedTag !== tag).join(',') || undefined };
-	}
-
-	return { tags: this.selectedTags.concat(tag).join(',') };
-}
-
-function selectedTags() {
-	return this.$route.query.tags ? this.$route.query.tags.split(',') : [];
-}
-
-export default {
-	props: {
-		compact: {
-			type: Boolean,
-			default: false,
-		},
-		availableTags: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	data() {
-		return {
-			mode: this.$route.query.mode || 'all',
-		};
-	},
-	computed: {
-		selectedTags,
-	},
-	methods: {
-		getNewRange,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.filter-options {
-	width: 15rem;
-}
-</style>
diff --git a/assets/components/footer/footer.vue b/assets/components/footer/footer.vue
deleted file mode 100755
index 98377a816..000000000
--- a/assets/components/footer/footer.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<footer class="footer">
-		<span class="segment">© traxxx</span>
-
-		<router-link
-			:to="{ name: 'stats' }"
-			class="segment footer-link nolink"
-		>stats</router-link>
-
-		<a
-			v-if="config.discord"
-			:href="config.discord"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="segment footer-link nolink discord"
-		><Icon icon="discord" /></a>
-	</footer>
-</template>
-
-<style lang="scss" scoped>
-.footer {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background: var(--background-dim);
-	color: var(--shadow);
-	font-size: .8rem;
-	font-weight: bold;
-	box-shadow: inset -3px 0 3px var(--shadow-hint);
-}
-
-.segment {
-	display: inline-flex;
-	align-items: center;
-	padding: .5rem;
-
-	&:not(:last-child) {
-		border-right: solid 1px var(--shadow-hint);
-	}
-}
-
-.footer-link {
-	text-decoration: underline;
-
-	&:hover {
-		color: var(--primary);
-
-		.icon {
-			fill: var(--primary);
-		}
-	}
-}
-
-.discord {
-	.icon {
-		fill: var(--shadow);
-		width: 4rem;
-	}
-}
-</style>
diff --git a/assets/components/form/checkbox.vue b/assets/components/form/checkbox.vue
deleted file mode 100755
index 0110f0b18..000000000
--- a/assets/components/form/checkbox.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-	<label class="check-container noselect">
-		<span
-			v-if="label"
-			class="check-label"
-		>{{ label }}</span>
-
-		<input
-			v-show="false"
-			:id="`checkbox-${uid}`"
-			:checked="checked"
-			type="checkbox"
-			class="check-checkbox"
-			@change="$emit('change', $event.target.checked)"
-		>
-
-		<label
-			:for="`checkbox-${uid}`"
-			class="check"
-		/>
-	</label>
-</template>
-
-<script>
-export default {
-	props: {
-		checked: {
-			type: Boolean,
-			default: false,
-		},
-		label: {
-			type: String,
-			default: null,
-		},
-	},
-	emits: ['change'],
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.check-container {
-    display: flex;
-    justify-content: space-between;
-    cursor: pointer;
-}
-
-.check {
-    width: 1.25rem;
-    height: 1.25rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-	flex-shrink: 0;
-	position: relative;
-	background-color: var(--shadow-hint);
-    cursor: pointer;
-    transition: background .15s ease;
-
-    &::after {
-        content: '';
-        width: .5rem;
-        height: .3rem;
-        border: solid 2px var(--text-light);
-        border-top: none;
-        border-right: none;
-        margin: -.2rem 0 0 0;
-        transform: rotateZ(-45deg) scaleX(0);
-        transition: transform .15s ease;
-    }
-}
-
-.check-cross .check::before {
-	content: '';
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	background: url('/img/icons/cross3.svg') no-repeat center/80%;
-	opacity: .15;
-	transition: transform .1s ease;
-}
-
-.check-checkbox:checked + .check {
-    background: var(--primary);
-
-    &::after {
-        transform: rotateZ(-45deg) scaleX(1);
-    }
-
-	&::before {
-        transform: scaleX(0);
-	}
-}
-
-.check-label {
-	overflow: hidden;
-	text-transform: capitalize;
-	text-overflow: ellipsis;
-	margin: 0 .5rem 0 0;
-}
-</style>
diff --git a/assets/components/form/range.vue b/assets/components/form/range.vue
deleted file mode 100755
index e28c550aa..000000000
--- a/assets/components/form/range.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<template>
-	<div class="range-container">
-		<div
-			class="label label-start"
-			:class="{ disabled }"
-			@click="setValue('valueA', min)"
-		>
-			<slot name="start" />
-		</div>
-
-		<div
-			class="range"
-			:class="{ disabled }"
-			:style="{ background: `linear-gradient(90deg, var(--slider-track) ${minPercentage}%, var(--slider-range) ${minPercentage}%, var(--slider-range) ${maxPercentage}%, var(--slider-track) ${maxPercentage}%)` }"
-			@click="setNearest"
-		>
-			<input
-				v-model.number="valueA"
-				:min="min"
-				:max="max"
-				:data-value="valueA"
-				:disabled="disabled"
-				type="range"
-				class="slider"
-				@input="emit('input')"
-				@change="emit('change')"
-				@click.stop
-			>
-
-			<input
-				v-model.number="valueB"
-				:min="min"
-				:max="max"
-				:data-value="valueB"
-				:disabled="disabled"
-				type="range"
-				class="slider"
-				@input="emit('input')"
-				@change="emit('change')"
-				@click.stop
-			>
-		</div>
-
-		<div
-			class="label label-end"
-			:class="{ disabled }"
-			@click="setValue('valueB', max)"
-		>
-			<slot name="end" />
-		</div>
-	</div>
-</template>
-
-<script>
-import { nextTick } from 'vue';
-
-function minValue() {
-	return Math.min(this.valueA, this.valueB);
-}
-
-function maxValue() {
-	return Math.max(this.valueA, this.valueB);
-}
-
-function minPercentage() {
-	return ((this.minValue - this.min) / (this.max - this.min)) * 100;
-}
-
-function maxPercentage() {
-	return ((this.maxValue - this.min) / (this.max - this.min)) * 100;
-}
-
-function emit(type = 'change') {
-	if (this.values) {
-		this.$emit(type, [this.values[this.minValue], this.values[this.maxValue]]);
-		return;
-	}
-
-	this.$emit(type, [this.minValue, this.maxValue]);
-}
-
-function setNearest(event) {
-	if (this.allowEnable) {
-		this.emit('enable');
-	}
-
-	nextTick(() => {
-		if (!this.disabled) {
-			const closestValue = Math.round((event.offsetX / event.target.getBoundingClientRect().width) * (this.max - this.min)) + this.min;
-			const closestSlider = Math.abs(this.valueA - closestValue) < Math.abs(this.valueB - closestValue) ? 'valueA' : 'valueB';
-
-			this[closestSlider] = closestValue;
-			this.emit();
-		}
-	});
-}
-
-function setValue(prop, value) {
-	if (this.allowEnable) {
-		this.emit('enable');
-	}
-
-	nextTick(() => {
-		if (!this.disabled) {
-			this[prop] = value;
-			this.emit();
-		}
-	});
-}
-
-export default {
-	props: {
-		min: {
-			type: Number,
-			default: 0,
-		},
-		max: {
-			type: Number,
-			default: 10,
-		},
-		value: {
-			type: Array,
-			default: () => [3, 7],
-		},
-		values: {
-			type: Array,
-			default: null,
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-		allowEnable: {
-			type: Boolean,
-			default: true,
-		},
-	},
-	emits: ['change', 'input', 'enable'],
-	data() {
-		if (this.values) {
-			return {
-				valueA: this.values.indexOf(this.value[0]),
-				valueB: this.values.indexOf(this.value[1]),
-			};
-		}
-
-		return {
-			valueA: this.value[0],
-			valueB: this.value[1],
-		};
-	},
-	computed: {
-		minValue,
-		maxValue,
-		minPercentage,
-		maxPercentage,
-	},
-	methods: {
-		emit,
-		setNearest,
-		setValue,
-	},
-};
-</script>
-
-<style lang="scss">
-.dark .range-container .range {
-	--slider-range: var(--lighten-weak);
-}
-</style>
-
-<style lang="scss" scoped>
-@mixin thumb {
-	appearance: none;
-	display: block;
-	width: 1.25rem;
-	height: 1.25rem;
-	border: none;
-	border-radius: 50%;
-	background: var(--slider-thumb);
-	pointer-events: visible;
-	cursor: pointer;
-	box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.range-container {
-	display: flex;
-	justify-content: space-between;
-}
-
-.range {
-	--slider-track: var(--shadow-hint);
-	--slider-range: var(--primary-faded);
-	--slider-thumb: var(--primary);
-
-	position: relative;
-	height: 1.25rem;
-	flex-grow: 1;
-	border-radius: .625rem;
-
-	&.disabled {
-		--slider-range: var(--shadow-weak);
-		--slider-thumb: var(--disabled-handle);
-	}
-}
-
-.slider {
-	width: 100%;
-	top: 0;
-	margin: 0;
-	appearance: none;
-	position: absolute;
-	background: none;
-	outline: none;
-	pointer-events: none;
-}
-
-.slider::-webkit-slider-thumb {
-	@include thumb;
-}
-
-.slider::-moz-range-thumb {
-	@include thumb;
-	transform: translateY(2px);
-}
-
-.label {
-	padding: 0 .5rem;
-
-	&:hover:not(.disabled) {
-		cursor: pointer;
-
-		::v-deep(.icon) {
-			fill: var(--primary);
-		}
-	}
-}
-
-::v-deep(.icon) {
-	width: 1.25rem;
-	height: 1.25rem;
-	flex-shrink: 0;
-	fill: var(--shadow);
-}
-</style>
diff --git a/assets/components/form/toggle.vue b/assets/components/form/toggle.vue
deleted file mode 100755
index 2cde29e03..000000000
--- a/assets/components/form/toggle.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-	<label
-		class="toggle-container noselect"
-		:class="{ light: $store.state.ui.theme === 'dark' }"
-	>
-		<input
-			:id="`toggle-${id}`"
-			:checked="checked"
-			:true-value="trueValue"
-			:false-value="falseValue"
-			:disabled="disabled"
-			type="checkbox"
-			class="toggle-input"
-			@change="$emit('change', $event.target.checked)"
-		>
-
-		<label
-			:for="`toggle-${id}`"
-			class="toggle"
-		/>
-	</label>
-</template>
-
-<script>
-export default {
-	props: {
-		checked: {
-			type: Boolean,
-			default: false,
-		},
-		trueValue: {
-			type: null,
-			default: true,
-		},
-		falseValue: {
-			type: null,
-			default: false,
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	emits: ['change'],
-	data() {
-		return {
-			id: Math.floor(new Date().getTime() * Math.random()),
-		};
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.toggle-container {
-	display: inline-block;
-	cursor: pointer;
-
-	&.light {
-		.toggle {
-			background: var(--lighten-weak);
-		}
-
-		.toggle-input:checked + .toggle {
-			background: var(--lighten);
-		}
-	}
-}
-
-.toggle {
-	width: 2rem;
-	height: .9rem;
-	display: flex;
-	align-items: center;
-	position: relative;
-	background: var(--shadow-hint);
-	border-radius: 1rem;
-	cursor: pointer;
-
-	&::after {
-		content: '';
-		background-color: var(--background-light);
-		width: 1rem;
-		height: 1rem;
-		display: inline-block;
-		position: absolute;
-		left: 0;
-		border-radius: 50%;
-		box-shadow: 0 0 2px var(--darken-strong);
-		transition: background-color .2s ease, left .2s ease;
-	}
-}
-
-.toggle-input {
-	display: none;
-
-	&:checked + .toggle {
-		background: var(--primary-faded);
-
-		&::after {
-			background: var(--primary);
-			left: calc(100% - 1rem);
-		}
-	}
-
-	&[disabled] + .toggle {
-		background: var(--shadow-weak);
-
-		&::after {
-			background: var(--shadow);
-		}
-	}
-}
-</style>
diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue
deleted file mode 100755
index aa7bffccd..000000000
--- a/assets/components/header/header.vue
+++ /dev/null
@@ -1,441 +0,0 @@
-<template>
-	<header class="header">
-		<div class="header-nav">
-			<RouterLink
-				to="/"
-				class="logo-link"
-			><h1 class="header-logo">
-				<div
-					class="logo"
-					v-html="logo"
-				/>
-			</h1></RouterLink>
-
-			<nav class="nav">
-				<ul class="nav-list nolist">
-					<li class="nav-item">
-						<RouterLink
-							v-slot="{ href, isActive, navigate }"
-							:to="{ name: 'actors', params: { pageNumber: 1 } }"
-							custom
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Actors</a>
-						</RouterLink>
-					</li>
-
-					<li class="nav-item">
-						<RouterLink
-							v-slot="{ href, isActive, navigate }"
-							:to="{ name: 'channels' }"
-							custom
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Channels</a>
-						</RouterLink>
-					</li>
-
-					<li class="nav-item">
-						<RouterLink
-							v-slot="{ href, isActive, navigate }"
-							:to="{ name: 'tags' }"
-							custom
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Tags</a>
-						</RouterLink>
-					</li>
-
-					<li class="nav-item">
-						<RouterLink
-							v-slot="{ href, isActive, navigate }"
-							:to="{ name: 'movies', params: { range: 'latest', pageNumber: 1 } }"
-							custom
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Movies</a>
-						</RouterLink>
-					</li>
-				</ul>
-			</nav>
-		</div>
-
-		<div class="header-section">
-			<div
-				class="sidebar-toggle noselect"
-				@click.stop="events.emit('toggleSidebar')"
-			><Icon icon="menu" /></div>
-
-			<Tooltip v-if="me">
-				<div
-					class="header-button header-notifications"
-					:class="{ unseen: unseenNotificationsCount > 0 }"
-				>
-					<Icon icon="bell2" />
-
-					<span
-						v-if="unseenNotificationsCount > 0"
-						class="notifications-count"
-					>{{ unseenNotificationsCount }}</span>
-				</div>
-
-				<template #tooltip>
-					<Notifications
-						:notifications="notifications"
-						:unseen-count="unseenNotificationsCount"
-						@check="fetchNotifications"
-						@add-alert="showAddAlert = true"
-					/>
-				</template>
-			</Tooltip>
-
-			<Tooltip>
-				<div class="header-button header-account">
-					<div class="account">
-						<Icon
-							icon="user3-long"
-							class="avatar"
-						/>
-					</div>
-				</div>
-
-				<template #tooltip>
-					<Menu />
-				</template>
-			</Tooltip>
-
-			<Tooltip
-				class="search-compact"
-				:open="searching"
-				@open="searching = true"
-				@close="searching = false"
-			>
-				<button
-					type="button"
-					class="search-button"
-				><Icon
-					icon="search"
-				/></button>
-
-				<template #tooltip>
-					<Search
-						:searching="searching"
-						class="compact"
-						@search="searching = false"
-						@click.stop
-					/>
-				</template>
-			</Tooltip>
-
-			<Search class="search-full" />
-		</div>
-
-		<AddAlert
-			v-if="showAddAlert"
-			@close="showAddAlert = false"
-		>Alert</AddAlert>
-	</header>
-</template>
-
-<script>
-import Menu from './menu.vue';
-import Notifications from './notifications.vue';
-import AddAlert from '../alerts/add.vue';
-
-import Search from './search.vue';
-
-import logo from '../../img/logo.svg';
-
-function me() {
-	return this.$store.state.auth.user;
-}
-
-async function fetchNotifications() {
-	const { notifications, unseenCount } = await this.$store.dispatch('fetchNotifications');
-
-	this.notifications = notifications;
-	this.unseenNotificationsCount = unseenCount;
-}
-
-export default {
-	components: {
-		AddAlert,
-		Menu,
-		Notifications,
-		Search,
-	},
-	emits: ['toggleSidebar', 'showFilters'],
-	data() {
-		return {
-			logo,
-			searching: false,
-			showFilters: false,
-			showAddAlert: false,
-			notifications: [],
-			unseenNotificationsCount: 0,
-		};
-	},
-	computed: {
-		me,
-	},
-	watch: {
-		me: fetchNotifications,
-	},
-	mounted: fetchNotifications,
-	methods: {
-		fetchNotifications,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.header {
-    height: 3rem;
-    display: flex;
-    align-items: center;
-	z-index: 2;
-    justify-content: space-between;
-    background: var(--background);
-    color: var(--primary);
-    box-shadow: 0 0 3px var(--darken-weak);
-    font-size: 0;
-}
-
-.header-nav {
-    display: flex;
-    align-items: center;
-    height: 100%;
-	overflow: hidden;
-}
-
-.header-section {
-    height: 100%;
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-}
-
-.sidebar-toggle {
-    display: none;
-	align-items: center;
-	height: 100%;
-
-	.icon {
-		display: inline-block;
-		fill: var(--shadow-modest);
-		padding: 0 1rem;
-		width: 1.5rem;
-		height: 100%;
-	}
-
-    &:hover {
-		cursor: pointer;
-
-		.icon {
-			fill: var(--primary);
-		}
-    }
-}
-
-.logo-link {
-    height: 100%;
-    display: inline-block;
-    text-decoration: none;
-    margin: -.25rem 1rem 0 0;
-}
-
-.header-logo {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    padding: 0 0 0 1rem;
-	fill: var(--primary);
-}
-
-.logo {
-    width: 6rem;
-    display: flex;
-}
-
-.nav,
-.nav-list {
-    display: inline-block;
-    height: 100%;
-}
-
-.nav-item {
-    height: 100%;
-}
-
-.nav-link {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 1rem;
-    color: var(--shadow);
-    text-decoration: none;
-    font-size: .9rem;
-    font-weight: bold;
-    cursor: pointer;
-
-    &.active {
-        color: var(--primary);
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-
-    &:hover:not(.active) {
-        color: var(--primary);
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-}
-
-.header-button {
-	padding: 1rem .75rem;
-
-	.icon {
-		fill: var(--shadow);
-	}
-
-	&:hover {
-		cursor: pointer;
-
-		.account {
-			border-color: var(--primary);
-		}
-
-		.icon {
-			fill: var(--primary);
-		}
-	}
-}
-
-.header-account {
-	padding: 1rem 1.25rem 1rem .75rem;
-}
-
-.header-notifications {
-	position: relative;
-	padding: 1rem .75rem;
-
-	&.unseen .icon {
-		fill: var(--primary);
-	}
-}
-
-.notifications-count {
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: absolute;
-	bottom: .3rem;
-	left: 0;
-	color: var(--primary);
-	font-size: .6rem;
-	font-weight: bold;
-}
-
-.account {
-	width: 1.25rem;
-	height: 1.25rem;
-	display: flex;
-	justify-content: center;
-	border: solid 2px var(--shadow);
-	border-radius: 1.5rem;
-	overflow: hidden;
-
-	.avatar {
-		width: 1rem;
-		height: 1rem;
-		margin: .3rem 0 0 0;
-		fill: var(--shadow);
-	}
-}
-
-.search-compact {
-    display: none;
-    height: 100%;
-}
-
-.search-button {
-    height: 100%;
-    padding: .25rem 1rem 0 1rem;
-    background: none;
-    border: none;
-    outline: none;
-
-    .icon {
-        fill: var(--shadow);
-    }
-
-    &:hover {
-        cursor: pointer;
-
-        .icon {
-            fill: var(--shadow-strong);
-        }
-    }
-}
-
-@media(max-width: $breakpoint-kilo) {
-    .search-full {
-        display: none;
-    }
-
-    .search-compact {
-        display: flex;
-    }
-
-    .header-account {
-		padding: 1rem .5rem 1rem 1rem;
-    }
-}
-
-@media(max-width: $breakpoint-small) {
-    .sidebar-toggle {
-        display: flex;
-    }
-
-	.logo-link {
-		margin: -.25rem 1.25rem 0 0;
-	}
-
-	.nav-link {
-		padding: 0.05rem .75rem 0 .75rem;
-	}
-
-    .search-compact {
-        display: none;
-    }
-
-	.header-account,
-	.header-notifications {
-		display: none;
-	}
-}
-</style>
diff --git a/assets/components/header/menu.vue b/assets/components/header/menu.vue
deleted file mode 100755
index a45913603..000000000
--- a/assets/components/header/menu.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<template>
-	<div class="menu">
-		<ul class="menu-items noselect">
-			<RouterLink
-				v-if="login && me"
-				:to="{ name: 'user', params: { username: me.username } }"
-				class="menu-username"
-			>{{ me.username }}</RouterLink>
-
-			<RouterLink
-				v-if="me && favorites"
-				:to="{ name: 'stash', params: { stashId: favorites.id, stashSlug: favorites.slug, username: me.username, range: 'scenes', pageNumber: 1 } }"
-				class="menu-item"
-			><Icon icon="heart7" />Favorites</RouterLink>
-
-			<RouterLink
-				v-else-if="login"
-				:to="{ name: 'login', query: { ref: $route.path } }"
-				class="menu-item"
-				@click.stop
-			>
-				<Icon icon="enter2" />Log in
-			</RouterLink>
-
-			<li
-				v-show="!sfw"
-				class="menu-item"
-				@click.stop="setSfw(true)"
-			>
-				<Icon
-					icon="flower"
-					class="toggle noselect"
-				/>Safe mode
-			</li>
-
-			<li
-				v-show="sfw"
-				class="menu-item"
-				@click.stop="setSfw(false)"
-			>
-				<Icon
-					icon="fire"
-					class="toggle noselect"
-				/>Filth mode
-			</li>
-
-			<li
-				v-show="theme === 'light'"
-				class="menu-item"
-				@click.stop="setTheme('dark')"
-			>
-				<Icon
-					icon="moon"
-					class="toggle noselect"
-				/>Dark theme
-			</li>
-
-			<li
-				v-show="theme === 'dark'"
-				class="menu-item"
-				@click.stop="setTheme('light')"
-			>
-				<Icon
-					icon="sun"
-					class="toggle noselect"
-				/>Light theme
-			</li>
-
-			<li
-				class="menu-item"
-				@click="events.emit('toggleSettings', true)"
-			>
-				<Icon icon="cog" />Settings
-			</li>
-
-			<li
-				v-if="login && me"
-				class="menu-item"
-				@click.stop="$store.dispatch('logout')"
-			>
-				<Icon icon="exit2" />Log out
-			</li>
-		</ul>
-	</div>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-function sfw(state) {
-	return state.ui.sfw;
-}
-
-function theme(state) {
-	return state.ui.theme;
-}
-
-function login(state) {
-	return state.auth.login;
-}
-
-function signup(state) {
-	return state.auth.signup;
-}
-
-function favorites() {
-	return this.me?.stashes.find((stash) => stash.primary);
-}
-
-function me(state) {
-	return state.auth.user;
-}
-
-function setTheme(newTheme) {
-	this.$store.dispatch('setTheme', newTheme);
-}
-
-function setSfw(enabled) {
-	this.$store.dispatch('setSfw', enabled);
-}
-
-export default {
-	computed: {
-		...mapState({
-			login,
-			signup,
-			sfw,
-			theme,
-			me,
-		}),
-		favorites,
-	},
-	methods: {
-		setSfw,
-		setTheme,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.menu-items {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-}
-
-.menu-item {
-	display: flex;
-	padding: .75rem 1rem .75rem .75rem;
-	color: var(--text);
-	text-decoration: none;
-
-	.icon {
-		fill: var(--shadow);
-		margin: 0 1rem 0 0;
-	}
-
-	&.disabled {
-		color: var(--shadow-weak);
-		cursor: default;
-
-		.icon {
-			fill: var(--shadow-weak);
-		}
-	}
-
-	&:hover:not(.disabled) {
-		cursor: pointer;
-		color: var(--primary);
-
-		.icon {
-			fill: var(--primary);
-		}
-	}
-}
-
-.menu-username {
-	display: block;
-	font-weight: bold;
-	color: var(--shadow-strong);
-	font-size: .9rem;
-	padding: .75rem 1rem;
-	border-bottom: solid 1px var(--shadow-hint);
-	text-align: center;
-	text-decoration: none;
-}
-</style>
diff --git a/assets/components/header/notifications.vue b/assets/components/header/notifications.vue
deleted file mode 100755
index b094ab8ca..000000000
--- a/assets/components/header/notifications.vue
+++ /dev/null
@@ -1,341 +0,0 @@
-<template>
-	<div class="notifications">
-		<div class="notifications-header">
-			<h4 class="notifications-title">Notifications</h4>
-
-			<div class="notifications-actions">
-				<Icon
-					v-if="unseenCount > 0"
-					v-tooltip="'Mark all as seen'"
-					icon="checkmark"
-					@click="checkNotifications"
-				/>
-
-				<Icon
-					v-tooltip="'Add alert'"
-					icon="plus3"
-					@click="$emit('addAlert')"
-				/>
-			</div>
-		</div>
-
-		<div class="notifications-body">
-			<div
-				v-if="notifications.length === 0"
-				class="notifications-empty"
-			>No notifications</div>
-
-			<ul
-				v-else
-				class="nolist"
-			>
-				<li
-					v-for="notification in notifications"
-					:key="`notification-${notification.id}`"
-					:class="{ unseen: !notification.seen }"
-					class="notification"
-					@click="checkNotification(notification.id, true)"
-				>
-					<router-link
-						:to="`/scene/${notification.scene.id}/${notification.scene.slug}`"
-						class="notification-link"
-					>
-						<img
-							:src="getPath(notification.scene.poster, 'thumbnail')"
-							class="poster"
-						>
-
-						<div class="notification-body">
-							<div class="notification-row notification-title">
-								<img
-									v-if="notification.scene.entity.type === 'network' || notification.scene.entity.independent"
-									v-tooltip="notification.scene.entity.name"
-									:src="`/img/logos/${notification.scene.entity.slug}/favicon_${theme === 'dark' ? 'light' : 'dark'}.png`"
-									class="notification-favicon"
-								>
-
-								<img
-									v-else
-									v-tooltip="notification.scene.entity.name"
-									:src="`/img/logos/${notification.scene.entity.parent.slug}/favicon_${theme === 'dark' ? 'light' : 'dark'}.png`"
-									class="notification-favicon"
-								>
-
-								New&nbsp;<ul
-									v-if="notification.alert?.tags.length > 0"
-									class="nolist notification-tags"
-								>
-									<li
-										v-for="tag in notification.alert.tags"
-										:key="`notification-tag-${tag.slug}`"
-										class="notification-tag"
-									>{{ tag.name }}</li>&nbsp;
-								</ul>scene
-							</div>
-
-							<div class="notification-row notification-details">
-								<span class="notification-date">{{ formatDate(notification.scene.date, 'MMM D') }}</span>
-
-								<ul
-									v-if="notification.scene.actors.length > 0"
-									class="nolist notification-actors"
-								>
-									<li
-										v-for="actor in notification.scene.actors"
-										:key="`notification-actor-${actor.slug}`"
-										class="notification-actor"
-									>{{ actor.name }}</li>
-								</ul>
-							</div>
-						</div>
-
-						<Icon
-							v-if="!notification.seen"
-							v-tooltip="'Mark as seen'"
-							icon="checkmark"
-							class="notification-check"
-							@click.prevent.stop="checkNotification(notification.id)"
-						/>
-
-						<Icon
-							v-if="notification.alert"
-							v-tooltip="`You set an alert for scenes with <strong>${notification.alert.all ? 'all of' : 'any of'}</strong> <strong>${notification.alert.actors.map(actor => actor.name).join(', ') || 'any actor'}</strong> containing <strong>${notification.alert.tags.map(tag => tag.name).join(', ') || 'any tags'}</strong> from <strong>${notification.alert.entities.map((entity) => entity.name).join(', ') || 'any channel'}</strong> matching <strong>${notification.alert.matches.map((match) => `${match.property}: ${match.expression}`).join(', ') || 'any text'}</strong>`"
-							icon="question5"
-							@click.prevent.stop
-						/>
-					</router-link>
-				</li>
-			</ul>
-		</div>
-
-		<div @click="events.emit('blur')">
-			<router-link
-				to="/notifications"
-				class="notification-link notification-more"
-			>See all</router-link>
-		</div>
-	</div>
-</template>
-
-<script>
-async function checkNotifications() {
-	await this.$store.dispatch('checkNotifications');
-
-	this.$emit('check');
-}
-
-async function checkNotification(notificationId, blur) {
-	await this.$store.dispatch('checkNotification', notificationId);
-
-	this.$emit('check');
-
-	if (blur) {
-		this.events.emit('blur');
-	}
-}
-
-export default {
-	props: {
-		notifications: {
-			type: Array,
-			default: () => [],
-		},
-		unseenCount: {
-			type: Number,
-			default: 0,
-		},
-	},
-	emits: ['addAlert'],
-	data() {
-		return {
-			showAddAlert: false,
-		};
-	},
-	methods: {
-		checkNotifications,
-		checkNotification,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.notifications {
-	width: 30rem;
-	max-height: calc(100vh - 5rem);
-	display: flex;
-	flex-direction: column;
-}
-
-.notifications-header {
-	display: flex;
-	justify-content: space-between;
-
-	.icon {
-		padding: .5rem;
-		fill: var(--shadow);
-
-		&:first-child {
-			padding: .5rem .5rem .5rem 1.5rem;
-		}
-
-		&:last-child {
-			padding: .5rem 1.5rem .5rem .5rem;
-		}
-
-		&:hover {
-			fill: var(--primary);
-			cursor: pointer;
-		}
-	}
-}
-
-.notifications-title {
-	display: inline-block;
-	padding: .5rem 1rem;
-	margin: 0;
-	color: var(--shadow);
-	font-size: 1rem;
-	font-weight: bold;
-}
-
-.notifications-body {
-	flex-grow: 1;
-	overflow-y: auto;
-	box-shadow: 0 0 3px var(--shadow-weak);
-}
-
-.notifications-empty {
-	padding: .5rem 1rem;
-	color: var(--shadow);
-}
-
-.notification {
-	display: block;
-	border-right: solid .5rem var(--shadow-touch);
-	color: var(--text);
-
-	&.unseen {
-		border-right: solid .5rem var(--primary);
-	}
-
-	.icon {
-		padding: 1.3rem .5rem;
-		fill: var(--shadow-weak);
-
-		&.notification-check {
-			padding: 1.3rem .5rem 1.3rem 1rem;
-		}
-
-		&:last-child {
-			padding: 1.3rem 1rem 1.3rem .5rem;
-		}
-
-		&:hover {
-			fill: var(--primary);
-		}
-	}
-
-	&:not(:last-child) {
-		border-bottom: solid 1px var(--shadow-hint);
-		margin: 0 0 -1px 0;
-	}
-
-	&:hover {
-		background: var(--shadow-touch);
-
-		&:not(.unseen) {
-			border-right: solid .5rem var(--shadow-weak);
-		}
-	}
-}
-
-.notification-link {
-	display: flex;
-	align-items: stretch;
-	color: inherit;
-	text-decoration: none;
-}
-
-.notification-body {
-	flex-grow: 1;
-	padding: .4rem 0 0 0;
-	overflow: hidden;
-}
-
-.notification-row {
-	display: flex;
-	overflow: hidden;
-}
-
-.notification-title {
-	margin: .15rem .5rem .3rem .5rem;
-}
-
-.notification-favicon {
-	width: 1rem;
-	height: 1rem;
-	margin: 0 .5rem 0 0;
-}
-
-.notification-tags {
-	white-space: nowrap;
-}
-
-.notification-actors {
-	padding: 0 .5rem;
-	height: 1.25rem;
-	display: inline-block;
-	overflow: hidden;
-}
-
-.notification-date {
-	width: 3rem;
-	flex-shrink: 0;
-	padding: .25rem .25rem .35rem .25rem;
-	border-right: solid 1px var(--shadow-hint);
-	border-top: solid 1px var(--shadow-hint);
-	color: var(--shadow-strong);
-	font-size: .8rem;
-	text-align: center;
-}
-
-.notification-actor,
-.notification-tag {
-	white-space: nowrap;
-
-	&:not(:last-child)::after {
-		content: ',';
-		padding: 0 .1rem 0 0;
-	}
-}
-
-.notification-actor {
-	padding: .25rem .15rem .35rem 0;
-	color: var(--shadow-strong);
-	font-size: .9rem;
-}
-
-.notification-tag {
-	font-weight: bold;
-}
-
-.notification-more {
-	display: block;
-	padding: .5rem 1rem;
-	color: var(--shadow);
-	text-align: center;
-	font-size: .9rem;
-	font-weight: bold;
-
-	&:hover {
-		color: var(--primary);
-	}
-}
-
-.poster {
-	width: 6rem;
-	height: 3.6rem;
-	object-fit: cover;
-	object-position: center;
-}
-</style>
diff --git a/assets/components/header/search.vue b/assets/components/header/search.vue
deleted file mode 100755
index c88a22d46..000000000
--- a/assets/components/header/search.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-	<form
-		class="search"
-		@submit.prevent="search"
-	>
-		<input
-			ref="search"
-			v-model="query"
-			type="search"
-			class="search-input"
-			placeholder="Search..."
-		>
-		<button
-			type="submit"
-			class="search-button"
-		><Icon
-			icon="search"
-		/></button>
-	</form>
-</template>
-
-<script>
-async function search() {
-	if (this.query) {
-		this.$router.push({ name: 'search', query: { q: this.query } });
-		this.$emit('search');
-	}
-}
-
-function searching(to) {
-	if (to) {
-		this.$refs.search.focus();
-	}
-}
-
-function route(to) {
-	if (to.name !== 'search') {
-		this.query = null;
-	}
-}
-
-export default {
-	props: {
-		searching: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	data() {
-		return {
-			query: this.$route.query ? this.$route.query.q : null,
-		};
-	},
-	emits: ['search'],
-	watch: {
-		$route: route,
-		searching,
-	},
-	methods: {
-		search,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.search {
-    height: 100%;
-    max-width: 20rem;
-    display: flex;
-    flex-grow: 1;
-    align-items: center;
-    justify-content: flex-end;
-    border-left: solid 1px var(--shadow-hint);
-	margin: 0 .25rem 0 0;
-
-    &.compact {
-        padding: 0;
-        border: none;
-
-		.search-input {
-			padding: .75rem .5rem .75rem .75rem;
-		}
-
-        .search-button {
-            padding: 1rem 1rem .75rem .25rem;
-            margin: 0;
-        }
-    }
-}
-
-.search-input {
-    height: 100%;
-    width: 100%;
-    padding: .5rem 0 .5rem .75rem;
-    border: none;
-    color: var(--text);
-    background: var(--background);
-    outline: none;
-    font-size: 1rem;
-    outline: none;
-
-    &::placeholder {
-        color: var(--shadow);
-    }
-
-    &::-webkit-search-cancel-button {
-        -webkit-appearance: none;
-        padding: .5rem;
-        position: relative;
-        right: 0;
-        color: var(--text);
-        background: url('/img/cancel-circle2.svg');
-        opacity: .25;
-
-        &:hover {
-            opacity: .5;
-            cursor: pointer;
-        }
-    }
-
-    &:focus {
-		&::placeholder {
-			color: var(--shadow-weak);
-		}
-
-		& + .search-button:not(:hover) .icon {
-			fill: var(--shadow);
-		}
-    }
-}
-
-.search-button {
-    height: 100%;
-    padding: 0 1.25rem 0 1rem;
-    background: none;
-    border: none;
-    margin: .3rem 0 0 0;
-    outline: none;
-
-    .icon {
-        fill: var(--shadow-weak);
-    }
-
-    &:hover {
-        cursor: pointer;
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-}
-</style>
diff --git a/assets/components/home/home.vue b/assets/components/home/home.vue
deleted file mode 100755
index 083a53d83..000000000
--- a/assets/components/home/home.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-	<div class="home">
-		<div class="content-inner">
-			<div
-				v-if="config.campaigns.home"
-				class="campaign-container"
-			>
-				<Campaign
-					:min-ratio="6"
-				/>
-			</div>
-
-			<FilterBar
-				ref="filter"
-				:fetch-releases="fetchReleases"
-				:show-filters="false"
-				:items-total="totalCount"
-				:items-per-page="limit"
-				:content="$refs.content"
-				:show-total="false"
-			/>
-
-			<Releases
-				:releases="releases"
-				:done="done"
-			/>
-
-			<Pagination
-				v-if="totalCount > 0"
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-bottom"
-			/>
-		</div>
-
-		<Footer />
-	</div>
-</template>
-
-<script>
-import config from 'config';
-
-import FilterBar from '../filters/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-import Pagination from '../pagination/pagination.vue';
-import Campaign from '../campaigns/campaign.vue';
-
-async function fetchReleases(scroll = true) {
-	this.done = false;
-
-	const { releases, totalCount } = await this.$store.dispatch('fetchReleases', {
-		limit: this.limit,
-		range: this.$route.params.range,
-		pageNumber: Number(this.$route.params.pageNumber) || 1,
-	});
-
-	this.totalCount = totalCount;
-	this.releases = releases;
-	this.done = true;
-
-	if (scroll) {
-		this.$refs.filter?.$el.scrollIntoView();
-	}
-}
-
-async function mounted() {
-	this.pageTitle = '';
-
-	await this.fetchReleases();
-}
-
-export default {
-	components: {
-		Campaign,
-		FilterBar,
-		Releases,
-		Pagination,
-	},
-	data() {
-		return {
-			releases: [],
-			networks: [],
-			pageTitle: null,
-			limit: Number(this.$route.query.limit || 30) - config.campaigns.tiles, // reserve one campaign spot
-			totalCount: 0,
-			from: null,
-			done: false,
-		};
-	},
-	watch: {
-		$route: fetchReleases,
-		'$store.state.ui.tagFilter': fetchReleases,
-	},
-	mounted,
-	methods: {
-		fetchReleases,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.home {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.campaign-container {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: .75rem 1rem .25rem 1rem;
-	background: var(--background-dim);
-}
-</style>
diff --git a/assets/components/icon/icon.vue b/assets/components/icon/icon.vue
deleted file mode 100755
index fd4eb39fa..000000000
--- a/assets/components/icon/icon.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<div
-		:class="{ active }"
-		:title="title"
-		class="icon"
-		v-html="svg"
-	/>
-</template>
-
-<script>
-export default {
-	props: {
-		icon: {
-			type: String,
-			default: null,
-		},
-		title: {
-			type: String,
-			default: null,
-		},
-		active: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	data() {
-		return {
-			svg: null,
-		};
-	},
-	beforeMount() {
-		this.svg = require(`../../img/icons/${this.icon}.svg`).default; // eslint-disable-line global-require, import/no-dynamic-require
-	},
-};
-</script>
-
-<style lang="scss">
-@import '../../css/theme';
-
-.icon {
-    fill: var(--text);
-    display: inline-block;
-    flex-shrink: 0;
-    width: 1rem;
-    height: 1rem;
-
-    svg {
-        width: 100%;
-        height: 100%;
-    }
-
-    &.active {
-        fill: var(--shadow);
-
-        &:hover {
-            fill: var(--text);
-            cursor: pointer;
-        }
-    }
-}
-</style>
diff --git a/assets/components/loading/ellipsis.vue b/assets/components/loading/ellipsis.vue
deleted file mode 100755
index c48b64152..000000000
--- a/assets/components/loading/ellipsis.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<div class="load-container">
-		<div class="load-ellipsis">
-			<div />
-			<div />
-			<div />
-			<div />
-		</div>
-	</div>
-</template>
-
-<style lang="scss" scoped>
-.load-container {
-	display: inline-flex;
-	position: relative;
-	padding: 1rem;
-}
-
-.load-ellipsis {
-    display: inline-block;
-    position: relative;
-    width: 5rem;
-    height: .75rem;
-}
-
-.load-ellipsis div {
-    position: absolute;
-    top: 0;
-    width: .75rem;
-    height: .75rem;
-    border-radius: 50%;
-    background: var(--primary);
-}
-
-.load-ellipsis div:nth-child(1) {
-    left: .5rem;
-    animation: load-ellipsis1 0.5s infinite linear;
-}
-
-.load-ellipsis div:nth-child(2) {
-    left: .5rem;
-    animation: load-ellipsis2 0.5s infinite linear;
-}
-
-.load-ellipsis div:nth-child(3) {
-    left: 2rem;
-    animation: load-ellipsis3 0.5s infinite linear;
-}
-
-.load-ellipsis div:nth-child(4) {
-    left: 3.5rem;
-    animation: load-ellipsis4 0.5s infinite linear;
-}
-
-@keyframes load-ellipsis1 {
-	0% {
-		transform: scale(0);
-	}
-	100% {
-		transform: scale(0.5);
-	}
-}
-
-@keyframes load-ellipsis2 {
-	0% {
-		transform: translate(0, 0) scale(0.5);
-	}
-	100% {
-		transform: translate(1.5rem, 0) scale(1);
-	}
-}
-
-@keyframes load-ellipsis3 {
-	0% {
-		transform: translate(0, 0) scale(1);
-	}
-	100% {
-		transform: translate(1.5rem, 0) scale(0.5);
-	}
-}
-
-@keyframes load-ellipsis4 {
-    0% {
-		transform: scale(0.5);
-    }
-    100% {
-		transform: scale(0);
-    }
-}
-</style>
diff --git a/assets/components/networks/networks.vue b/assets/components/networks/networks.vue
deleted file mode 100755
index c93eb0ee0..000000000
--- a/assets/components/networks/networks.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-	<div class="networks">
-		<div class="content-inner">
-			<SearchBar
-				:placeholder="`Search ${channelCount} channels in ${entities.length} networks`"
-				:eager="true"
-			/>
-
-			<span
-				v-if="done && entities.length === 0"
-				class="empty"
-			>No results for "{{ $route.query.query }}"</span>
-
-			<template v-else>
-				<h2 class="heading">Popular</h2>
-
-				<div
-					class="entity-tiles"
-				>
-					<Entity
-						v-for="entity in popularEntities"
-						:key="entity.parent ? `entity-tile-${entity.parent.slug}-${entity.slug}` : `entity-tile-${entity.slug}`"
-						:entity="entity"
-					/>
-				</div>
-
-				<h2 class="heading">All networks</h2>
-
-				<div
-					class="entity-tiles"
-				>
-					<Entity
-						v-for="entity in entities"
-						:key="entity.parent ? `entity-tile-${entity.parent.slug}-${entity.slug}` : `entity-tile-${entity.slug}`"
-						:entity="entity"
-					/>
-				</div>
-			</template>
-		</div>
-
-		<Footer />
-	</div>
-</template>
-
-<script>
-import Entity from '../entities/tile.vue';
-import SearchBar from '../search/bar.vue';
-
-async function fetchEntities() {
-	if (this.$route.query.query) {
-		await this.searchEntities();
-		return;
-	}
-
-	this.done = false;
-
-	this.entities = await this.$store.dispatch('fetchEntities', {
-		type: 'network',
-		entitySlugs: [],
-	});
-
-	this.done = true;
-}
-
-async function searchEntities() {
-	this.done = false;
-
-	this.entities = await this.$store.dispatch('searchEntities', {
-		query: this.$route.query.query,
-		limit: 20,
-	});
-
-	this.done = true;
-}
-
-function popularEntities() {
-	const entitiesBySlug = Object.fromEntries(this.entities.map((entity) => [entity.slug, entity]));
-
-	return [
-		'21sextury',
-		'adulttime',
-		'amateurallure',
-		'analvids',
-		'bamvisions',
-		'bang',
-		'bangbros',
-		'blowpass',
-		'brazzers',
-		'burningangel',
-		'digitalplayground',
-		'dogfartnetwork',
-		'dorcel',
-		'elegantangel',
-		'evilangel',
-		'fakehub',
-		'girlsway',
-		'hookuphotshot',
-		'hussiepass',
-		'insex',
-		'julesjordan',
-		'kellymadison',
-		'kink',
-		'mofos',
-		'naughtyamerica',
-		'newsensations',
-		'pervcity',
-		'pornpros',
-		'private',
-		'realitykings',
-		'teamskeet',
-		'twistys',
-		'vixen',
-		'xempire',
-	].map((slug) => entitiesBySlug[slug]).filter(Boolean);
-}
-
-async function mounted() {
-	this.pageTitle = 'Channels';
-
-	await this.fetchEntities();
-}
-
-function channelCount() {
-	return this.entities.reduce((acc, entity) => acc + entity.childrenTotal, 0);
-}
-
-export default {
-	components: {
-		Entity,
-		SearchBar,
-	},
-	data() {
-		return {
-			done: false,
-			pageTitle: null,
-			entities: [],
-		};
-	},
-	computed: {
-		channelCount,
-		popularEntities,
-	},
-	watch: {
-		$route: fetchEntities,
-	},
-	mounted,
-	methods: {
-		fetchEntities,
-		searchEntities,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.networks {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.content-inner {
-	padding: 0 1rem;
-}
-
-.search {
-	margin: 1rem 0 0 0;
-}
-
-.entity-tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
-    grid-gap: .5rem;
-    padding: 1rem 0;
-
-	.tile {
-		height: 6rem;
-	}
-}
-
-.empty {
-	display: block;
-	margin: 1rem 0;
-	color: var(--shadow);
-	font-size: 1.25rem;
-	font-weight: bold;
-}
-
-.heading {
-	margin: 1rem 0 0 0;
-}
-
-@media(max-width: $breakpoint2) {
-    .entity-tiles {
-        grid-gap: .5rem;
-    }
-}
-
-@media(max-width: $breakpoint0) {
-    .entity-tiles {
-        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/notifications/notifications.vue b/assets/components/notifications/notifications.vue
deleted file mode 100755
index 1e9e80bd6..000000000
--- a/assets/components/notifications/notifications.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-	<div
-		ref="page"
-		class="notifications-container"
-	>
-		<h1 class="heading">Notifications</h1>
-
-		<ul class="notifications nolist">
-			<li
-				v-for="notification in notifications"
-				:key="notification.id"
-			>
-				<SceneTile :release="notification.scene" />
-			</li>
-		</ul>
-
-		<Pagination
-			:items-total="totalCount"
-			:items-per-page="10"
-		/>
-	</div>
-</template>
-
-<script>
-import Pagination from '../pagination/pagination.vue';
-import SceneTile from '../releases/scene-tile.vue';
-
-async function fetchNotifications() {
-	const { notifications, totalCount, unseenCount } = await this.$store.dispatch('fetchNotifications', {
-		page: this.$route.params.pageNumber,
-		limit: this.limit,
-	});
-
-	this.notifications = notifications;
-	this.unseenNotificationsCount = unseenCount;
-	this.totalCount = totalCount;
-
-	this.$emit('scroll');
-}
-
-export default {
-	components: {
-		Pagination,
-		SceneTile,
-	},
-	data() {
-		return {
-			notifications: [],
-			limit: 10,
-			totalCount: 0,
-			unseenNotificationsCount: 0,
-		};
-	},
-	emits: ['scroll'],
-	watch: {
-		$route: fetchNotifications,
-	},
-	mounted: fetchNotifications,
-};
-</script>
-
-<style lang="scss" scoped>
-.notifications-container {
-	padding: 1rem;
-}
-
-.notifications {
-	display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
-	grid-gap: .5rem;
-}
-
-.pagination {
-	margin: 1rem 0 0 0;
-}
-</style>
diff --git a/assets/components/pagination/pagination.vue b/assets/components/pagination/pagination.vue
deleted file mode 100755
index e5b6c51ee..000000000
--- a/assets/components/pagination/pagination.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-<template>
-	<div
-		v-if="itemsTotal > 0 || !hideEmpty"
-		class="pagination"
-	>
-		<span
-			v-show="pageNumber > 1"
-			class="cursors"
-		>
-			<router-link
-				class="pagination-button cursor"
-				:to="{ name, params: { ...params, pageNumber: 1 }, query: $route.query }"
-			><Icon icon="first2" /></router-link>
-
-			<router-link
-				class="pagination-button cursor"
-				:to="{ name, params: { ...params, pageNumber: pageNumber - 1 }, query: $route.query }"
-			><Icon icon="arrow-left" /></router-link>
-		</span>
-
-		<span
-			v-show="pageNumber === 1"
-			class="cursors"
-		>
-			<span class="pagination-button cursor disabled"><Icon icon="first2" /></span>
-			<span class="pagination-button cursor disabled"><Icon icon="arrow-left" /></span>
-		</span>
-
-		<span class="pages pages-before">
-			<router-link
-				v-for="pageX in pageNumber - 1"
-				:key="`page-${pageX}`"
-				:to="{ name, params: { ...params, pageNumber: pageNumber - pageX }, query: $route.query }"
-				class="pagination-button page"
-			> {{ pageNumber - pageX }} </router-link>
-		</span>
-
-		<router-link
-			:key="`page-${pageNumber}`"
-			:to="{ name, params: { ...params, pageNumber }, query: $route.query }"
-			class="pagination-button page active"
-		> {{ pageNumber }} </router-link>
-
-		<span class="pages pages-after">
-			<router-link
-				v-for="pageX in (pageCount - pageNumber)"
-				:key="`page-${pageX + pageNumber}`"
-				:to="{ name, params: { ...params, pageNumber: pageX + pageNumber }, query: $route.query }"
-				class="pagination-button page"
-			> {{ pageX + pageNumber }} </router-link>
-		</span>
-
-		<span
-			v-show="pageNumber < pageCount"
-			class="cursors"
-		>
-			<router-link
-				class="pagination-button cursor"
-				:to="{ name, params: { ...params, pageNumber: pageNumber + 1 }, query: $route.query }"
-			><Icon icon="arrow-right" /></router-link>
-
-			<router-link
-				class="pagination-button cursor"
-				:to="{ name, params: { ...params, pageNumber: pageCount }, query: $route.query }"
-			><Icon icon="last2" /></router-link>
-		</span>
-
-		<span
-			v-show="pageNumber === pageCount"
-			class="cursors"
-		>
-			<span class="pagination-button cursor disabled"><Icon icon="arrow-right" /></span>
-			<span class="pagination-button cursor disabled"><Icon icon="last2" /></span>
-		</span>
-	</div>
-</template>
-
-<script>
-function pageNumber() {
-	return Number(this.$route.params.pageNumber) || 1;
-}
-
-function pageCount() {
-	const count = Math.max(Math.ceil(this.itemsTotal / this.itemsPerPage), 1);
-
-	return count;
-}
-
-export default {
-	props: {
-		itemsTotal: {
-			type: Number,
-			default: 0,
-		},
-		itemsPerPage: {
-			type: Number,
-			default: 10,
-		},
-		hideEmpty: {
-			type: Boolean,
-			default: true,
-		},
-		name: {
-			type: String,
-			default: null,
-		},
-		params: {
-			type: Object,
-			default: null,
-		},
-	},
-	computed: {
-		pageNumber,
-		pageCount,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.pagination {
-	display: flex;
-	justify-content: center;
-	flex-shrink: 0;
-	overflow: hidden;
-	height: 3rem;
-}
-
-.pagination-top {
-	margin: 0 0 1rem 0;
-}
-
-.pagination-bottom {
-	margin: .5rem 0 1rem 0;
-}
-
-.pagination-button {
-	width: 2.5rem;
-	height: 2.5rem;
-	display: inline-flex;
-	flex-shrink: 0;
-	align-items: center;
-	justify-content: center;
-	margin: .1rem 0 2rem 0;
-	background: var(--background);
-	color: var(--shadow);
-	font-size: 1rem;
-	font-weight: bold;
-	text-decoration: none;
-	box-shadow: 0 0 3px var(--shadow-hint);
-
-	.icon {
-		width: .8rem;
-		height: .8rem;
-		margin: 0 0 .125rem 0;
-		fill: var(--shadow);
-	}
-
-	&:hover:not(.active):not(.disabled) {
-		color: var(--shadow-strong);
-
-		.icon {
-			fill: var(--shadow-strong);
-		}
-	}
-
-	&.active {
-		color: var(--primary);
-	}
-
-	&.disabled {
-		color: var(--shadow-weak);
-
-		.icon {
-			fill: var(--shadow-weak);
-		}
-	}
-}
-
-.pages {
-	max-width: 10rem;
-	display: inline-flex;
-	flex-wrap: wrap;
-}
-
-.pages-before {
-	flex-direction: row-reverse;
-}
-
-.cursors {
-	flex-shrink: 0;
-}
-
-.cursors {
-	margin: 0 .75rem;
-	font-size: 0;
-}
-</style>
diff --git a/assets/components/releases/banner.vue b/assets/components/releases/banner.vue
deleted file mode 100755
index aea9dd978..000000000
--- a/assets/components/releases/banner.vue
+++ /dev/null
@@ -1,386 +0,0 @@
-<template>
-	<div class="media-container">
-		<div
-			class="media"
-			:class="{ center: (release.photos?.length || 0) + (release.caps?.length || 0) + (release.scenesPhotos?.length || 0) < 2, preview: !me }"
-		>
-			<div
-				v-if="release.trailer || release.teaser"
-				class="trailer-container"
-			>
-				<Player
-					v-if="release.trailer"
-					:video="release.trailer"
-					:poster="poster"
-					class="item trailer"
-					@play="playing = true; paused = false;"
-					@pause="playing = false; paused = true;"
-				/>
-
-				<Player
-					v-else-if="release.teaser && /^video\//.test(release.teaser.mime)"
-					:video="release.teaser"
-					:poster="poster"
-					:alt="release.title"
-					:class="{ sfw: sfw && paused }"
-					class="item trailer"
-					@play="playing = true; paused = false;"
-					@pause="playing = false; paused = true;"
-				/>
-
-				<img
-					v-else-if="release.teaser && /^image\//.test(release.teaser.mime)"
-					:src="getPath(release.teaser, 'thumbnail', { original: true })"
-					:alt="release.title"
-					:width="release.teaser.thumbnailWidth"
-					:height="release.teaser.thumbnailHeight"
-					loading="lazy"
-					class="item trailer"
-				>
-
-				<span
-					v-if="release.poster || release.teaser"
-					class="poster-links"
-				>
-					<a
-						v-if="release.teaser"
-						v-tooltip="'View teaser'"
-						:href="getPath(release.teaser)"
-						:class="{ playing }"
-						target="_blank"
-						rel="noopener noreferrer"
-						class="poster-link"
-					><Icon icon="film4" /></a>
-
-					<a
-						v-if="release.poster"
-						v-tooltip="'View poster'"
-						:href="getPath(release.poster)"
-						:class="{ playing }"
-						target="_blank"
-						rel="noopener noreferrer"
-						class="poster-link"
-					><Icon icon="image" /></a>
-				</span>
-
-				<span
-					v-if="sfw && !playing"
-					class="warning"
-				>
-					<Icon icon="warning2" />NSFW
-				</span>
-			</div>
-
-			<template v-if="release.covers?.length > 0">
-				<div
-					v-for="cover in release.covers"
-					:key="`cover-${cover.id}`"
-					class="item-container"
-				>
-					<a
-						:href="getPath(cover)"
-						target="_blank"
-						rel="noopener noreferrer"
-					>
-						<img
-							:src="getPath(cover, 'thumbnail')"
-							:style="{ 'background-image': getBgPath(cover, 'lazy') }"
-							:width="cover.thumbnailWidth"
-							:height="cover.thumbnailHeight"
-							class="item cover"
-							loading="lazy"
-							@load="$emit('load', $event)"
-						>
-					</a>
-				</div>
-			</template>
-
-			<div
-				v-for="photo in photos"
-				:key="`media-${photo.id}`"
-				class="item-container"
-			>
-				<a
-					:href="getPath(photo)"
-					:class="{ sfw }"
-					class="item-link"
-					target="_blank"
-					rel="noopener noreferrer"
-				>
-					<img
-						:src="getPath(photo, 'thumbnail')"
-						:style="{ 'background-image': `url('${getPath(photo, 'lazy')}` }"
-						:alt="`Photo ${photo.index + 1}`"
-						:width="photo.thumbnailWidth"
-						:height="photo.thumbnailHeight"
-						loading="lazy"
-						class="item"
-						@load="$emit('load', $event)"
-					>
-
-					<span
-						v-if="sfw"
-						class="warning"
-					>
-						<Icon icon="warning2" />NSFW
-					</span>
-				</a>
-			</div>
-
-			<div
-				v-if="!me"
-				class="item-container item-more"
-			><router-link
-				:to="{ name: 'login', query: { ref: $route.path } }"
-				class="link"
-			>Log in</router-link>&nbsp;for more photos, trailers and features!</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Player from '../video/player.vue';
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-function me() {
-	return this.$store.state.auth.user;
-}
-
-function poster() {
-	if (this.release.poster) {
-		return this.getPath(this.release.poster, 'thumbnail');
-	}
-
-	if (this.release.covers?.length > 0) {
-		return this.getPath(this.release.covers[0], 'thumbnail');
-	}
-
-	if (this.photos?.length > 0) {
-		return this.getPath(this.release.photos[0], 'thumbnail');
-	}
-
-	return null;
-}
-
-function photos() {
-	const clips = this.release.clips || [];
-	const clipPostersById = clips.reduce((acc, clip) => ({ ...acc, [clip.poster.id]: clip.poster }), {});
-	const uniqueClipPosters = Array.from(new Set(clips.map((clip) => clip.poster.id) || [])).map((posterId) => clipPostersById[posterId]);
-	const photosWithClipPosters = (this.release.photos || []).concat(this.release.caps || []).concat(this.release.scenesPhotos || []).concat(uniqueClipPosters);
-
-	if (this.release.trailer || (this.release.teaser && this.release.teaser.mime !== 'image/gif')) {
-	// if (this.release.trailer) {
-		// poster will be on trailer video
-		return photosWithClipPosters;
-	}
-
-	if (this.release.poster) {
-		// no trailer, add poster to photos
-		return [this.release.poster].concat(photosWithClipPosters);
-	}
-
-	// no poster available
-	return photosWithClipPosters;
-}
-
-export default {
-	components: {
-		Player,
-	},
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-		expanded: {
-			type: Boolean,
-			default: false,
-		},
-		test: {
-			type: String,
-			default: null,
-		},
-	},
-	emits: ['load'],
-	data() {
-		return {
-			player: null,
-			playing: false,
-			paused: false,
-		};
-	},
-	computed: {
-		me,
-		photos,
-		poster,
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.media {
-    flex-shrink: 0;
-    white-space: nowrap;
-    font-size: 0;
-}
-
-.media.center {
-	width: 1200px;
-	max-width: 100%;
-	display: flex;
-	margin: 0 auto;
-}
-
-.poster-links {
-	display: flex;
-    position: absolute;
-	top: 0;
-	right: 0;
-}
-
-.poster-link {
-    transition: opacity .1s ease;
-	padding: .5rem;
-
-    .icon {
-        width: 1.5rem;
-        height: 1.5rem;
-        fill: var(--lighten-strong);
-        filter: drop-shadow(0 0 1px var(--darken-weak));
-    }
-
-    &.playing {
-        opacity: 0;
-    }
-
-	&:first-child {
-		padding-left: .75rem;
-	}
-
-	&:last-child {
-		padding-right: .75rem;
-	}
-
-    &:hover {
-        cursor: pointer;
-        opacity: 1;
-
-        .icon {
-            fill: var(--text-light);
-        }
-    }
-}
-
-.item-container,
-.trailer-container {
-	height: 100%;
-	max-width: 100%;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-	flex-shrink: 0;
-
-    .warning {
-        display: none;
-        width: 100%;
-        height: 100%;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        background: var(--darken-weak);
-        color: var(--text-light);
-        font-size: 1.2rem;
-        font-weight: bold;
-        text-shadow: 0 0 3px var(--darken-strong);
-        pointer-events: none;
-        animation: alert .5s ease infinite .1s;
-
-        .icon {
-            display: block;
-            fill: var(--text-light);
-            width: 3rem;
-            height: 3rem;
-            margin: 0 0 .25rem 0;
-            filter: drop-shadow(0 0 3px var(--darken));
-            animation: alert .5s ease infinite .1s;
-        }
-    }
-
-    &:hover .warning {
-        display: inline-flex;
-    }
-}
-
-.item {
-	max-width: 100%;
-	width: auto;
-	height: 18rem;
-	box-shadow: 0 0 3px var(--shadow-weak);
-	background-size: cover;
-}
-
-.item-more {
-	height: auto;
-	flex-grow: 1;
-	align-items: center;
-	padding: .5rem 2rem;
-	color: var(--text-light);
-	text-shadow: 0 0 3px var(--darken);
-	font-weight: bold;
-	font-size: 1rem;
-
-	.link {
-		color: inherit;
-		text-decoration: underline;
-	}
-}
-
-.trailer-container {
-	width: 32rem;
-    max-width: 100%;
-}
-
-.trailer {
-	width: 100%;
-	max-width: 32rem;
-	max-height: 100%;
-
-    &.sfw {
-        filter: blur(2rem);
-    }
-}
-
-@keyframes alert {
-    0% {
-        color: var(--text-light);
-        fill: var(--text-light);
-    }
-    50% {
-        color: var(--alert);
-        fill: var(--alert);
-    }
-}
-
-@media(max-width: $breakpoint-micro) {
-	.media.center.preview {
-		flex-direction: column;
-	}
-
-	.item-more {
-		font-size: .9rem;
-	}
-
-	.media:not(.expanded) .item,
-    .trailer-container {
-		height: 56vw; /* 16:9 ratio for full-width video */
-    }
-}
-</style>
diff --git a/assets/components/releases/chapters.vue b/assets/components/releases/chapters.vue
deleted file mode 100755
index 7ef596bc4..000000000
--- a/assets/components/releases/chapters.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-<template>
-	<div
-		v-if="timeline"
-		class="timeline"
-	>
-		<ul class="timeline-items nolist">
-			<li
-				v-for="chapter in timeline"
-				:key="`chapter-${chapter.id}`"
-				:style="{ left: `${(chapter.time / duration) * 100}%` }"
-				:title="formatDuration(chapter.time)"
-				class="timeline-item"
-			><router-link
-				:to="`/tag/${chapter.tags[0].slug}`"
-				class="link"
-			>{{ chapter.tags[0]?.name || '&nbsp;' }}</router-link></li>
-		</ul>
-	</div>
-
-	<ul
-		v-else
-		class="chapters nolist"
-	>
-		<li
-			v-for="chapter in chapters"
-			:key="`chapter-${chapter.id}`"
-			class="chapter"
-		>
-			<a
-				v-if="chapter.poster"
-				:href="getPath(chapter.poster)"
-				target="_blank"
-				rel="noopener noreferrer"
-			>
-				<img
-					:src="getPath(chapter.poster, 'thumbnail')"
-					class="chapter-poster"
-				>
-			</a>
-
-			<span class="chapter-details">
-				<span
-					v-if="chapter.time"
-					v-tooltip="'Time in video'"
-					class="chapter-time"
-				><Icon icon="film3" /> {{ formatDuration(chapter.time) }}</span>
-
-				<span
-					v-if="chapter.duration"
-					v-tooltip="'Duration'"
-					class="chapter-duration"
-				><Icon icon="stopwatch" />{{ formatDuration(chapter.duration) }}</span>
-			</span>
-
-			<div class="chapter-info">
-				<h3
-					v-if="chapter.title"
-					class="chapter-row chapter-title"
-					:title="chapter.title"
-				>{{ chapter.title }}</h3>
-
-				<p
-					v-if="chapter.description"
-					class="chapter-row chapter-description"
-				>{{ chapter.description }}</p>
-
-				<Tags
-					:tags="chapter.tags"
-					class="chapter-row chapter-tags"
-				/>
-			</div>
-		</li>
-	</ul>
-</template>
-
-<script>
-import Tags from './tags.vue';
-
-function timeline() {
-	if (this.chapters.every(chapter => chapter.time)) {
-		return this.chapters.filter(chapter => chapter.tags?.length > 0);
-	}
-
-	return null;
-}
-
-export default {
-	components: {
-		Tags,
-	},
-	props: {
-		chapters: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	data() {
-		const lastChapter = this.chapters[this.chapters.length - 1];
-
-		return {
-			duration: lastChapter.time + lastChapter.duration,
-		};
-	},
-	computed: {
-		timeline,
-	},
-};
-</script>
-
-<style lang="scss">
-.chapter-tags.tags-container {
-	margin: 0 0 .5rem 0;
-
-	.tags {
-		padding: 2px 0 0 2px;
-	}
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.chapters {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
-	grid-gap: 1rem;
-}
-
-.chapter {
-	display: flex;
-	flex-direction: column;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--shadow-weak);
-	margin: 0 0 .5rem 0;
-	font-size: 0;
-}
-
-.chapter-poster {
-	width: 100%;
-	height: 10rem;
-	object-fit: cover;
-	object-position: center;
-}
-
-.chapter-details {
-	height: 1.75rem;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 0 .5rem;
-	margin: 0 0 .75rem 0;
-	color: var(--text-light);
-	background: var(--profile);
-	font-size: .9rem;
-	font-weight: bold;
-
-	.icon {
-		fill: var(--text-light);
-		margin: -.1rem .5rem 0 0;
-	}
-}
-
-.chapter-duration,
-.chapter-time {
-	display: flex;
-	align-items: center;
-}
-
-.chapter-duration .icon {
-	/* narrower icon */
-	margin: -.1rem .3rem 0 0;
-}
-
-.chapter-info {
-	padding: 0 .5rem;
-	font-size: 1rem;
-}
-
-.chapter-row {
-	margin: 0 0 .5rem 0;
-}
-
-.chapter-title {
-	padding: 0;
-	font-size: 1rem;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.chapter-description {
-	line-height: 1.5;
-}
-
-.timeline-items {
-	position: relative;
-	height: 5rem;
-	border-bottom: solid 1px var(--shadow-weak);
-}
-
-.timeline-item {
-	position: absolute;
-	bottom: -.25rem;
-	padding: .1rem .5rem;
-	border-radius: .6rem;
-	color: var(--primary);
-	background: var(--background);
-	transform: rotate(-60deg);
-	transform-origin: 0 50%;
-	box-shadow: 0 0 3px var(--shadow-weak);
-	font-size: .8rem;
-	font-weight: bold;
-
-	.link {
-		color: inherit;
-	}
-
-	&:before {
-		content: '';
-		display: inline-block;
-		width: 1rem;
-		height: 2px;
-		position: absolute;
-		left: calc(-1rem + 1px);
-		margin: .3rem .5rem 0 0;
-		background: var(--primary);
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-	.chapters {
-		grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
-	}
-}
-</style>
diff --git a/assets/components/releases/details.vue b/assets/components/releases/details.vue
deleted file mode 100755
index 9b34c05a1..000000000
--- a/assets/components/releases/details.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<template>
-	<div class="details">
-		<div class="column">
-			<div class="tidbits">
-				<a
-					:title="release.url && `View scene on ${release.entity.name}`"
-					:href="release.url"
-					:class="{ link: release.url }"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="tidbit date nolink"
-				>
-					<span class="date-compact">{{ release.date ? formatDate(release.date, 'MMM D, YYYY', release.datePrecision) : 'Date N/A' }}</span>
-					<span class="date-full">{{ release.date ? formatDate(release.date, 'MMMM D, YYYY', release.datePrecision) : 'Date unknown' }}</span>
-
-					<Icon
-						v-if="release.url"
-						icon="share2"
-					/>
-				</a>
-			</div>
-
-			<div class="site">
-				<template v-if="release.entity.type === 'channel' && release.entity.parent && !release.entity.independent">
-					<a
-						v-if="release.entity.parent.hasLogo"
-						:href="`/network/${release.entity.parent.slug}`"
-						class="logo-link"
-					>
-						<img
-							:src="`/img/logos/${release.entity.parent.slug}/thumbs/network.png`"
-							:title="release.entity.parent.name"
-							:alt="release.entity.parent.name"
-							class="logo logo-parent"
-						>
-					</a>
-
-					<a
-						v-else
-						:href="`/network/${release.entity.parent.slug}`"
-						class="logo-link logo-name"
-					>{{ release.entity.parent.name }}</a>
-
-					<span class="chain">presents</span>
-
-					<a
-						v-if="release.entity.hasLogo"
-						:href="`/${release.entity.type}/${release.entity.slug}`"
-						class="logo-link"
-					>
-						<img
-							v-if="release.entity.type === 'network'"
-							:src="`/img/logos/${release.entity.slug}/thumbs/network.png`"
-							:title="release.entity.name"
-							class="logo logo-site"
-						>
-
-						<img
-							v-else
-							:src="`/img/logos/${release.entity.parent.slug}/thumbs/${release.entity.slug}.png`"
-							:title="release.entity.name"
-							class="logo logo-site"
-						>
-					</a>
-
-					<a
-						v-else
-						:href="`/${release.entity.type}/${release.entity.slug}`"
-						class="logo-link logo-name"
-					>{{ release.entity.name }}</a>
-				</template>
-
-				<a
-					v-else
-					:href="`/${release.entity.type}/${release.entity.slug}`"
-				>
-					<img
-						:src="`/img/logos/${release.entity.slug}/thumbs/network.png`"
-						:title="release.entity.name"
-						class="logo logo-site"
-					>
-				</a>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.details {
-    background: var(--profile);
-    color: var(--text-light);
-    box-shadow: 0 0 3px var(--shadow-weak);
-    cursor: default;
-
-    .column {
-		height: 100%;
-        display: flex;
-		justify-content: space-between;
-        align-items: center;
-        padding: 0 1rem;
-    }
-
-    .link {
-        color: var(--text-light);
-
-		.icon {
-			fill: var(--lighten);
-		}
-
-		&:hover {
-			color: var(--text-light);
-
-			.icon {
-				fill: var(--text-light);
-			}
-		}
-    }
-}
-
-.tidbits {
-	flex-shrink: 0;
-	height: 100%;
-}
-
-.tidbit {
-    display: inline-flex;
-	align-items: center;
-    height: 100%;
-
-	&.date {
-        flex-shrink: 0;
-		font-weight: bold;
-
-		.icon {
-			fill: var(--lighten);
-			margin: -.2rem 0 0 .75rem;
-		}
-    }
-}
-
-.site {
-    display: inline-flex;
-    align-items: center;
-	max-width: 50%;
-    padding: .25rem 0;
-    font-size: 0;
-}
-
-.logo {
-    display: inline-block;
-}
-
-.logo-link {
-	text-decoration: none;
-}
-
-.logo-site {
-    height: 2.25rem;
-    max-width: 15rem;
-	margin: .25rem 0;
-    object-fit: contain;
-    object-position: 100% 50%;
-}
-
-.logo-parent {
-    height: 1.5rem;
-    max-width: 10rem;
-    object-fit: contain;
-    object-position: 100% 50%;
-}
-
-.logo-name {
-	padding: .5rem 0;
-	color: var(--text-light);
-	font-size: 1.25rem;
-	font-weight: bold;
-}
-
-.chain {
-    color: var(--lighten);
-    padding: 0 .5rem;
-    font-weight: bold;
-    font-size: .8rem;
-}
-
-.date-compact {
-	display: none;
-}
-
-@media(max-width: $breakpoint-mega) {
-    .logo-parent,
-    .chain {
-        display: none;
-    }
-
-	.logo-site {
-		height: 1.5rem;
-	}
-
-	.logo-site {
-		width: 100%;
-	}
-}
-
-@media(max-width: $breakpoint) {
-	.date-full {
-		display: none;
-	}
-
-	.date-compact {
-		display: inline-block;
-	}
-}
-</style>
diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue
deleted file mode 100755
index 4338a401a..000000000
--- a/assets/components/releases/movie-tile.vue
+++ /dev/null
@@ -1,303 +0,0 @@
-<template>
-	<div class="tile">
-		<Details :release="movie" />
-
-		<div class="movie">
-			<RouterLink
-				:to="{ name: 'movie', params: { releaseId: movie.id, releaseSlug: movie.slug } }"
-				class="cover"
-			>
-				<img
-					v-if="movie.covers[0]"
-					:src="getPath(movie.covers[0], 'thumbnail')"
-					:style="{ 'background-image': getBgPath(movie.covers[0], 'lazy') }"
-					loading="lazy"
-				>
-
-				<div
-					v-else
-					:title="movie.title"
-					class="unavailable"
-				><Icon icon="blocked" /></div>
-
-				<Icon
-					v-show="(!stash || stash.primary) && favorited"
-					icon="heart7"
-					class="stash stashed"
-					@click.prevent.native="unstashMovie"
-				/>
-
-				<Icon
-					v-show="(!stash || stash.primary) && favorited === false"
-					icon="heart8"
-					class="stash unstashed"
-					@click.prevent.native="stashMovie"
-				/>
-
-				<Icon
-					v-show="stash && !stash.primary"
-					icon="cross2"
-					class="stash unstash"
-					@click.prevent.native="unstashMovie"
-				/>
-			</RouterLink>
-
-			<div class="info">
-				<RouterLink
-					:to="{ name: 'movie', params: { releaseId: movie.id, releaseSlug: movie.slug } }"
-					class="title-link"
-				>
-					<h3 class="title">{{ movie.title }}</h3>
-				</RouterLink>
-
-				<ul
-					class="actors nolist"
-					:title="movie.actors.map(actor => actor.name).join(', ')"
-				>
-					<li
-						v-for="actor in movie.actors"
-						:key="`tag-${movie.id}-${actor.id}`"
-						class="actor"
-					><RouterLink
-						:to="`/actor/${actor.id}/${actor.slug}`"
-						class="actor-link"
-					>{{ actor.name }}</RouterLink></li>
-				</ul>
-
-				<ul
-					class="tags nolist"
-					:title="movie.tags.map(tag => tag.name).join(', ')"
-				>
-					<li
-						v-for="tag in movie.tags"
-						:key="`tag-${movie.id}-${tag.id}`"
-						class="tag"
-					><RouterLink
-						:to="`/tag/${tag.slug}`"
-						class="tag-link"
-					>{{ tag.name }}</RouterLink></li>
-				</ul>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Details from './tile-details.vue';
-
-async function stashMovie() {
-	this.favorited = true;
-
-	try {
-		await this.$store.dispatch('stashMovie', {
-			movieId: this.movie.id,
-			stashId: this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', true);
-	} catch (error) {
-		this.favorited = false;
-	}
-}
-
-async function unstashMovie() {
-	if (!this.stash || this.stash.primary) {
-		this.favorited = false;
-	}
-
-	try {
-		await this.$store.dispatch('unstashMovie', {
-			movieId: this.movie.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', false);
-	} catch (error) {
-		this.favorited = true;
-	}
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	components: {
-		Details,
-	},
-	props: {
-		movie: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			favorited: this.movie.isFavorited,
-		};
-	},
-	computed: {
-		sfw,
-	},
-	methods: {
-		stashMovie,
-		unstashMovie,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.tile {
-	display: flex;
-	flex-direction: column;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--darken-weak);
-	font-size: 0;
-
-	&:hover .unstashed,
-	&:hover .unstash {
-		fill: var(--lighten);
-	}
-}
-
-.movie {
-	display: flex;
-}
-
-.title-link {
-	color: var(--text);
-	text-decoration: none;
-}
-
-.cover {
-	height: 16rem;
-	width: 11.25rem;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-shrink: 0;
-	position: relative;
-	box-shadow: 0 0 3px var(--darken-weak);
-    background-color: var(--shadow-hint);
-
-	img {
-		height: 100%;
-		width: 100%;
-		background-position: center;
-		background-size: cover;
-		object-fit: cover;
-		object-position: center;
-	}
-
-	.unavailable .icon {
-		width: 2rem;
-		height: 2rem;
-		fill: var(--shadow-hint);
-	}
-}
-
-.info {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-	overflow: hidden;
-}
-
-.title {
-	box-sizing: border-box;
-	padding: 1rem;
-	margin: 0;
-	font-size: 1rem;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	overflow: hidden;
-}
-
-.actors {
-	height: 0;
-	flex-grow: 1;
-	padding: 0 1rem;
-	line-height: 1.5;
-	overflow: hidden;
-}
-
-.actor:not(:last-child)::after {
-	content: ',';
-	margin: 0 .25rem 0 0;
-	font-size: 1rem;
-}
-
-.actor-link {
-	font-size: 1rem;
-	color: var(--link);
-	text-decoration: none;
-
-	&:hover {
-		color: var(--primary);
-	}
-}
-
-.tags {
-	padding: .25rem 1rem;
-	height: 1.75rem;
-	line-height: 2;
-	overflow: hidden;
-}
-
-.tag {
-	margin: 0 0 .5rem 0;
-}
-
-.tag-link {
-	background: var(--background);
-	font-size: .75rem;
-	padding: .25rem .5rem;
-	color: var(--shadow);
-	font-weight: bold;
-	text-decoration: none;
-	box-shadow: 0 0 3px var(--shadow-weak);
-
-	&:hover {
-		color: var(--primary);
-	}
-}
-
-.stash {
-	width: 1.5rem;
-	height: 1.5rem;
-	padding: .25rem .5rem .5rem .5rem;
-	position: absolute;
-	top: 0;
-	left: 0;
-	fill: var(--lighten-weak);
-	filter: drop-shadow(0 0 2px var(--darken));
-
-	&:hover.unstashed,
-	&.stashed {
-		fill: var(--primary);
-	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.cover {
-		height: 12rem;
-		width: 8.25rem;
-	}
-
-	/* ensure no half actor names show */
-	.actors {
-		margin: 0 0 1rem 0;
-	}
-}
-</style>
diff --git a/assets/components/releases/movies.vue b/assets/components/releases/movies.vue
deleted file mode 100755
index 3ff57609a..000000000
--- a/assets/components/releases/movies.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-	<div class="movies">
-		<div class="content-inner">
-			<SearchBar :placeholder="`Search ${totalCount} movies`" />
-
-			<div
-				ref="tiles"
-				class="tiles"
-			>
-				<MovieTile
-					v-for="movie in movies"
-					:key="`movie-${movie.id}`"
-					:movie="movie"
-				/>
-			</div>
-
-			<Pagination
-				v-if="totalCount > 0"
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-bottom"
-			/>
-		</div>
-
-		<Footer />
-	</div>
-</template>
-
-<script>
-import MovieTile from './movie-tile.vue';
-import SearchBar from '../search/bar.vue';
-import Pagination from '../pagination/pagination.vue';
-
-async function fetchMovies() {
-	if (this.$route.query.query) {
-		await this.searchMovies();
-		return;
-	}
-
-	const { movies, totalCount } = await this.$store.dispatch('fetchMovies', {
-		limit: this.limit,
-		range: this.$route.params.range,
-		pageNumber: this.$route.params.pageNumber,
-	});
-
-	this.movies = movies;
-	this.totalCount = totalCount;
-
-	this.$refs.tiles.scrollIntoView();
-}
-
-async function searchMovies() {
-	const { movies, totalCount } = await this.$store.dispatch('searchMovies', {
-		query: this.$route.query.query,
-		limit: this.limit,
-		pageNumber: this.$route.params.pageNumber,
-	});
-
-	this.movies = movies;
-	this.totalCount = totalCount;
-
-	this.$refs.tiles.scrollIntoView();
-}
-
-async function mounted() {
-	this.pageTitle = 'Movies';
-
-	await this.fetchMovies();
-}
-
-export default {
-	components: {
-		MovieTile,
-		SearchBar,
-		Pagination,
-	},
-	data() {
-		return {
-			movies: [],
-			totalCount: 0,
-			limit: 20,
-		};
-	},
-	watch: {
-		$route: fetchMovies,
-	},
-	mounted,
-	methods: {
-		fetchMovies,
-		searchMovies,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.movies {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.content-inner {
-	padding: 0 1rem;
-}
-
-.search {
-	margin: 1rem 0 0 0;
-}
-
-.tiles {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
-	grid-gap: 1rem;
-	padding: 1rem 0;
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.tiles {
-		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
-	}
-}
-</style>
diff --git a/assets/components/releases/release.vue b/assets/components/releases/release.vue
deleted file mode 100755
index accb1e389..000000000
--- a/assets/components/releases/release.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<template>
-	<div
-		v-if="release"
-		ref="content"
-		class="content"
-		@scroll="events.emit('scroll', $event)"
-	>
-		<Scroll
-			v-slot="slotProps"
-			class="scroll-light banner"
-			:style="{ 'background-image': bannerBackground }"
-			:expandable="false"
-		>
-			<Banner
-				:release="release"
-				class="media"
-				@load="slotProps.loaded"
-			/>
-		</Scroll>
-
-		<Details :release="release" />
-
-		<button
-			v-if="showAlbum"
-			class="album-toggle"
-			@click="$router.push({ hash: '#album' })"
-		><Icon icon="grid3" />View album</button>
-
-		<Album
-			v-if="showAlbum && $route.hash === '#album'"
-			:items="[release.poster, ...(release.photos || []), ...(release.caps || []), ...(release.scenesPhotos || [])]"
-			:title="release.title"
-			:path="config.media.mediaPath"
-			@close="$router.replace({ hash: undefined })"
-		/>
-
-		<div class="info column">
-			<div
-				class="row row-title"
-				:class="{ 'has-alt': release.altTitles?.length > 0 }"
-			>
-				<h2
-					v-if="release.title"
-					class="title"
-				>
-					{{ release.title }}
-					<template v-if="release.movies?.[0]?.title && /^scene \d+$/i.test(release.title)"><span class="title-composed">&nbsp;from&nbsp;</span>{{ release.movies[0].title }}</template>
-				</h2>
-
-				<h2
-					v-else-if="release.actors.length > 0"
-					class="title title-composed"
-				>
-					{{ release.actors.map(actor => actor.name).join(', ') }} for {{ release.entity.name }}
-					<Icon
-						v-tooltip="`This scene has no known official title`"
-						icon="question2"
-					/>
-				</h2>
-
-				<StashButton
-					:stashed-by="stashedBy"
-					@stash="(stash) => stashScene(stash)"
-					@unstash="(stash) => unstashScene(stash)"
-				/>
-			</div>
-
-			<div
-				v-if="release.altTitles?.length > 0"
-				class="row alttitles"
-			>
-				<h2
-					v-for="(altTitle, index) in release.altTitles"
-					:key="`altitle-${index}`"
-					class="alttitle"
-				>
-					{{ altTitle }}
-				</h2>
-			</div>
-
-			<Releases
-				v-if="release.scenes && release.scenes.length > 0"
-				:releases="release.scenes"
-			/>
-
-			<div class="row associations">
-				<ul
-					ref="actors"
-					class="actors nolist noselect bar-inline"
-					@mousedown.prevent="startActorsScroll"
-				>
-					<li
-						v-for="actor in release.actors"
-						:key="actor.id"
-					>
-						<Actor
-							:actor="actor"
-							:has-scrolled="actorsHasScrolled"
-						/>
-					</li>
-				</ul>
-			</div>
-
-			<Tags
-				v-if="release.tags.length > 0"
-				:tags="release.tags"
-			/>
-
-			<div
-				v-if="release.movies?.length > 0 || release.series?.length > 0"
-				class="row"
-			>
-				<span class="row-label">Part of</span>
-
-				<div class="movies">
-					<RouterLink
-						v-for="movie in [...release.movies, ...release.series]"
-						:key="`movie-${movie.id}`"
-						:to="{ name: movie.type || 'movie', params: { releaseId: movie.id, releaseSlug: movie.slug } }"
-						class="movie"
-					>
-						<span class="movie-title">{{ movie.title }}</span>
-
-						<img
-							v-if="movie.covers.length > 0 || movie.poster"
-							:src="getPath(movie.covers[0] || movie.poster, 'thumbnail')"
-							class="movie-cover"
-						>
-					</RouterLink>
-				</div>
-			</div>
-
-			<div
-				v-if="release.directors && release.directors.length > 0"
-				class="row"
-			>
-				<span class="row-label">Director</span>
-
-				<RouterLink
-					v-for="director in release.directors"
-					:key="`director-${director.id}`"
-					class="link director"
-					:to="`/director/${director.id}/${director.slug}`"
-				>{{ director.name }}</RouterLink>
-			</div>
-
-			<div
-				v-if="release.description"
-				class="row"
-			>
-				<span class="row-label">Description</span>
-				<p class="description">{{ release.description }}</p>
-			</div>
-
-			<div
-				v-if="release.chapters?.length > 0"
-				class="row nolist"
-			>
-				<span class="row-label">Chapters</span>
-
-				<Chapters :chapters="release.chapters" />
-			</div>
-
-			<div class="row row-tidbits">
-				<div
-					v-if="release.duration"
-					class="row-tidbit"
-				>
-					<span class="row-label">Duration</span>
-
-					<div class="duration">{{ formatDuration(release.duration) }}</div>
-				</div>
-
-				<div
-					v-if="release.photoCount"
-					class="row-tidbit"
-				>
-					<span class="row-label">Photos</span>
-					{{ release.photoCount }}
-				</div>
-
-				<div
-					v-if="release.shootId"
-					class="row-tidbit"
-				>
-					<span class="row-label">Shoot #</span>
-					{{ release.shootId }}
-				</div>
-
-				<div
-					v-if="release.studio"
-					class="row-tidbit"
-				>
-					<span class="row-label">Studio
-						<Icon
-							v-if="release.studio.showcased === false"
-							icon="eye-blocked"
-							title="This studio does not appear on main pages"
-						/>
-					</span>
-
-					<RouterLink
-						:to="`/studio/${release.studio.slug}`"
-						class="link studio"
-					>{{ release.studio.name }}</RouterLink>
-				</div>
-
-				<div
-					v-if="release.productionDate"
-					class="row-tidbit"
-				>
-					<span class="row-label">Shoot date</span>
-					{{ formatDate(release.productionDate, 'MMMM D, YYYY') }}
-				</div>
-
-				<div
-					v-if="release.productionLocation"
-					class="row-tidbit"
-				>
-					<span class="row-label">Location</span>
-					<span class="location">
-						<span
-							v-if="release.productionLocation.city"
-							class="location-segment"
-						>{{ release.productionLocation.city }}, </span>
-						<span
-							v-if="release.productionLocation.state"
-							class="location-segment"
-						>{{ release.productionLocation.state }}, </span>
-						<span
-							v-if="release.productionLocation.country"
-							class="location-segment"
-						>{{ release.productionLocation.country.alias || release.productionLocation.country.name }}
-							<img
-								class="flag"
-								:src="`/img/flags/${release.productionLocation.country.alpha2.toLowerCase()}.svg`"
-							>
-						</span>
-					</span>
-				</div>
-			</div>
-
-			<div
-				v-if="release.qualities?.length > 0"
-				class="row"
-			>
-				<span class="row-label">Available qualities</span>
-
-				<span
-					v-for="quality in release.qualities"
-					:key="quality"
-					class="quality"
-				>{{ quality }}</span>
-			</div>
-
-			<div
-				v-if="release.comment"
-				class="row"
-			>
-				<span class="row-label">Comment</span>
-				<span>{{ release.comment }}</span>
-			</div>
-
-			<div class="row">
-				<span class="row-label">Added</span>
-
-				<RouterLink
-					:to="`/added/${formatDate(release.createdAt, 'YYYY/MM/DD')}`"
-					:title="`Added on ${formatDate(release.createdAt, 'MMMM D, YYYY HH:mm')}`"
-					class="link added"
-				>{{ release.createdBatchId }}: {{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }}</RouterLink>
-			</div>
-
-			<div class="row">
-				<span class="row-label">Summary</span>
-
-				<div class="summary">
-					<input
-						ref="summary"
-						v-model="summary"
-						class="input"
-						@focus="selectSummary"
-					>
-
-					<button
-						v-if="hasClipboard"
-						type="button"
-						class="button button-secondary"
-						:disabled="summaryCopied"
-						@focus="copySummary"
-					>{{ summaryCopied ? 'Copied!' : 'Copy' }}</button>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import formatSummary from '../../js/utils/format-summary';
-
-import Details from './details.vue';
-import Banner from './banner.vue';
-import StashButton from '../stashes/button.vue';
-import Album from '../album/album.vue';
-import Tags from './tags.vue';
-import Chapters from './chapters.vue';
-import Actor from '../actors/tile.vue';
-import Releases from './releases.vue';
-import Scroll from '../scroll/scroll.vue';
-
-async function fetchRelease(scroll = true) {
-	if (this.$route.name === 'scene') {
-		this.release = await this.$store.dispatch('fetchReleaseById', this.$route.params.releaseId);
-	}
-
-	if (this.$route.name === 'movie') {
-		this.release = await this.$store.dispatch('fetchMovieById', this.$route.params.releaseId);
-	}
-
-	if (this.$route.name === 'serie') {
-		this.release = await this.$store.dispatch('fetchSerieById', this.$route.params.releaseId);
-	}
-
-	if (scroll && this.$refs.content) {
-		this.$refs.content.scrollTop = 0;
-	}
-
-	this.stashedBy = this.release.stashes;
-	this.setSummary();
-}
-
-async function stashScene(stashId) {
-	this.stashedBy = await this.$store.dispatch(this.$route.name === 'movie' ? 'stashMovie' : 'stashScene', {
-		sceneId: this.release.id,
-		movieId: this.release.id,
-		stashId,
-	});
-}
-
-async function unstashScene(stashId) {
-	this.stashedBy = await this.$store.dispatch(this.$route.name === 'movie' ? 'unstashMovie' : 'unstashScene', {
-		sceneId: this.release.id,
-		movieId: this.release.id,
-		stashId,
-	});
-}
-
-function startActorsScroll(event) {
-	event.preventDefault();
-
-	this.$refs.actors.addEventListener('mousemove', this.scrollActors);
-	document.addEventListener('mouseup', this.endActorsScroll);
-
-	this.actorsScrollStart = { mouse: event.clientX, scroll: this.$refs.actors.scrollLeft };
-	this.actorsHasScrolled = false;
-}
-
-function scrollActors(event) {
-	this.$refs.actors.scrollLeft = this.actorsScrollStart.scroll + this.actorsScrollStart.mouse - event.clientX;
-
-	if (Math.abs(this.actorsScrollStart.mouse - event.clientX) > 10) {
-		this.actorsHasScrolled = true;
-	}
-}
-
-function endActorsScroll() {
-	this.$refs.actors.removeEventListener('mousemove', this.scrollActors);
-	document.removeEventListener('mouseup', this.endActorsScroll);
-}
-
-function me() {
-	return this.$store.state.auth.user;
-}
-
-function setSummary() {
-	// this.summary = `${this.release.entity.name} - ${this.release.title} (${this.release.actors.map((actor) => actor.name).join(', ')}, ${this.formatDate(this.release.date, 'DD-MM-YYYY')})`;
-	const simpleRelease = {
-		channel: this.release.entity.name,
-		network: this.release.entity.parent?.name || this.release.entity.name,
-		title: this.release.title,
-		movie: this.release.movies?.[0]?.title,
-		actors: this.release.actors.map((actor) => actor.name),
-		tags: this.release.tags.map((tag) => tag.name),
-		date: this.release.date,
-	};
-
-	this.summary = formatSummary(simpleRelease, this.$store.state.ui.summaryFormat);
-}
-
-async function selectSummary() {
-	this.$refs.summary.select();
-}
-
-async function copySummary() {
-	const { state } = await navigator.permissions.query({ name: 'clipboard-write' });
-
-	if (state === 'granted' || state === 'prompt') {
-		await navigator.clipboard.writeText(this.summary);
-
-		this.summaryCopied = true;
-
-		setTimeout(() => { this.summaryCopied = false; }, 1000);
-	}
-}
-
-function bannerBackground() {
-	return (this.release.poster && this.getBgPath(this.release.poster, 'thumbnail'))
-		|| (this.release.covers.length > 0 && this.getBgPath(this.release.covers[0], 'thumbnail'));
-}
-
-function pageTitle() {
-	return this.release
-		&& (this.release.title
-		|| (this.release.actors.length > 0 ? `${this.release.actors.map((actor) => actor.name).join(', ')} for ${this.release.entity.name}` : null));
-}
-
-function showAlbum() {
-	return this.release.photos?.length > 0 || this.release.caps?.length > 0 || this.release.scenesPhotos?.length > 0;
-}
-
-async function mounted() {
-	this.fetchRelease();
-}
-
-export default {
-	components: {
-		Actor,
-		Album,
-		Banner,
-		Chapters,
-		Details,
-		Releases,
-		Scroll,
-		StashButton,
-		Tags,
-	},
-	data() {
-		return {
-			release: null,
-			summary: null,
-			summaryCopied: false,
-			stashedBy: [],
-			actorsScrollStart: 0,
-			actorsHasScrolled: false,
-			hasClipboard: !!navigator?.clipboard?.writeText,
-		};
-	},
-	computed: {
-		pageTitle,
-		bannerBackground,
-		me,
-		showAlbum,
-	},
-	watch: {
-		$route: fetchRelease,
-	},
-	mounted,
-	methods: {
-		copySummary,
-		endActorsScroll,
-		fetchRelease,
-		scrollActors,
-		selectSummary,
-		setSummary,
-		startActorsScroll,
-		stashScene,
-		unstashScene,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-.expand-bottom {
-	border-bottom: solid 1px var(--shadow-hint);
-}
-
-.banner {
-	background-position: center;
-	background-size: cover;
-
-	:deep(.scrollable) {
-		backdrop-filter: blur(1rem);
-	}
-}
-
-.info {
-    padding: 1rem 0;
-    border-left: solid 1px var(--shadow-hint);
-    border-right: solid 1px var(--shadow-hint);
-    flex-grow: 1;
-}
-
-.row {
-	padding: 0 1rem;
-    margin: 0 0 1rem 0;
-
-    &.associations {
-        align-items: start;
-    }
-}
-
-.row-label {
-	display: flex;
-	align-items: center;
-	margin: 0 0 .5rem 0;
-	color: var(--shadow);
-	font-weight: bold;
-
-	.icon {
-		margin: 0 .5rem;
-		fill: var(--shadow);
-	}
-}
-
-.row-tidbit {
-	display: inline-block;
-	margin: 0 2rem 0 0;
-}
-
-.row-title {
-	display: flex;
-	justify-content: space-between;
-}
-
-.title {
-	display: inline-flex;
-	margin: 0;
-	font-size: 1.5rem;
-	line-height: 1.25;
-
-	.icon {
-		fill: var(--shadow);
-		padding: .25rem;
-
-		&:hover {
-			fill: var(--primary);
-			cursor: pointer;
-		}
-	}
-}
-
-.title-composed {
-	color: var(--shadow);
-}
-
-.alttitle {
-	color: var(--shadow);
-	font-size: 1rem;
-}
-
-.album-toggle {
-	height: fit-content;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	padding: .5rem 1rem;
-	border: none;
-	border-bottom: solid 1px var(--shadow-hint);
-	color: var(--shadow);
-	background: none;
-	font-size: 1rem;
-	font-weight: bold;
-
-	.icon {
-		fill: var(--shadow);
-		margin: -.1rem .5rem 0 0;
-	}
-
-	&:hover {
-		background: var(--shadow-hint);
-		cursor: pointer;
-	}
-}
-
-.description {
-    line-height: 1.5;
-	margin: -.25rem 0 0 0;
-}
-
-.actors {
-	display: block;
-	padding-bottom: .25rem;
-	overflow-x: auto;
-	white-space: nowrap;
-
-	.actor {
-		width: 10rem;
-		margin-right: .25rem;
-		user-select: none;
-	}
-}
-
-.movies {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-    grid-gap: .5rem;
-    flex-grow: 1;
-    flex-wrap: wrap;
-}
-
-.movie {
-	display: flex;
-	flex-direction: column;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--shadow-weak);
-	color: var(--text);
-	text-decoration: none;
-
-	&:hover .movie-title {
-		color: var(--primary);
-	}
-}
-
-.movie-cover {
-	width: 100%;
-}
-
-.movie-title {
-	padding: .5rem;
-	font-weight: bold;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.quality {
-	&::after {
-		content: 'p, ';
-	}
-
-	&:last-child::after {
-		content: 'p',
-	}
-}
-
-.releases {
-	margin: 0 0 .5rem 0;
-}
-
-.flag {
-	height: 1rem;
-	margin: 0 0 -.15rem .1rem;
-}
-
-.summary {
-	display: flex;
-
-	.input {
-		flex-grow: 1;
-	}
-
-	.button {
-		width: 4rem;
-	}
-}
-
-.link {
-    display: inline-flex;
-    color: var(--link);
-    text-decoration: none;
-
-	&.director:not(:last-child)::after {
-		content: ', ';
-	}
-
-    &:hover {
-        color: var(--primary);
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-}
-
-.showable {
-    display: none;
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.releases {
-		padding: .5rem;
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .hideable {
-        display: none;
-    }
-
-	.row .showable {
-		display: block;
-    }
-
-    .tidbit .showable {
-        display: inline-block;
-    }
-
-	.title {
-		font-size: 1.25rem;
-	}
-
-    .actors {
-        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/releases/releases.vue b/assets/components/releases/releases.vue
deleted file mode 100755
index 5f0e3cbcb..000000000
--- a/assets/components/releases/releases.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<template>
-	<div class="releases">
-		<h3
-			v-if="context"
-			class="heading"
-		><span class="range">{{ range }}</span> releases for '{{ context }}'</h3>
-
-		<Ellipsis v-if="!done" />
-
-		<ul
-			v-else-if="releases.length > 0"
-			:key="sfw"
-			class="nolist tiles"
-		>
-			<template v-for="(item, index) in items">
-				<li
-					v-if="item === 'campaign'"
-					:key="`campaign-${index}`"
-					class="campaign"
-				>
-					<Campaign
-						v-if="item === 'campaign'"
-						:entity="entity"
-						:min-ratio="0.75"
-						:max-ratio="1.25"
-						:allow-generic="true"
-					/>
-				</li>
-
-				<li
-					v-else
-					:key="`release-${item.id}`"
-				>
-					<SceneTile
-						:release="item"
-						:referer="referer"
-						:index="index"
-						:stash="stash"
-						@stash="isStashed => $emit('stash', isStashed)"
-					/>
-				</li>
-			</template>
-		</ul>
-
-		<span
-			v-else-if="releases.length === 0 && range !== 'all'"
-			class="empty"
-		>No {{ range }} releases</span>
-
-		<span
-			v-else-if="releases.length === 0"
-			class="empty"
-		>No recent or upcoming releases</span>
-	</div>
-</template>
-
-<script setup>
-import config from 'config';
-
-import {
-	defineProps,
-	defineEmits,
-	computed,
-} from 'vue';
-
-import { useStore } from 'vuex';
-import { useRouter } from 'vue-router';
-
-import Campaign from '../campaigns/campaign.vue';
-import Ellipsis from '../loading/ellipsis.vue';
-import SceneTile from './scene-tile.vue';
-
-const router = useRouter();
-const store = useStore();
-
-defineEmits(['stash']);
-
-const props = defineProps({
-	releases: {
-		type: Array,
-		default: () => [],
-	},
-	entity: {
-		type: Object,
-		default: null,
-	},
-	context: {
-		type: String,
-		default: null,
-	},
-	done: {
-		type: Boolean,
-		default: true,
-	},
-	referer: {
-		type: String,
-		default: null,
-	},
-	stash: {
-		type: Object,
-		default: null,
-	},
-});
-
-const campaignIndex = computed(() => Math.floor(Math.random() * props.releases.length - 5) + 5);
-
-const items = computed(() => props.releases.flatMap((release, index) => (config.campaigns.tiles && props.releases.length > 10 && index === campaignIndex.value ? ['campaign', release] : release)));
-
-const range = computed(() => router.route?.params.range);
-const sfw = computed(() => store.state.ui.sfw);
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.heading {
-    padding: 0;
-    margin: 0 0 1rem 0;
-
-    .range {
-        text-transform: capitalize;
-    }
-}
-
-.releases {
-	flex-grow: 1;
-	border-top: solid 1px var(--crease);
-
-	&.embedded {
-		border: none;
-
-		.tiles {
-			padding: 0;
-		}
-	}
-}
-
-.tiles {
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
-    grid-gap: .5rem;
-	box-sizing: border-box;
-	padding: 1rem;
-}
-
-.empty {
-	display: inline-block;
-	padding: 1rem;
-    color: var(--shadow-strong);
-    font-weight: bold;
-}
-
-.campaign {
-	display: flex;
-	align-items: flex-start;
-	justify-content: center;
-}
-
-@media(max-width: $breakpoint-mega) {
-    .tiles {
-		grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
-    }
-}
-
-@media(max-width: $breakpoint-kilo) {
-    .tiles {
-		grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
-		grid-gap: .5rem;
-		padding: .5rem;
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .tiles {
-		grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
-    }
-}
-
-@media(max-width: $breakpoint-micro) {
-    .tiles {
-		grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/releases/scene-preview.vue b/assets/components/releases/scene-preview.vue
deleted file mode 100755
index 4307c2af8..000000000
--- a/assets/components/releases/scene-preview.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-	<a
-		:href="`/scene/${scene.id}/${scene.slug || ''}`"
-		target="_blank"
-		rel="noopener noreferrer"
-		class="scene nolink"
-	>
-		<img
-			:src="getPath(scene.poster, 'thumbnail')"
-			class="scene-poster"
-		>
-
-		<div class="scene-header">
-			<span class="scene-actors nolist">{{ scene.actors.map(actor => actor.name).join(', ') }}</span>
-		</div>
-
-		<div class="scene-footer">
-			<img
-				v-if="scene.entity.parent"
-				:src="`/img/logos/${scene.entity.parent.slug}/favicon_light.png`"
-				class="scene-favicon"
-			>
-
-			<img
-				v-else
-				:src="`/img/logos/${scene.entity.slug}/favicon_light.png`"
-				class="scene-favicon"
-			>
-
-			<span class="scene-title">{{ scene.title }}</span>
-		</div>
-	</a>
-</template>
-
-<script>
-export default {
-	props: {
-		scene: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.scene {
-	width: 14rem;
-	height: 100%;
-	position: relative;
-	font-size: 0;
-}
-
-.scene-poster {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	object-position: 50% 0;
-}
-
-.scene-header,
-.scene-footer {
-	width: 100%;
-	height: 1.25rem;
-	display: flex;
-	align-items: center;
-	position: absolute;
-	left: 0;
-	background: var(--darken-weak);
-	color: var(--text-light);
-	font-size: .7rem;
-	font-weight: bold;
-	overflow: hidden;
-	text-shadow: 0 0 2px var(--text-dark);
-}
-
-.scene-header {
-	top: 0;
-}
-
-.scene-footer {
-	bottom: 0;
-}
-
-.scene-title {
-	padding: .25rem .5rem;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.scene-actors {
-	padding: 0 .5rem;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-
-.scene-unstash {
-	fill: var(--lighten-strong);
-	padding: .25rem;
-	filter: drop-shadow(0 0 1px var(--shadow));
-
-	&:hover {
-		fill: var(--text-light);
-	}
-}
-
-.scene-favicon {
-	width: 1rem;
-	height: 1rem;
-	padding: .1rem 0 0 .25rem;
-}
-</style>
diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue
deleted file mode 100755
index 9b2e5bcee..000000000
--- a/assets/components/releases/scene-tile.vue
+++ /dev/null
@@ -1,498 +0,0 @@
-<template>
-	<div
-		:id="`scene-${release.id}`"
-		:class="{ new: release.isNew }"
-		class="tile"
-	>
-		<Details
-			:release="release"
-			class="details-compact"
-		/>
-
-		<div class="tile-body">
-			<span class="poster">
-				<a
-					:href="`/scene/${release.id}/${release.slug || ''}`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="link"
-				>
-					<img
-						v-if="release.poster"
-						:src="getPath(release.poster, 'thumbnail')"
-						:style="{ 'background-image': getBgPath(release.poster, 'lazy') }"
-						:alt="release.title"
-						:width="release.poster.thumbnailWidth"
-						:height="release.poster.thumbnailHeight"
-						class="thumbnail"
-						loading="lazy"
-					>
-
-					<img
-						v-else-if="release.photos && release.photos.length > 0"
-						:src="getPath(release.photos[0], 'thumbnail')"
-						:style="{ 'background-image': getBgPath(release.photos[0], 'lazy') } "
-						:alt="release.title"
-						:width="release.photos[0].thumbnailWidth"
-						:height="release.photos[0].thumbnailHeight"
-						class="thumbnail"
-						loading="lazy"
-					>
-
-					<div
-						v-else
-						:title="release.title"
-						class="thumbnail unavailable"
-					><Icon icon="blocked" />No thumbnail available</div>
-
-					<Icon
-						v-show="(!stash || stash.primary) && favorited"
-						icon="heart7"
-						class="stash stashed"
-						@click.prevent.native="unstashScene"
-					/>
-
-					<Icon
-						v-show="(!stash || stash.primary) && favorited === false"
-						icon="heart8"
-						class="stash unstashed"
-						@click.prevent.native="stashScene"
-					/>
-
-					<Icon
-						v-show="stash && !stash.primary"
-						icon="cross2"
-						class="stash unstash"
-						@click.prevent.native="unstashScene"
-					/>
-				</a>
-			</span>
-
-			<div class="info">
-				<Details
-					:release="release"
-					class="details-wide"
-				/>
-
-				<a
-					:href="`/scene/${release.id}/${release.slug || ''}`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="row link"
-				>
-					<h3
-						v-if="release.title"
-						v-tooltip.bottom="release.title"
-						:title="release.title"
-						class="title"
-					>
-						{{ release.title }}<template v-if="release.movies?.[0]?.title && /^scene \d+$/i.test(release.title)"><span class="title-composed">&nbsp;from&nbsp;</span>{{ release.movies[0].title }}</template>
-					</h3>
-
-					<h3
-						v-else-if="release.actors.length > 0"
-						class="title title-composed"
-					>{{ release.actors[0].name }} for {{ release.entity.name }}</h3>
-
-					<h3
-						v-else
-						class="title title-empty"
-					>{{ release.entity.name }}</h3>
-				</a>
-
-				<span class="row">
-					<ul
-						class="actors nolist"
-						:title="release.actors.map(actor => actor.name).join(', ')"
-					>
-						<li
-							v-for="actor in release.actors"
-							:key="actor.id"
-							class="actor"
-						>
-							<RouterLink
-								:to="{ name: 'actor', params: { actorId: actor.id, actorSlug: actor.slug } }"
-								:class="{ [actor.gender]: !!actor.gender }"
-								class="actor-link"
-							>{{ actor.name }}</RouterLink>
-						</li>
-					</ul>
-				</span>
-
-				<div class="labels">
-					<RouterLink
-						v-if="release.shootId && release.studio"
-						:to="`/studio/${release.studio.slug}`"
-						:title="release.studio && release.studio.name"
-						class="shoot nolink"
-					>{{ release.shootId }}</RouterLink>
-
-					<span
-						v-else-if="release.shootId"
-						:title="release.studio && release.studio.name"
-						class="shoot nolink"
-					>{{ release.shootId }}</span>
-
-					<ul
-						v-if="release.tags?.length > 0"
-						:title="release.tags.map(tag => tag.name).join(', ')"
-						class="tags nolist"
-					>
-						<li
-							v-for="tag in release.tags"
-							:key="`tag-${tag.slug}`"
-							class="tag"
-						>
-							<RouterLink
-								:to="`/tag/${tag.slug}`"
-								class="tag-link"
-							>{{ tag.name }}</RouterLink>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Details from './tile-details.vue';
-
-async function stashScene() {
-	this.favorited = true;
-
-	try {
-		await this.$store.dispatch('stashScene', {
-			sceneId: this.release.id,
-			stashId: this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', true);
-	} catch (error) {
-		this.favorited = false;
-	}
-}
-
-async function unstashScene() {
-	if (!this.stash || this.stash.primary) {
-		this.favorited = false;
-	}
-
-	try {
-		await this.$store.dispatch('unstashScene', {
-			sceneId: this.release.id,
-			stashId: this.stash?.id || this.$store.getters.favorites.id,
-		});
-
-		this.$emit('stash', false);
-	} catch (error) {
-		this.favorited = true;
-	}
-}
-
-export default {
-	components: {
-		Details,
-	},
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['stash'],
-	data() {
-		return {
-			favorited: this.release.isFavorited,
-		};
-	},
-	methods: {
-		stashScene,
-		unstashScene,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.tile {
-    background: var(--background);
-	position: relative;
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    overflow: hidden;
-    height: 100%;
-    box-shadow: 0 0 3px var(--darken-weak);
-
-	&.new .poster::after {
-		content: 'new';
-		position: absolute;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		bottom: 0;
-		right: .5rem;
-		width: 2rem;
-		box-sizing: border-box;
-		padding: .1rem 0 .05rem 0;
-		border-radius: .25rem .25rem 0 0;
-		background: var(--info);
-		color: var(--text-light);
-		font-size: .7rem;
-		font-weight: bold;
-		line-height: 1;
-		box-shadow: 0 0 3px var(--shadow);
-	}
-
-	&:hover .unstashed,
-	&:hover .unstash {
-		fill: var(--lighten);
-	}
-}
-
-.tile-body {
-	display: flex;
-	flex-direction: column;
-}
-
-.poster {
-    position: relative;
-}
-
-.covers {
-    background: var(--profile);
-    display: flex;
-
-    .cover {
-        width: 50%;
-    }
-}
-
-.thumbnail {
-    width: 100%;
-    height: 14rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    object-fit: cover;
-    background-position: center;
-    background-size: cover;
-    background-color: var(--shadow-hint);
-    color: var(--shadow);
-    text-shadow: 1px 1px 0 var(--highlight);
-
-	.icon {
-		display: none;
-		width: 2rem;
-		height: 2rem;
-		fill: var(--shadow-hint);
-	}
-}
-
-.stash {
-	width: 1.5rem;
-	height: 1.5rem;
-	position: absolute;
-	top: 0;
-	right: 0;
-	padding: .25rem .25rem .5rem .5rem;
-	filter: drop-shadow(0 0 2px var(--darken));
-	fill: var(--lighten-weak);
-
-	&:hover.unstashed,
-	&.stashed {
-		fill: var(--primary);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
-
-	&:hover.unstash {
-		fill: var(--text-light);
-		filter: drop-shadow(0 0 2px var(--darken-weak));
-	}
-}
-
-.row {
-	max-width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    padding: 0 .5rem;
-}
-
-.info {
-    display: flex;
-    flex-direction: column;
-	align-items: flex-start;
-    flex-grow: 1;
-	overflow: hidden;
-}
-
-.link {
-    text-decoration: none;
-}
-
-.title {
-    margin: 0;
-    color: var(--text);
-    font-size: .9rem;
-    line-height: 1.5;
-	white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.title-composed,
-.title-empty {
-	color: var(--shadow);
-}
-
-.actors {
-	height: 1.5rem;
-    word-wrap: break-word;
-    overflow: hidden;
-    line-height: 1.5rem;
-	margin: 0 0 .25rem 0;
-}
-
-.actor:not(:last-of-type)::after {
-    content: ",";
-	margin: 0 .25rem 0 0;
-}
-
-.actor-link {
-    color: var(--text);
-    text-decoration: none;
-	font-size: .9rem;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.labels {
-    padding: 0 .5rem 1.25rem .5rem;
-    max-height: .5rem;
-    overflow-y: hidden;
-	font-size: 0;
-    line-height: 2;
-}
-
-.shoot {
-	display: inline;
-	padding: .25rem .5rem;
-	background: var(--primary);
-	color: var(--text-light);
-	font-size: 0.75rem;
-	font-weight: bold;
-	box-shadow: inset 0 0 3px var(--shadow-weak);
-}
-
-.tags {
-	display: inline;
-    word-wrap: break-word;
-}
-
-.tag {
-    margin: 0 0 1rem 0;
-
-	&:not(:first-child) .tag-link {
-		border-left: none;
-	}
-}
-
-.tag-link {
-	background: var(--shadow-touch);
-    color: var(--shadow);
-    display: inline-block;
-    padding: .25rem .5rem;
-	margin: 0 1px 0 0;
-    font-size: .75rem;
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 1;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.details-wide {
-	margin: 0 0 .4rem 0;
-}
-
-.details-compact {
-	display: none;
-}
-
-@media(max-width: $breakpoint) {
-	.thumbnail {
-		height: 11rem;
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-	.tile-body {
-		flex-direction: row;
-	}
-
-	.poster {
-		margin: 0;
-	}
-
-	.thumbnail {
-		width: 9rem;
-		height: 6rem;
-		font-size: 0;
-		box-shadow: 0 0 3px var(--shadow-weak);
-
-		.icon {
-			display: block;
-		}
-	}
-
-	.info {
-		padding: .5rem .25rem 0 .25rem;
-	}
-
-	.row {
-		margin: 0 0 .15rem 0;
-	}
-
-	.title,
-	.actor-link {
-		font-size: .9rem;
-	}
-
-	.details-wide {
-		display: none;
-	}
-
-	.details-compact {
-		display: flex;
-	}
-
-	.shoot {
-		display: none;
-	}
-
-	.tile.new .poster::after {
-		top: 0;
-		right: .25rem;
-		bottom: auto;
-		border-radius: 0 0 .25rem .25rem;
-		padding: .05rem 0 .1rem 0;
-	}
-
-	.stash {
-		left: 0;
-		padding: .25rem .5rem .5rem .25rem;
-	}
-}
-</style>
diff --git a/assets/components/releases/tags.vue b/assets/components/releases/tags.vue
deleted file mode 100755
index cb43019ed..000000000
--- a/assets/components/releases/tags.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-	<div
-		class="tags-container"
-		:class="{ overflowing }"
-	>
-		<ul
-			ref="tags"
-			class="tags nolist"
-			:class="{ expanded }"
-		>
-			<li
-				v-for="tag in tags"
-				:key="`tag-${tag.slug}`"
-				class="tag"
-			>
-				<a
-					:href="`/tag/${tag.slug}`"
-					class="link"
-				>{{ tag.name }}</a>
-			</li>
-		</ul>
-
-		<button
-			v-if="overflowing && !expanded"
-			class="tags-more"
-			@click="expanded = true"
-		>more tags</button>
-
-		<button
-			v-if="expanded"
-			class="tags-more"
-			@click="expanded = false"
-		>fewer tags</button>
-	</div>
-</template>
-
-<script>
-import { nextTick } from 'vue';
-
-function updateOverflowing() {
-	nextTick(() => {
-		const containerBoundaries = this.$refs.tags.getBoundingClientRect();
-		const containerBottom = containerBoundaries.top + containerBoundaries.height;
-
-		this.overflowing = Array.from(this.$refs.tags.querySelectorAll('.tag')).some((tag) => {
-			const tagBoundaries = tag.getBoundingClientRect();
-
-			return tagBoundaries.top > containerBottom;
-		});
-	});
-}
-
-function mounted() {
-	window.addEventListener('resize', this.updateOverflowing);
-	this.updateOverflowing();
-}
-
-function beforeUnmount() {
-	window.removeEventListener('resize', this.updateOverflowing);
-}
-
-export default {
-	props: {
-		tags: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	data() {
-		return {
-			overflowing: false,
-			expanded: false,
-		};
-	},
-	watch: {
-		expanded: updateOverflowing,
-	},
-	mounted,
-	beforeUnmount,
-	methods: {
-		updateOverflowing,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.tags-container {
-	margin: 0 0 1.5rem 0;
-
-	&.overflowing {
-		margin: 0 0 .5rem 0;
-	}
-}
-
-.tags {
-	max-height: 4.7rem;
-	padding: 2px 1rem 0 1rem;
-	text-align: left;
-	overflow: hidden;
-
-	&.expanded {
-		max-height: unset;
-	}
-}
-
-.tag .link {
-	color: var(--link);
-    background: var(--background);
-    display: inline-block;
-    padding: .5rem;
-    margin: 0 .25rem .25rem 0;
-    box-shadow: 0 0 2px var(--shadow-weak);
-    text-decoration: none;
-    text-transform: capitalize;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.tags-more {
-	background: var(--shadow-touch);
-	padding: .5rem 1rem;
-	border: none;
-	margin: .25rem 0 .5rem 1rem;
-	color: var(--shadow);
-	font-size: .8rem;
-	font-weight: bold;
-
-	&:hover {
-		background: var(--shadow-hint);
-		color: var(--shadow-strong);
-		cursor: pointer;
-	}
-}
-</style>
diff --git a/assets/components/releases/tile-details.vue b/assets/components/releases/tile-details.vue
deleted file mode 100755
index 15c84eafb..000000000
--- a/assets/components/releases/tile-details.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-	<span
-		class="details"
-		:class="{ new: release.isNew }"
-	>
-		<span
-			v-if="release.entity && release.entity.type !== 'network' && !release.entity.independent && release.entity.parent"
-			class="site"
-		>
-			<router-link
-				v-tooltip.bottom="`Part of ${release.entity.parent.name}`"
-				:title="`Part of ${release.entity.parent.name}`"
-				:to="`/${release.entity.parent.type}/${release.entity.parent.slug}`"
-				class="site-link"
-			>
-				<img
-					:src="`/img/logos/${release.entity.parent.slug}/favicon_light.png`"
-					class="favicon favicon-light"
-				>
-
-				<img
-					:src="`/img/logos/${release.entity.parent.slug}/favicon_dark.png`"
-					class="favicon favicon-dark"
-				>
-			</router-link>
-
-			<router-link
-				v-tooltip.bottom="`More from ${release.entity.name}`"
-				:title="`More from ${release.entity.name}`"
-				:to="`/${release.entity.type}/${release.entity.slug}`"
-				class="site-link"
-			>{{ release.entity.name }}</router-link>
-		</span>
-
-		<router-link
-			v-else-if="release.entity"
-			:to="`/${release.entity.type}/${release.entity.slug}`"
-			class="site site-link"
-		>
-			<img
-				:src="`/img/logos/${release.entity.slug}/favicon_light.png`"
-				class="favicon favicon-light"
-			>
-
-			<img
-				:src="`/img/logos/${release.entity.slug}/favicon_dark.png`"
-				class="favicon favicon-dark"
-			>{{ release.entity.name }}
-		</router-link>
-
-		<a
-			v-if="release.date"
-			v-tooltip.bottom="release.url && `View release on ${release.entity.name}`"
-			:title="release.url && `View release on ${release.entity.name}`"
-			:href="release.url"
-			:class="{ upcoming: isAfter(release.date, new Date()) }"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="date"
-		>{{ formatDate(release.date, 'MMMM D, YYYY', release.datePrecision) }}</a>
-
-		<a
-			v-else
-			:href="release.url"
-			title="Scene date N/A, showing date added"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="date"
-		>{{ `(${formatDate(release.createdAt, 'MMMM D, YYYY')})` }}</a>
-	</span>
-</template>
-
-<script>
-export default {
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.details {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-	z-index: 1;
-	white-space: nowrap;
-    background: var(--info);
-    font-size: 0;
-	font-weight: bold;
-
-    .favicon {
-		width: 2rem;
-		box-sizing: border-box;
-		padding: .4rem .5rem;
-    }
-}
-
-.site,
-.date {
-    display: flex;
-    align-items: center;
-    position: relative;
-    font-size: .8rem;
-    padding: .4rem .5rem;
-    color: var(--text-light);
-    text-decoration: none;
-
-	.icon {
-		fill: var(--lighten-weak);
-		margin: 0 .25rem 0 0;
-	}
-
-	&:hover .icon {
-		fill: var(--text-light);
-	}
-}
-
-.site {
-	padding: 0 .5rem 0 0;
-}
-
-.site-link {
-    display: flex;
-    color: var(--text-light);
-    text-decoration: none;
-}
-
-.favicon-dark {
-	display: none;
-}
-
-@media(max-width: $breakpoint-kilo) {
-	/* light details bar
-	.details {
-		background: var(--background);
-		box-shadow: none;
-
-		.favicon-dark {
-			display: inline-block;
-		}
-
-		.favicon-light {
-			display: none;
-		}
-	}
-
-	.site-link,
-	.date {
-		color: var(--text);
-	}
-	*/
-
-	.details .favicon {
-		padding: .35rem .5rem .35rem .5rem;
-	}
-
-	.date {
-		padding: .35rem .5rem;
-	}
-
-	.site {
-		padding: 0 .5rem 0 0;
-	}
-}
-</style>
diff --git a/assets/components/scroll/scroll.vue b/assets/components/scroll/scroll.vue
deleted file mode 100755
index d18704ae3..000000000
--- a/assets/components/scroll/scroll.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-<template>
-	<div class="scroll">
-		<Expand
-			v-if="expanded"
-			:expanded="expanded"
-			class="expand-light"
-			@expand="(state) => $emit('expand', state)"
-		/>
-
-		<Expand
-			v-if="expanded"
-			:expanded="expanded"
-			class="expand-dark"
-			@expand="(state) => $emit('expand', state)"
-		/>
-
-		<div class="scrollable">
-			<div
-				v-show="enabled && !expanded"
-				class="scroll-button scroll-left noselect"
-				:class="{ 'scroll-start': scrollAtStart }"
-				@click="scroll('left')"
-			><Icon icon="arrow-left3" /></div>
-
-			<div
-				ref="content"
-				class="scroll-content"
-			>
-				<slot :loaded="loaded" />
-			</div>
-
-			<div
-				v-show="enabled && !expanded"
-				class="scroll-button scroll-right noselect"
-				:class="{ 'scroll-end': scrollAtEnd }"
-				@click="scroll('right')"
-			><Icon icon="arrow-right3" /></div>
-		</div>
-
-		<Expand
-			v-if="expanded || (expandable && scrollable)"
-			:expanded="expanded"
-			class="expand-light"
-			@expand="(state) => $emit('expand', state)"
-		/>
-
-		<Expand
-			v-if="expanded || (expandable && scrollable)"
-			:expanded="expanded"
-			class="expand-dark"
-			@expand="(state) => $emit('expand', state)"
-		/>
-
-		<button
-			v-if="album && items && items.length > 0 && scrollable"
-			class="album-toggle"
-			@click="showAlbum = true"
-		><Icon icon="grid3" />View album</button>
-	</div>
-</template>
-
-<script>
-import Expand from '../expand/expand.vue';
-
-function updateScroll() {
-	this.scrollable = this.$refs.content.scrollWidth > this.$refs.content.clientWidth;
-	this.scrollAtStart = this.$refs.content.scrollLeft === 0;
-	this.scrollAtEnd = this.$refs.content.scrollWidth - this.$refs.content.clientWidth === this.$refs.content.scrollLeft;
-}
-
-function scroll(direction) {
-	if (direction === 'right') {
-		this.$refs.content.scrollLeft = this.$refs.content.scrollLeft + this.$refs.content.clientWidth - 100;
-	}
-
-	if (direction === 'left') {
-		this.$refs.content.scrollLeft = this.$refs.content.scrollLeft - this.$refs.content.clientWidth + 100;
-	}
-}
-
-function loaded(_event) {
-	// typically triggered by slotted component when an image loads, affecting scrollWidth
-	this.updateScroll();
-}
-
-function mounted() {
-	this.$refs.content.addEventListener('scroll', () => this.updateScroll());
-	window.addEventListener('resize', this.updateScroll);
-
-	this.updateScroll();
-}
-
-function beforeUnmount() {
-	this.$refs.content.removeEventListener('scroll', this.updateScroll);
-
-	window.removeEventListener('resize', this.updateScroll);
-}
-
-function updated() {
-	this.updateScroll();
-}
-
-export default {
-	components: {
-		Expand,
-	},
-	props: {
-		enabled: {
-			type: Boolean,
-			default: true,
-		},
-		expandable: {
-			type: Boolean,
-			default: false,
-		},
-		expanded: {
-			type: Boolean,
-			default: false,
-		},
-		album: {
-			type: Boolean,
-			default: false,
-		},
-		items: {
-			type: Array,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			scrollable: true,
-			scrollAtStart: true,
-			scrollAtEnd: false,
-		};
-	},
-	mounted,
-	updated,
-	beforeUnmount,
-	methods: {
-		scroll,
-		loaded,
-		updateScroll,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.scroll.expanded {
-	padding: 0;
-
-	.scroll {
-		display: none;
-	}
-}
-
-.scrollable {
-	position: relative;
-}
-
-.scroll-content {
-	overflow-x: scroll;
-	scroll-behavior: smooth;
-	scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
-
-.scroll-button {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	box-sizing: border-box;
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	z-index: 10;
-
-	&.scroll-start,
-	&.scroll-end {
-		/* use over v-show so button stays visible while still hovered */
-		display: none;
-	}
-
-	&.scroll-start {
-		left: 0;
-	}
-
-	&.scroll-end {
-		right: 0;
-	}
-
-	.icon {
-		width: 1.5rem;
-		height: 1.5rem;
-		fill: var(--lighten);
-	}
-
-	&.scroll-start .icon,
-	&.scroll-end .icon {
-		fill: var(--lighten-weak);
-	}
-
-	&:hover:not(.scroll-start):not(.scroll-end) .icon {
-		fill: var(--lighten-strong);
-	}
-
-	&:hover {
-		display: flex;
-		cursor: pointer;
-	}
-}
-
-.scroll-left {
-	left: 0;
-	padding: 1rem 2rem 1rem .5rem;
-}
-
-.scroll-right {
-	right: 0;
-	padding: 1rem .5rem 1rem 2rem;
-}
-
-.scroll .expand-light {
-	display: none;
-}
-
-.scroll-light {
-	.expand-light {
-		display: block;
-	}
-
-	.expand-dark {
-		display: none;
-	}
-}
-
-.scroll-dark .expand-light {
-	display: none;
-}
-
-@media(max-width: $breakpoint-micro) {
-	/* buttons block swiping motion */
-	.scroll-button {
-		display: none;
-	}
-}
-</style>
diff --git a/assets/components/search/bar.vue b/assets/components/search/bar.vue
deleted file mode 100755
index 385002c4f..000000000
--- a/assets/components/search/bar.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-	<form
-		class="search"
-		@submit.prevent="() => search()"
-	>
-		<input
-			v-model="query"
-			:placeholder="placeholder || 'Search'"
-			class="query"
-			@input="() => search(true)"
-		>
-
-		<button
-			type="submit"
-			class="search-button"
-		><Icon icon="search" /></button>
-	</form>
-</template>
-
-<script>
-function search(typing) {
-	if (!typing || this.eager) {
-		this.$router.replace({
-			query: { query: this.query || undefined },
-			params: { ...this.$route.params, pageNumber: 1 },
-		});
-	}
-}
-
-function resetQuery() {
-	this.query = this.$route.query.query || null;
-}
-
-export default {
-	props: {
-		placeholder: {
-			type: String,
-			default: null,
-		},
-		eager: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	data() {
-		return {
-			query: this.$route.query.query || null,
-		};
-	},
-	watch: {
-		$route: resetQuery,
-	},
-	methods: {
-		search,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.search {
-    display: flex;
-    width: 100%;
-}
-
-.query {
-    max-width: 40rem;
-	min-width: 10rem;
-    color: var(--text);
-    background: var(--background);
-    flex-grow: 1;
-    box-sizing: border-box;
-    padding: 1rem;
-    border: none;
-    box-sizing: border-box;
-    box-shadow: 0 0 3px var(--darken-weak);
-    font-size: 1rem;
-    outline: none;
-
-    &:focus {
-        box-shadow: 0 0 3px var(--primary);
-    }
-}
-
-.search-button {
-    padding: 1rem;
-    background: none;
-    border: none;
-
-    .icon {
-        fill: var(--shadow);
-    }
-
-    &:hover {
-        cursor: pointer;
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-}
-</style>
diff --git a/assets/components/search/search.vue b/assets/components/search/search.vue
deleted file mode 100755
index 5393664c7..000000000
--- a/assets/components/search/search.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-	<div class="content-inner">
-		<span
-			v-if="loading"
-			class="summary"
-		>Searching...</span>
-
-		<template v-if="actors.length > 0">
-			<span class="summary">Found {{ actors.length }} actors for '{{ query }}'</span>
-
-			<div class="tiles">
-				<Actor
-					v-for="actor in actors"
-					:key="`actor-${actor.id}`"
-					:actor="actor.aliasFor || actor"
-					:alias="actor.aliasFor && actor"
-				/>
-			</div>
-		</template>
-
-		<template v-if="releases.length > 0">
-			<span class="summary">Found {{ releases.length }} releases for '{{ query }}'</span>
-
-			<Releases
-				class="embedded"
-				:releases="releases"
-			/>
-		</template>
-
-		<span
-			v-if="error"
-			class="error summary"
-		>{{ error }}</span>
-
-		<span
-			v-else-if="!loading && actors.length === 0 && releases.length === 0"
-			class="summary"
-		>No results</span>
-	</div>
-</template>
-
-<script>
-import Actor from '../actors/tile.vue';
-import Releases from '../releases/releases.vue';
-
-async function search() {
-	try {
-		const results = await this.$store.dispatch('search', {
-			query: this.query,
-			limit: 10,
-		});
-
-		this.loading = false;
-
-		if (results) {
-			this.actors = results.actors;
-			this.releases = results.releases;
-		}
-	} catch (error) {
-		this.loading = false;
-		this.error = 'Failed to retrieve search results, sorry about that.';
-
-		console.error(error);
-	}
-}
-
-function query() {
-	return this.$route.query.query || this.$route.query.q;
-}
-
-async function mounted() {
-	await this.search();
-}
-
-async function watchQuery() {
-	await this.search();
-}
-
-export default {
-	components: {
-		Actor,
-		Releases,
-	},
-	data() {
-		return {
-			loading: true,
-			actors: [],
-			releases: [],
-		};
-	},
-	computed: {
-		query,
-	},
-	watch: {
-		query: watchQuery,
-	},
-	mounted,
-	methods: {
-		search,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.content-inner {
-	padding: 1rem;
-}
-
-.summary {
-    display: block;
-    margin: 0 0 1rem 0;
-    color: var(--shadow);
-    font-weight: bold;
-
-	&.error {
-		color: var(--error);
-	}
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-    grid-gap: 0 .5rem;
-	margin: 0 0 1rem 0;
-}
-
-@media(max-width: $breakpoint0) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-}
-</style>
diff --git a/assets/components/settings/filters.vue b/assets/components/settings/filters.vue
deleted file mode 100644
index 272e10ced..000000000
--- a/assets/components/settings/filters.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<div class="dialog-section">
-		<h3 class="form-heading">Show me</h3>
-
-		<ul class="tags nolist">
-			<li
-				v-for="tag in tags"
-				:key="tag"
-				class="tags-item"
-			>
-				<Checkbox
-					:checked="!tagFilter.includes(tag)"
-					:label="tag"
-					class="tag"
-					@change="(state) => filterTag(tag, state)"
-				/>
-			</li>
-		</ul>
-
-		<p class="disclaimer">You may still incidentally see filtered out content</p>
-	</div>
-</template>
-
-<script>
-import Checkbox from '../form/checkbox.vue';
-
-function tagFilter() {
-	return this.$store.state.ui.tagFilter;
-}
-
-function filterTag(tag, isChecked) {
-	if (isChecked) {
-		this.$store.dispatch('setTagFilter', this.tagFilter.filter((filteredTag) => filteredTag !== tag));
-	} else {
-		this.$store.dispatch('setTagFilter', this.tagFilter.concat(tag));
-	}
-}
-
-export default {
-	components: {
-		Checkbox,
-	},
-	data() {
-		return {
-			tags: ['gay', 'transsexual', 'bisexual', 'anal', 'anal prolapse', 'pissing'],
-		};
-	},
-	computed: {
-		tagFilter,
-	},
-	methods: {
-		filterTag,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.dialog-body {
-	width: 40rem;
-	max-width: 100%;
-}
-
-.filters {
-	width: 20rem;
-	max-width: 100%;
-}
-
-.tags-item {
-	display: block;
-}
-
-.tag {
-	padding: .5rem 0;
-}
-
-.disclaimer {
-	margin: 1rem 0 0 0;
-	line-height: 1.5;
-	text-align: center;
-	font-size: .9rem;
-	color: var(--shadow);
-}
-</style>
diff --git a/assets/components/settings/settings.vue b/assets/components/settings/settings.vue
deleted file mode 100644
index 44b2be562..000000000
--- a/assets/components/settings/settings.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-	<Dialog
-		title="Settings"
-		@close="$emit('close')"
-	>
-		<nav class="tabs">
-			<button
-				class="tab"
-				:class="{ selected: section === 'filters' }"
-				@click="section = 'filters'"
-			>Filters</button>
-
-			<button
-				class="tab"
-				:class="{ selected: section === 'summary' }"
-				@click="section = 'summary'"
-			>Summary</button>
-		</nav>
-
-		<div class="dialog-body">
-			<component :is="sections[section]" />
-		</div>
-	</Dialog>
-</template>
-
-<script>
-import { shallowRef } from 'vue';
-
-import Filters from './filters.vue';
-import Summary from './summary.vue';
-
-export default {
-	emits: ['close'],
-	data() {
-		return {
-			sections: {
-				filters: shallowRef(Filters),
-				summary: shallowRef(Summary),
-			},
-			section: 'filters',
-		};
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.dialog-body {
-	width: 40rem;
-	max-width: 100%;
-}
-
-.tabs {
-	display: flex;
-}
-
-.tab {
-	flex-grow: 1;
-	padding: .75rem 1rem;
-	background: var(--shadow-touch);
-	border: none;
-	border-bottom: solid 1px var(--shadow-hint);
-	color: var(--shadow);
-	font-size: 1rem;
-	font-weight: bold;
-
-	&:not(:first-child) {
-		border-left: solid 1px var(--shadow-hint);
-	}
-
-	&.selected {
-		background: none;
-		color: var(--primary);
-		border-bottom: none;
-	}
-
-	&:hover {
-		color: var(--shadow-strong);
-		cursor: pointer;
-	}
-}
-</style>
diff --git a/assets/components/settings/summary.vue b/assets/components/settings/summary.vue
deleted file mode 100644
index 014d0c884..000000000
--- a/assets/components/settings/summary.vue
+++ /dev/null
@@ -1,327 +0,0 @@
-<template>
-	<div>
-		<div class="dialog-section">
-			<h3 class="form-heading">Summary format</h3>
-
-			<ul class="summary nolist">
-				<li
-					v-for="(group, groupIndex) in summaryFormat"
-					:key="groupIndex"
-					class="summary-group"
-				>
-					<div class="summary-options">
-						<label class="summary-option">Delimiter
-							<input
-								class="input summary-delimiter"
-								:value="group.delimiter"
-								@change="setSummaryGroupValue(groupIndex, 'delimiter', $event.target.value)"
-							>
-						</label>
-
-						<label class="summary-option">Brackets
-							<select
-								class="select summary-delimiter"
-								:value="group.bracket"
-								@change="setSummaryGroupValue(groupIndex, 'bracket', $event.target.value)"
-							>
-								<option
-									v-for="bracket in brackets"
-									:key="bracket"
-								>{{ bracket }}</option>
-							</select>
-						</label>
-					</div>
-
-					<ul class="summary-segments nolist">
-						<li
-							v-for="(segment, segmentIndex) in group.segments"
-							:key="segmentIndex"
-							class="summary-segment"
-						>
-							<select
-								class="select summary-prop"
-								:value="segment.prop"
-								@change="setSummarySegmentValue(groupIndex, segmentIndex, 'prop', $event.target.value)"
-							>
-								<option>channel</option>
-								<option>network</option>
-								<option>title</option>
-								<option>movie</option>
-								<option>tags</option>
-								<option>actors</option>
-								<option>date</option>
-							</select>
-
-							<input
-								v-if="delimitedProps.includes(segment.prop)"
-								class="input summary-delimiter"
-								:value="segment.delimiter"
-								@change="setSummarySegmentValue(groupIndex, segmentIndex, 'delimiter', $event.target.value)"
-							>
-
-							<select
-								v-if="segment.prop === 'date'"
-								class="select summary-format"
-								:value="segment.format"
-								@change="setSummarySegmentValue(groupIndex, segmentIndex, 'format', $event.target.value)"
-							>
-								<option>YYYY-MM-DD</option>
-								<option>DD-MM-YYYY</option>
-								<option>MM/DD/YYYY</option>
-							</select>
-
-							<Icon
-								icon="bin"
-								class="active"
-								@click="removeSummarySegment(groupIndex, segmentIndex)"
-							/>
-						</li>
-
-						<li class="summary-actions">
-							<button
-								type="button"
-								class="button button-secondary"
-								@click="addSummarySegment(groupIndex)"
-							>Add segment</button>
-
-							<button
-								type="button"
-								class="button button-secondary"
-								@click="removeSummaryGroup(groupIndex)"
-							>Remove group</button>
-						</li>
-					</ul>
-				</li>
-
-				<li class="summary summary-actions">
-					<button
-						type="button"
-						class="button button-secondary"
-						@click="addSummaryGroup"
-					>Add group</button>
-
-					<button
-						type="button"
-						class="button button-secondary"
-						@click="resetSummaryFormat"
-					>Reset to default</button>
-				</li>
-			</ul>
-		</div>
-
-		<div class="dialog-section">
-			<h3 class="form-heading">Preview</h3>
-
-			<input
-				class="input summary-preview"
-				:value="summary"
-				:title="summary"
-				disabled
-			>
-		</div>
-	</div>
-</template>
-
-<script>
-import formatSummary from '../../js/utils/format-summary';
-
-function summary() {
-	return formatSummary(this.scene, this.summaryFormat);
-}
-
-function summaryFormat() {
-	return this.$store.state.ui.summaryFormat;
-}
-
-function setSummaryGroupValue(targetGroupIndex, target, value) {
-	const newFormat = this.summaryFormat.map((group, groupIndex) => {
-		if (groupIndex === targetGroupIndex) {
-			return {
-				...group,
-				[target]: value,
-			};
-		}
-
-		return group;
-	});
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function setSummarySegmentValue(targetGroupIndex, targetSegmentIndex, target, value) {
-	const newFormat = this.summaryFormat.map((group, groupIndex) => {
-		if (groupIndex === targetGroupIndex) {
-			return {
-				...group,
-				segments: group.segments.map((segment, segmentIndex) => {
-					if (segmentIndex === targetSegmentIndex) {
-						return {
-							...segment,
-							[target]: value,
-						};
-					}
-
-					return segment;
-				}),
-			};
-		}
-
-		return group;
-	});
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function addSummarySegment(targetGroupIndex) {
-	const newFormat = this.summaryFormat.map((group, groupIndex) => {
-		if (groupIndex === targetGroupIndex) {
-			return {
-				...group,
-				segments: group.segments.concat({
-					prop: 'title',
-					delimiter: ',',			// default delimiter for when prop is changed to iterabte like actors or tags
-					format: 'YYYY-MM-DD',	// default format for when prop is changed to date
-				}),
-			};
-		}
-
-		return group;
-	});
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function addSummaryGroup() {
-	const newFormat = this.summaryFormat.concat({
-		delimiter: ' - ',
-		segments: [{ prop: 'title' }],
-	});
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function removeSummaryGroup(groupIndex) {
-	const newFormat = this.summaryFormat.filter((group, index) => index !== groupIndex);
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function removeSummarySegment(targetGroupIndex, targetSegmentIndex) {
-	const newFormat = this.summaryFormat.map((group, groupIndex) => ({
-		...group,
-		segments: groupIndex === targetGroupIndex
-			? group.segments.filter((segment, index) => index !== targetSegmentIndex)
-			: group.segments,
-	}));
-
-	this.$store.dispatch('setSummaryFormat', newFormat);
-}
-
-function resetSummaryFormat() {
-	this.$store.dispatch('setSummaryFormat', this.$store.state.ui.defaultSummaryFormat);
-}
-
-export default {
-	data() {
-		return {
-			delimiters: [null, '-', '_', ',', '.'],
-			brackets: [null, '()', '[]', '{}', '<>'],
-			delimitedProps: ['actors', 'tags'],
-			scene: {
-				channel: 'Channel',
-				network: 'Network',
-				title: 'Title',
-				movie: 'Movie',
-				scene: 1,
-				actors: ['Jane Doe', 'John Doe'],
-				date: new Date(),
-			},
-		};
-	},
-	computed: {
-		summary,
-		summaryFormat,
-	},
-	methods: {
-		addSummaryGroup,
-		setSummaryGroupValue,
-		addSummarySegment,
-		setSummarySegmentValue,
-		removeSummaryGroup,
-		removeSummarySegment,
-		resetSummaryFormat,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.summary {
-	.icon {
-		padding: .5rem;
-	}
-}
-
-.summary-group,
-.summary-segment {
-	display: flex;
-}
-
-.summary-group {
-	display: flex;
-	flex-direction: column;
-	margin-bottom: .5rem;
-
-	.button {
-		margin-top: .5rem;
-	}
-
-	&:not(:last-child) {
-		padding-bottom: .5rem;
-		border-bottom: solid 1px var(--shadow-hint);
-		margin-bottom: .5rem;
-	}
-}
-
-.summary-segments {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-}
-
-.summary-segment {
-	display: flex;
-	align-items: center;
-	margin-bottom: .25rem;
-}
-
-.summary-delimiter {
-	width: 5rem;
-}
-
-.summary-format {
-	width: 9rem;
-}
-
-.summary-prop {
-	flex-grow: 1;
-}
-
-.summary-options {
-	margin-bottom: .5rem;
-}
-
-.summary-option:not(:last-child) {
-	margin-right: 1rem;
-}
-
-.summary-actions {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.summary-preview {
-	width: 100%;
-	margin-bottom: 1rem;
-}
-</style>
diff --git a/assets/components/sidebar/sidebar.vue b/assets/components/sidebar/sidebar.vue
deleted file mode 100755
index 3b7e6b342..000000000
--- a/assets/components/sidebar/sidebar.vue
+++ /dev/null
@@ -1,414 +0,0 @@
-<template>
-	<div
-		class="sidebar-container"
-		@click="events.emit('toggleSidebar', false)"
-	>
-		<div
-			class="sidebar"
-			@click.stop
-		>
-			<div class="sidebar-section">
-				<div class="sidebar-header">
-					<RouterLink
-						to="/updates"
-						class="logo-link"
-						@click="events.emit('toggleSidebar', false)"
-					>
-						<h1 class="sidebar-logo">
-							<div
-								class="logo"
-								v-html="logo"
-							/>
-						</h1>
-					</RouterLink>
-
-					<Icon
-						icon="cross2"
-						class="sidebar-close noselect"
-						@click.native="events.emit('toggleSidebar', false)"
-					/>
-				</div>
-
-				<Search
-					class="search"
-					@search="events.emit('toggleSidebar', false)"
-				/>
-
-				<nav class="nav">
-					<ul class="nolist">
-						<li
-							class="nav-item"
-							@click="events.emit('toggleSidebar', false)"
-						>
-							<RouterLink
-								v-slot="{ href, isActive, navigate }"
-								to="/updates"
-								custom
-							>
-								<a
-									class="nav-link"
-									:href="href"
-									:class="{ active: isActive }"
-									@click="navigate"
-								>Home</a>
-							</RouterLink>
-						</li>
-
-						<li
-							class="nav-item"
-							@click="events.emit('toggleSidebar', false)"
-						>
-							<RouterLink
-								v-slot="{ href, isActive, navigate }"
-								to="/actors"
-								custom
-							>
-								<a
-									class="nav-link"
-									:href="href"
-									:class="{ active: isActive }"
-									@click="navigate"
-								>Actors</a>
-							</RouterLink>
-						</li>
-
-						<li
-							class="nav-item"
-							@click="events.emit('toggleSidebar', false)"
-						>
-							<RouterLink
-								v-slot="{ href, isActive, navigate }"
-								to="/channels"
-								custom
-							>
-								<a
-									class="nav-link"
-									:href="href"
-									:class="{ active: isActive }"
-									@click="navigate"
-								>Channels</a>
-							</RouterLink>
-						</li>
-
-						<li
-							class="nav-item"
-							@click="events.emit('toggleSidebar', false)"
-						>
-							<RouterLink
-								v-slot="{ href, isActive, navigate }"
-								to="/movies"
-								custom
-							>
-								<a
-									class="nav-link"
-									:href="href"
-									:class="{ active: isActive }"
-									@click="navigate"
-								>Movies</a>
-							</RouterLink>
-						</li>
-
-						<li
-							class="nav-item"
-							@click="events.emit('toggleSidebar', false)"
-						>
-							<RouterLink
-								v-slot="{ href, isActive, navigate }"
-								to="/tags"
-								custom
-							>
-								<a
-									class="nav-link"
-									:href="href"
-									:class="{ active: isActive }"
-									@click="navigate"
-								>Tags</a>
-							</RouterLink>
-						</li>
-					</ul>
-				</nav>
-			</div>
-
-			<div class="sidebar-section controls noselect">
-				<label
-					v-if="login && me"
-					@click="events.emit('toggleSidebar', false)"
-				>
-					<RouterLink
-						:to="{ name: 'user', params: { username: me.username } }"
-						class="toggle username nolink"
-					>{{ me.username }}</RouterLink>
-				</label>
-
-				<div class="toggles noselect">
-					<label
-						v-if="login && !me"
-						@click="events.emit('toggleSidebar', false)"
-					>
-						<RouterLink
-							:to="{ name: 'login', query: { ref: $route.path } }"
-							class="toggle nolink"
-						><Icon icon="enter2" />Log in</RouterLink>
-					</label>
-
-					<label
-						v-if="login && me"
-						class="toggle"
-						@click.stop="$store.dispatch('logout')"
-					><Icon icon="exit2" />Log out</label>
-
-					<label
-						v-show="sfw"
-						class="toggle"
-						@click="setSfw(false)"
-					><Icon icon="fire" />Disable safe mode</label>
-
-					<label
-						v-show="!sfw"
-						class="toggle"
-						@click="setSfw(true)"
-					><Icon icon="flower" />Enable safe mode</label>
-
-					<label
-						v-show="theme === 'dark'"
-						class="toggle"
-						@click="setTheme('light')"
-					><Icon icon="sun" />Use light theme</label>
-
-					<label
-						v-show="theme === 'light'"
-						class="toggle"
-						@click="setTheme('dark')"
-					><Icon icon="moon" />Use dark theme</label>
-
-					<label
-						class="toggle"
-						@click="events.emit('toggleSettings', true)"
-					><Icon icon="cog" />Settings</label>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-import Search from '../header/search.vue';
-
-import logo from '../../img/logo.svg';
-
-function sfw(state) {
-	return state.ui.sfw;
-}
-
-function theme(state) {
-	return state.ui.theme;
-}
-
-function login(state) {
-	return state.auth.login;
-}
-
-function signup(state) {
-	return state.auth.signup;
-}
-
-function me(state) {
-	return state.auth.user;
-}
-
-function setTheme(newTheme) {
-	this.$store.dispatch('setTheme', newTheme);
-}
-
-function setSfw(enabled) {
-	this.$store.dispatch('setSfw', enabled);
-}
-
-export default {
-	components: {
-		Search,
-	},
-	data() {
-		return {
-			logo,
-		};
-	},
-	computed: {
-		...mapState({
-			login,
-			signup,
-			me,
-			sfw,
-			theme,
-		}),
-	},
-	methods: {
-		setTheme,
-		setSfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.sidebar-container {
-    height: 100%;
-	width: 100%;
-    position: absolute;
-    z-index: 10;
-	background: var(--darken-weak);
-}
-
-.sidebar {
-    display: flex;
-    flex-direction: column;
-	justify-content: space-between;
-    width: 15rem;
-    height: 100%;
-	margin: 0 0 0 auto;
-    color: var(--text);
-    background: var(--background);
-    box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.sidebar-header {
-    display: flex;
-    justify-content: space-between;
-    height: 3rem;
-    border-bottom: solid 1px var(--shadow-hint);
-}
-
-.sidebar-close {
-    width: 1.25rem;
-    height: 100%;
-    padding: 0 1.125rem;
-	fill: var(--shadow-modest);
-
-    &:hover {
-        fill: var(--primary);
-        cursor: pointer;
-    }
-}
-
-.sidebar-logo {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    margin: 0;
-}
-
-.sidebar-section {
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-}
-
-.logo-link {
-    display: block;
-    height: 100%;
-    padding: 0 1rem;
-}
-
-.logo {
-    width: 6rem;
-    display: flex;
-    align-items: center;
-    margin: 0;
-	fill: var(--primary);
-}
-
-:deep(.search) {
-	height: 3rem;
-	border-bottom: solid 1px var(--shadow-hint);
-	padding: 0;
-	margin: 0 0 .5rem 0;
-
-	.search-input {
-		padding: .5rem 0 .5rem 1rem;
-	}
-}
-
-.nav {
-	flex-grow: 1;
-	overflow-x: auto;
-}
-
-.nav-item {
-    display: block;
-}
-
-.nav-link {
-    color: var(--shadow);
-    display: block;
-    padding: 1rem;
-    text-decoration: none;
-    font-weight: bold;
-
-	&:hover {
-        color: var(--shadow-strong);
-    }
-
-    &.active {
-		color: var(--primary);
-    }
-}
-
-.controls {
-	margin: .5rem 0 0 0;
-}
-
-.toggles {
-	flex-shrink: 0;
-	border-top: solid 1px var(--shadow-hint);
-}
-
-.toggle {
-	display: flex;
-	padding: 1rem;
-	color: var(--shadow);
-	font-weight: bold;
-
-	&.username {
-		justify-content: center;
-	}
-
-	.icon {
-		fill: var(--shadow);
-		margin: 0 1rem 0 0;
-	}
-
-	&.active .icon {
-		fill: var(--primary);
-	}
-
-	&:hover {
-		cursor: pointer;
-		color: var(--shadow-strong);
-
-		&:not(.active) .icon {
-			fill: var(--shadow-strong);
-		}
-	}
-}
-
-.dark .sidebar {
-    background: var(--profile);
-
-	.nav-link {
-		color: var(--shadow);
-
-		&.active {
-			color: var(--text-light);
-		}
-	}
-
-	.sidebar-close {
-		fill: var(--lighten);
-
-		&:hover {
-			fill: var(--text-light);
-		}
-	}
-}
-</style>
diff --git a/assets/components/stashes/add.vue b/assets/components/stashes/add.vue
deleted file mode 100755
index 8f45bb60a..000000000
--- a/assets/components/stashes/add.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<Dialog
-		title="Add stash"
-		@close="$emit('close', false)"
-	>
-		<form
-			class="dialog-body"
-			@submit.prevent="addStash"
-		>
-			<div
-				v-if="errorMsg"
-				class="form-error"
-			>{{ errorMsg }}</div>
-
-			<input
-				ref="name"
-				v-model="name"
-				type="input"
-				placeholder="Name"
-				class="input"
-			>
-
-			<div class="dialog-actions right">
-				<button
-					type="submit"
-					class="button button-primary"
-				>Add</button>
-			</div>
-		</form>
-	</Dialog>
-</template>
-
-<script>
-async function addStash() {
-	this.errorMsg = null;
-
-	try {
-		await this.$store.dispatch('createStash', {
-			name: this.name,
-		});
-
-		this.$emit('close', true);
-	} catch (error) {
-		this.errorMsg = error.message;
-	}
-}
-
-function mounted() {
-	this.$refs.name.focus();
-}
-
-export default {
-	emits: ['close'],
-	data() {
-		return {
-			errorMsg: null,
-			name: null,
-		};
-	},
-	mounted,
-	methods: {
-		addStash,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.input {
-	width: 100%;
-}
-</style>
diff --git a/assets/components/stashes/button.vue b/assets/components/stashes/button.vue
deleted file mode 100755
index de1790e78..000000000
--- a/assets/components/stashes/button.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-	<span class="stash-container">
-		<Tooltip class="stash-trigger">
-			<Icon
-				v-show="me"
-				icon="menu"
-				class="stash noselect"
-				:class="{ stashed }"
-			/>
-
-			<template v-slot:tooltip>
-				<StashMenu
-					:stashed-by="stashedBy"
-					@stash="(stashId) => $emit('stash', stashId)"
-					@unstash="(stashId) => $emit('unstash', stashId)"
-				/>
-			</template>
-		</Tooltip>
-
-		<Icon
-			v-show="me && favorited"
-			icon="heart7"
-			class="stash stashed noselect"
-			@click.native="() => $emit('unstash', favorites.id)"
-		/>
-
-		<Icon
-			v-show="me && !favorited"
-			icon="heart8"
-			class="stash unstashed noselect"
-			@click.native="() => $emit('stash', favorites.id)"
-		/>
-	</span>
-</template>
-
-<script>
-import StashMenu from './menu.vue';
-
-function favorited() {
-	return this.stashedBy.some(stash => stash.primary);
-}
-
-function stashed() {
-	return this.stashedBy.some(stash => !stash.primary);
-}
-
-function favorites() {
-	return this.$store.getters.favorites;
-}
-
-function me() {
-	return this.$store.state.auth.user;
-}
-
-export default {
-	components: {
-		StashMenu,
-	},
-	props: {
-		stashedBy: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	emits: ['stash', 'unstash'],
-	computed: {
-		me,
-		favorites,
-		favorited,
-		stashed,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.stash-container {
-	flex-shrink: 0;
-
-	&.light .icon {
-		fill: var(--lighten);
-	}
-}
-
-.stash.icon {
-	width: 1.5rem;
-	height: 1.5rem;
-	padding: 0 .5rem;
-	fill: var(--shadow);
-
-	&.stashed {
-		fill: var(--primary);
-	}
-
-	&:hover {
-		fill: var(--primary);
-		cursor: pointer;
-	}
-}
-
-.stash-trigger {
-	display: inline-block;
-}
-
-@media(max-width: $breakpoint) {
-	.stash.icon {
-		width: 1.25rem;
-		height: 1.25rem;
-	}
-}
-</style>
diff --git a/assets/components/stashes/menu.vue b/assets/components/stashes/menu.vue
deleted file mode 100755
index 76dc4b414..000000000
--- a/assets/components/stashes/menu.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<ul class="menu nolist">
-		<li
-			v-for="stash in stashes"
-			:key="`stash-${stash.id}`"
-			class="menu-item"
-		>
-			<label class="menu-stash noselect">
-				<Checkbox
-					:checked="stashedByIds.has(stash.id)"
-					class="menu-check"
-					@change="(checked) => checked ? $emit('stash', stash.id) : $emit('unstash', stash.id)"
-				/>{{ stash.name }}
-			</label>
-		</li>
-	</ul>
-</template>
-
-<script>
-import Checkbox from '../form/checkbox.vue';
-
-function stashes() {
-	return this.$store.state.auth.user?.stashes || [];
-}
-
-export default {
-	components: {
-		Checkbox,
-	},
-	props: {
-		stashedBy: {
-			type: Array,
-			default: () => [],
-		},
-	},
-	emits: ['stash', 'unstash'],
-	data() {
-		const stashedByIds = new Set(this.stashedBy.map(stash => stash.id));
-
-		return {
-			stashedByIds,
-		};
-	},
-	computed: {
-		stashes,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.menu-item {
-	color: var(--text);
-	display: block;
-}
-
-.menu-stash {
-	display: flex;
-	align-items: center;
-	padding: .5rem 1rem .5rem .5rem;
-
-	&:hover {
-		color: var(--primary);
-		cursor: pointer;
-	}
-}
-
-.menu-check {
-	display: inline-block;
-	margin: 0 .75rem 0 0;
-}
-</style>
diff --git a/assets/components/stashes/remove.vue b/assets/components/stashes/remove.vue
deleted file mode 100755
index bb84c5bde..000000000
--- a/assets/components/stashes/remove.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-	<Dialog
-		title="Remove stash"
-		@close="$emit('close', false)"
-	>
-		<form
-			class="dialog-body"
-			@submit.prevent="removeStash"
-		>
-			Are you sure you want to remove stash "{{ stash.name }}"?
-
-			<div class="dialog-actions right">
-				<button
-					type="submit"
-					class="button button-primary"
-				>Remove</button>
-			</div>
-		</form>
-	</Dialog>
-</template>
-
-<script>
-async function removeStash() {
-	await this.$store.dispatch('removeStash', this.stash.id);
-
-	this.$emit('close', true);
-}
-
-export default {
-	props: {
-		stash: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['close'],
-	methods: {
-		removeStash,
-	},
-};
-</script>
diff --git a/assets/components/stashes/stash.vue b/assets/components/stashes/stash.vue
deleted file mode 100755
index 021aea266..000000000
--- a/assets/components/stashes/stash.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<template>
-	<div
-		v-if="stash"
-		class="stash content"
-	>
-		<div class="stash-header">
-			<h2
-				:title="stash.name"
-				class="stash-name"
-			>{{ stash.name }}</h2>
-
-			<span class="header-section">
-				<RouterLink
-					v-if="stash.user"
-					:to="{ name: 'user', params: { username: stash.user.username } }"
-					class="header-item stash-username nolink"
-				><Icon icon="user3" /><span class="username-name">{{ stash.user.username }}</span></RouterLink>
-
-				<label
-					v-if="isMine"
-					v-tooltip="'Public'"
-					:class="{ public: stash.public }"
-					class="header-item stash-public"
-				>
-					<Icon
-						v-show="stash.public"
-						icon="eye"
-					/>
-
-					<Icon
-						v-show="!stash.public"
-						icon="eye-blocked"
-					/>
-
-					<Toggle
-						:checked="stash.public"
-						class="light"
-						@change="checked => publishStash(checked)"
-					/>
-				</label>
-
-				<Icon
-					v-if="isMine && !stash.primary"
-					icon="bin"
-					class="stash-remove"
-					@click.native="showRemoveStash = true"
-				/>
-
-				<RemoveStash
-					v-if="showRemoveStash"
-					:stash="stash"
-					@close="removeStash"
-				/>
-			</span>
-		</div>
-
-		<div class="content-inner">
-			<FilterBar :ranges="['scenes', 'actors', 'movies']" />
-
-			<Releases
-				v-if="$route.params.range === 'scenes' && stash.scenes?.length > 0"
-				:releases="stash.scenes.map(item => item.scene)"
-				:stash="stash"
-				class="stash-section stash-scenes"
-				@stash="fetchStash"
-			/>
-
-			<ul
-				v-if="$route.params.range === 'actors'"
-				class="stash-section stash-actors nolist"
-			>
-				<li
-					v-for="item in stash.actors"
-					:key="item.id"
-				><Actor
-					:actor="item.actor"
-					:stash="stash"
-					@stash="fetchStash"
-				/></li>
-			</ul>
-
-			<div
-				v-if="$route.params.range === 'movies'"
-				class="stash-movies"
-			>
-				<Movie
-					v-for="item in stash.movies"
-					:key="`movie-${item.id}`"
-					:movie="item.movie"
-					:stash="stash"
-					@stash="fetchStash"
-				/>
-			</div>
-
-			<Pagination
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-bottom"
-			/>
-
-			<Footer />
-		</div>
-	</div>
-</template>
-
-<script>
-import Actor from '../actors/tile.vue';
-import Releases from '../releases/releases.vue';
-import Movie from '../releases/movie-tile.vue';
-import RemoveStash from './remove.vue';
-import Toggle from '../form/toggle.vue';
-import FilterBar from '../filters/filter-bar.vue';
-import Pagination from '../pagination/pagination.vue';
-
-async function fetchStash() {
-	this.stash = await this.$store.dispatch('fetchStash', {
-		stashId: this.$route.params.stashId,
-		stashSlug: this.$route.params.stashSlug,
-		username: this.$route.params.username,
-		section: this.$route.params.range,
-		pageNumber: this.$route.params.pageNumber || 1,
-		limit: this.limit,
-	});
-
-	this.isMine = this.stash.user?.id === this.$store.state.auth.user?.id;
-
-	if (this.$route.params.range === 'scenes') {
-		this.totalCount = this.stash.sceneTotal;
-	}
-
-	if (this.$route.params.range === 'actors') {
-		this.totalCount = this.stash.actorTotal;
-	}
-
-	if (this.$route.params.range === 'movies') {
-		this.totalCount = this.stash.movieTotal;
-	}
-
-	this.pageTitle = this.stash.name;
-}
-
-async function publishStash(isPublic) {
-	await this.$store.dispatch('updateStash', {
-		stashId: this.stash.id,
-		stash: { public: isPublic },
-	});
-
-	this.fetchStash();
-}
-
-async function removeStash(removed) {
-	this.showRemoveStash = false;
-
-	if (removed && this.stash.user) {
-		this.$router.replace({ name: 'user', params: { username: this.stash.user.username } });
-		return;
-	}
-
-	if (removed) {
-		this.$router.replace({ name: 'home' });
-	}
-}
-
-async function mounted() {
-	await this.fetchStash();
-}
-
-export default {
-	components: {
-		Actor,
-		Movie,
-		Releases,
-		RemoveStash,
-		Pagination,
-		FilterBar,
-		Toggle,
-	},
-	data() {
-		return {
-			stash: null,
-			limit: Number(this.$route.query.limit) || 20,
-			pageTitle: null,
-			showRemoveStash: false,
-			isMine: false,
-			totalCount: 0,
-		};
-	},
-	watch: {
-		$route: fetchStash,
-	},
-	mounted,
-	methods: {
-		fetchStash,
-		publishStash,
-		removeStash,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.stash-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	background: var(--profile);
-	color: var(--text-light);
-
-	.icon {
-		fill: var(--text-light);
-		margin: -.1rem .5rem 0 0;
-	}
-}
-
-.header-section,
-.header-item {
-	height: 100%;
-	display: flex;
-	align-items: center;
-}
-
-.stash-name,
-.stash-username {
-	box-sizing: border-box;
-	padding: .5rem 1rem;
-	font-weight: bold;
-}
-
-.stash-username {
-	display: inline-flex;
-	align-items: center;
-	margin: 0 .5rem 0 0;
-}
-
-.stash-name {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	margin: 0;
-}
-
-.stash-public {
-	cursor: pointer;
-	margin: 0 .5rem 0 0;
-
-	.icon {
-		margin: 0 .75rem 0 0;
-		cursor: pointer;
-	}
-}
-
-.stash-remove.icon {
-	height: 100%;
-	padding: 0 1rem;
-	fill: var(--lighten-strong);
-
-	&:hover {
-		fill: var(--text-light);
-		cursor: pointer;
-	}
-}
-
-.stash-actors {
-    display: grid;
-    grid-gap: .5rem;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-	grid-template-rows: min-content;
-	flex-grow: 1;
-	padding: 1rem;
-	border-top: solid 1px var(--shadow-hint);
-}
-
-.stash-movies {
-	display: grid;
-	flex-grow: 1;
-	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
-	grid-template-rows: min-content;
-	grid-gap: 1rem;
-	padding: 1rem;
-	border-top: solid 1px var(--shadow-hint);
-}
-
-.stash-scenes .tiles {
-	grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
-	grid-template-rows: min-content;
-}
-
-@media(max-width: $breakpoint-small) {
-	.stash-name {
-		font-size: 1.25rem;
-	}
-
-	.username-name {
-		display: none;
-	}
-
-	.stash-username {
-		margin: 0;
-	}
-}
-</style>
diff --git a/assets/components/stats/stats.vue b/assets/components/stats/stats.vue
deleted file mode 100755
index 8f4ba3482..000000000
--- a/assets/components/stats/stats.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-	<div class="stats">
-		<div class="content-inner">
-			<h1 class="heading">Stats</h1>
-
-			<dl class="stat-table">
-				<div class="stat-row">
-					<dt class="stat-label">Version</dt>
-					<dd class="stat-value">{{ version }}</dd>
-				</div>
-			</dl>
-
-			<template v-if="loaded">
-				<dl class="stat-table">
-					<div class="stat-row">
-						<dt class="stat-label">Content updated</dt>
-						<dd
-							class="stat-value"
-							:title="format(lastScrape, 'yyyy-MM-dd HH:mm')"
-						>{{ formatDistance(lastScrape, new Date(), { includeSeconds: true }) }} ago</dd>
-					</div>
-				</dl>
-
-				<dl class="stat-table">
-					<div class="stat-row">
-						<dt class="stat-label">Networks</dt>
-						<dd class="stat-value">{{ totalNetworks.toLocaleString() }}</dd>
-					</div>
-
-					<div class="stat-row">
-						<dt class="stat-label">Channels</dt>
-						<dd class="stat-value">{{ totalChannels.toLocaleString() }}</dd>
-					</div>
-
-					<div class="stat-row">
-						<dt class="stat-label">Scenes</dt>
-						<dd class="stat-value">{{ totalScenes.toLocaleString() }}</dd>
-					</div>
-
-					<div class="stat-row">
-						<dt class="stat-label">Movies</dt>
-						<dd class="stat-value">{{ totalMovies.toLocaleString() }}</dd>
-					</div>
-
-					<div class="stat-row">
-						<dt class="stat-label">Actors</dt>
-						<dd class="stat-value">{{ totalActors.toLocaleString() }}</dd>
-					</div>
-				</dl>
-			</template>
-
-			<Ellipsis v-else />
-		</div>
-
-		<Footer />
-	</div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import { useStore } from 'vuex';
-import { format, formatDistance } from 'date-fns';
-
-import Ellipsis from '../loading/ellipsis.vue';
-
-const store = useStore();
-const version = VERSION; // eslint-disable-line no-undef
-
-const loaded = ref(false);
-const totalScenes = ref(0);
-const totalMovies = ref(0);
-const totalActors = ref(0);
-const totalNetworks = ref(0);
-const totalChannels = ref(0);
-const lastScrape = ref(null);
-
-onMounted(async () => {
-	const stats = await store.dispatch('fetchStats');
-
-	totalScenes.value = stats.totalScenes;
-	totalMovies.value = stats.totalMovies;
-	totalActors.value = stats.totalActors;
-	totalNetworks.value = stats.totalNetworks;
-	totalChannels.value = stats.totalChannels;
-	lastScrape.value = stats.lastScrape;
-
-	loaded.value = true;
-});
-</script>
-
-<style lang="scss" scoped>
-.stats {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.content-inner {
-	padding: 1rem;
-}
-
-.stat-table {
-	margin: 0 0 1rem 0;
-}
-
-.stat-row {
-	width: 20rem;
-	max-width: 100%;
-	display: flex;
-	padding: .5rem 0;
-	justify-content: space-between;
-
-	&:not(:last-child) {
-		border-bottom: solid 1px var(--shadow-hint);
-	}
-}
-
-.stat-label {
-	display: inline-block;
-	font-weight: bold;
-	color: var(--shadow-strong);
-}
-
-.stat-value {
-	display: inline-block;
-}
-</style>
diff --git a/assets/components/tags/photos.vue b/assets/components/tags/photos.vue
deleted file mode 100755
index a08af4715..000000000
--- a/assets/components/tags/photos.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-	<div class="photos">
-		<Campaign
-			:tag="tag"
-			:min-height="240"
-			:max-ratio="1.5"
-			class="photo-link photo"
-			@campaign="campaign => $emit('campaign', campaign)"
-		/>
-
-		<a
-			v-for="photo in photos"
-			:key="`photo-${photo.id}`"
-			:title="photo.comment"
-			:href="`/img/${photo.path}`"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="photo-link"
-		>
-			<img
-				:src="getPath(photo, 'thumbnail', { local: true })"
-				:style="{ 'background-image': getBgPath(photo, 'lazy', { local: true }) }"
-				:alt="photo.comment"
-				:width="photo.thumbnailWidth"
-				:height="photo.thumbnailHeight"
-				class="photo"
-				@load="$emit('load', $event)"
-			>
-
-			<Logo :photo="photo" />
-
-			<router-link
-				v-if="photo.comment && photo.entity"
-				:to="`/${photo.entity.type}/${photo.entity.slug}`"
-				class="photo-comment"
-			>{{ photo.comment }} for {{ photo.entity.name }}</router-link>
-
-			<span
-				v-else-if="photo.comment"
-				class="photo-comment"
-			>{{ photo.comment }}</span>
-		</a>
-	</div>
-</template>
-
-<script>
-import Logo from '../album/logo.vue';
-import Campaign from '../campaigns/campaign.vue';
-
-function photos() {
-	if (this.tag.poster && this.$store.state.ui.sfw) {
-		return [this.tag.poster].concat(this.tag.photos).map((photo) => photo.sfw);
-	}
-
-	if (this.$store.state.ui.sfw) {
-		return this.tag.photos.map((photo) => photo.sfw);
-	}
-
-	if (this.tag.poster) {
-		return [this.tag.poster].concat(this.tag.photos);
-	}
-
-	return this.tag.photos;
-}
-
-export default {
-	components: {
-		Logo,
-		Campaign,
-	},
-	props: {
-		tag: {
-			type: Object,
-			default: null,
-		},
-	},
-	emits: ['load', 'campaign'],
-	computed: {
-		photos,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.photos {
-	width: 100%;
-	padding: .5rem 1rem;
-	box-sizing: border-box;
-	white-space: nowrap;
-    font-size: 0;
-	border-bottom: solid 1px var(--shadow-hint);
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-
-	&.expanded {
-		display: flex;
-		justify-content: center;
-		flex-wrap: wrap;
-		padding: 0 0 0 1rem;
-
-		.photo-link {
-			margin: 0 .5rem .5rem 0;
-		}
-
-		.poster,
-		.photo {
-			max-height: 18rem;
-		}
-	}
-}
-
-.photo-link {
-	display: inline-block;
-	position: relative;
-	overflow: hidden;
-	margin: 0 .5rem 0 0;
-
-	&:last-child {
-		margin: 0 1rem 0 0;
-	}
-
-	&:hover {
-		.photo-comment {
-			transform: translateY(0);
-		}
-
-		::v-deep(.album-logo) {
-			opacity: 0;
-		}
-	}
-}
-
-.poster,
-.photo {
-	width: auto;
-	max-height: 15rem;
-	max-width: 100%;
-	box-shadow: 0 0 3px var(--shadow-weak);
-	object-fit: cover;
-	background-position: center;
-	background-size: cover;
-}
-
-.photo-comment {
-	width: 100%;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	box-sizing: border-box;
-	padding: .5rem;
-	color: var(--text-light);
-	background: var(--shadow);
-	font-size: .9rem;
-	text-shadow: 0 0 3px var(--shadow);
-	text-decoration: none;
-	white-space: normal;
-	line-height: 1.25;
-	transform: translateY(100%);
-	transition: transform .25s ease;
-}
-
-::v-deep(.campaign) .campaign-banner {
-	max-height: 15rem;
-	width: auto;
-}
-</style>
diff --git a/assets/components/tags/tag.vue b/assets/components/tags/tag.vue
deleted file mode 100755
index c6a6c0d00..000000000
--- a/assets/components/tags/tag.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-<template>
-	<div
-		v-if="tag"
-		class="tag content"
-	>
-		<div class="header">
-			<h2 class="title">
-				<Icon icon="price-tag4" />
-				{{ tag.name }}
-			</h2>
-		</div>
-
-		<div
-			class="content-inner"
-			@scroll="events.emit('scroll', $event)"
-		>
-			<div
-				v-if="description"
-				class="description header-description"
-				v-html="description"
-			/>
-
-			<Scroll
-				v-if="hasMedia"
-				v-slot="scroll"
-				class="scroll-dark"
-			>
-				<Photos
-					:tag="tag"
-					:class="{ expanded }"
-					@load="scroll.loaded"
-					@campaign="campaign => showBannerCampaign = !campaign"
-				/>
-			</Scroll>
-
-			<button
-				v-if="tag.photos && tag.photos.length > 2"
-				class="album-toggle"
-				@click="$router.push({ hash: '#album' })"
-			><Icon icon="grid3" />View album</button>
-
-			<Album
-				v-if="showAlbum"
-				:items="[tag.poster, ...tag.photos]"
-				:title="tag.name"
-				:local="true"
-				:tag="tag"
-				class="portrait"
-				@close="$router.replace({ hash: undefined })"
-			/>
-
-			<div
-				v-if="showBannerCampaign"
-				class="campaign-container"
-			>
-				<Campaign
-					:tag="tag"
-					:min-ratio="3"
-				/>
-			</div>
-
-			<FilterBar
-				ref="filter"
-				:fetch-releases="fetchReleases"
-			/>
-
-			<Releases
-				:releases="releases"
-				:done="done"
-			/>
-
-			<Pagination
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-bottom"
-			/>
-
-			<Footer />
-		</div>
-	</div>
-</template>
-
-<script>
-import config from 'config';
-import { Converter } from 'showdown';
-
-import escapeHtml from '../../../src/utils/escape-html';
-
-import FilterBar from '../filters/filter-bar.vue';
-import Photos from './photos.vue';
-import Album from '../album/album.vue';
-import Releases from '../releases/releases.vue';
-import Pagination from '../pagination/pagination.vue';
-import Scroll from '../scroll/scroll.vue';
-import Campaign from '../campaigns/campaign.vue';
-
-const converter = new Converter();
-
-async function fetchReleases(scroll = true) {
-	this.done = false;
-
-	const { tag, releases, totalCount } = await this.$store.dispatch('fetchTagBySlug', {
-		tagSlug: this.$route.params.tagSlug,
-		pageNumber: Number(this.$route.params.pageNumber),
-		limit: this.limit,
-		range: this.$route.params.range,
-	});
-
-	this.tag = tag;
-	this.releases = releases;
-	this.totalCount = totalCount;
-
-	this.hasMedia = this.tag.poster || this.tag.photos.length > 0;
-	this.description = this.tag.description && converter.makeHtml(escapeHtml(this.tag.description));
-
-	this.done = true;
-
-	if (this.hasMedia) {
-		this.showBannerCampaign = true;
-	}
-
-	if (scroll && this.$refs.filter) {
-		this.$refs.filter.$el.scrollIntoView();
-	}
-}
-
-function showAlbum() {
-	return this.tag.photos?.length > 0 && this.$route.hash === '#album';
-}
-
-async function watchRoute(to, from) {
-	if (to.hash !== '#album' && from.hash !== '#album') {
-		await this.fetchReleases();
-	}
-}
-
-async function mounted() {
-	await this.fetchReleases();
-	this.pageTitle = this.tag.name;
-}
-
-export default {
-	components: {
-		FilterBar,
-		Releases,
-		Album,
-		Photos,
-		Pagination,
-		Scroll,
-		Campaign,
-	},
-	data() {
-		return {
-			tag: null,
-			description: null,
-			releases: null,
-			done: false,
-			totalCount: 0,
-			limit: Number(this.$route.query.limit || 30) - config.campaigns.tiles, // reserve one campaign spot
-			pageTitle: null,
-			hasMedia: false,
-			expanded: false,
-			showBannerCampaign: false, // only show if photo campaign is not available
-		};
-	},
-	computed: {
-		showAlbum,
-	},
-	watch: {
-		$route: watchRoute,
-		'$store.state.ui.tagFilter': fetchReleases,
-	},
-	mounted,
-	methods: {
-		fetchReleases,
-	},
-};
-</script>
-
-<style lang="scss">
-@import 'theme';
-
-.description a {
-    color: var(--link);
-    text-decoration: inherit;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.description,
-.description p {
-    padding: 0;
-    margin: 0;
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.header {
-	display: flex;
-    background: var(--profile);
-    color: var(--text-light);
-    justify-content: space-between;
-}
-
-.title {
-	display: inline-block;
-    padding: .5rem 1rem;
-    margin: 0;
-    flex-shrink: 0;
-    text-transform: capitalize;
-
-    .icon {
-        fill: var(--text-light);
-        width: 1.25rem;
-        height: 1.25rem;
-    }
-}
-
-.description {
-	padding: 0 1rem .5rem 1rem;
-    line-height: 1.5;
-	color: var(--text-light);
-	background: var(--profile);
-}
-
-.scroll {
-	background: var(--background-dim);
-}
-
-.campaign-container {
-	max-height: 90px;
-	padding: .5rem 1rem 0 1rem;
-	background: var(--background-dim);
-	text-align: center;
-}
-</style>
diff --git a/assets/components/tags/tags.vue b/assets/components/tags/tags.vue
deleted file mode 100755
index 5c0594047..000000000
--- a/assets/components/tags/tags.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<template>
-	<div class="tags">
-		<div class="content-inner">
-			<SearchBar
-				:placeholder="'Search tags'"
-				class="search"
-			/>
-
-			<div
-				v-for="(tags, category) in categories"
-				:key="category"
-				class="category"
-			>
-				<h3 class="heading">{{ category }}</h3>
-
-				<div
-					:key="sfw"
-					class="tiles"
-				>
-					<Tag
-						v-for="tag in tags"
-						:key="`tag-${tag.id}`"
-						:tag="tag"
-						:lazy="true"
-					/>
-				</div>
-			</div>
-		</div>
-
-		<Footer />
-	</div>
-</template>
-
-<script>
-import Tag from './tile.vue';
-import SearchBar from '../search/bar.vue';
-
-const tagSlugsByCategory = {
-	popular: [
-		'anal',
-		'lesbian',
-		'interracial',
-		'mff',
-		'mfm',
-		'teen',
-		'milf',
-		'blowjob',
-		'gay',
-		'transsexual',
-		'dp',
-		'gangbang',
-		'facial',
-		'creampie',
-		'squirting',
-	],
-	appearance: [
-		'asian',
-		'black',
-		'latina',
-		'white',
-		'natural-boobs',
-		'enhanced-boobs',
-		'blonde',
-		'brunette',
-		'redhead',
-		'tattoos',
-		'piercings',
-	],
-	sexuality: [
-		'gay',
-		'bisexual',
-		'transsexual',
-	],
-	oral: [
-		'blowjob',
-		'pussy-eating',
-		'ass-eating',
-		'deepthroat',
-		'facefucking',
-		'69',
-		'atm',
-	],
-	manual: [
-		'handjob',
-		'fingering',
-		'anal-fingering',
-		'titty-fucking',
-		'fisting',
-		'anal-fisting',
-	],
-	group: [
-		'mfm',
-		'mff',
-		'orgy',
-		'gangbang',
-		'blowbang',
-	],
-	cumshot: [
-		'facial',
-		'creampie',
-		'cum-in-mouth',
-		'cum-on-boobs',
-		'cum-on-butt',
-		'cum-on-pussy',
-		'anal-creampie',
-		'oral-creampie',
-		'bukkake',
-		'fake-cum',
-	],
-	roleplay: [
-		'family',
-		'parody',
-		'schoolgirl',
-		'nurse',
-		'maid',
-		'nun',
-	],
-	extreme: [
-		'dp',
-		'airtight',
-		'dap',
-		'dvp',
-		'triple-penetration',
-		'tap',
-		'tvp',
-	],
-	fetish: [
-		'bdsm',
-		'femdom',
-		'bondage',
-		'free-use',
-		'latex',
-		'blindfold',
-	],
-	toys: [
-		'toys',
-		'toy-anal',
-		'toy-dp',
-		'double-dildo',
-		'double-dildo-blowjob',
-		'double-dildo-kiss',
-		'double-dildo-anal',
-		'double-dildo-dp',
-	],
-	misc: [
-		'gaping',
-		'squirting',
-		'oil',
-		'vr',
-		'bts',
-	],
-};
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-async function fetchTags() {
-	if (this.$route.query.query) {
-		await this.searchTags();
-		return;
-	}
-
-	const tags = await this.$store.dispatch('fetchTags', {
-		slugs: Object.values(tagSlugsByCategory).flat(),
-	});
-
-	const tagsBySlug = tags.reduce((acc, tag) => ({ ...acc, [tag.slug]: tag }), {});
-
-	this.categories = Object.entries(tagSlugsByCategory).reduce((acc, [category, tagSlugs]) => {
-		const categoryTags = tagSlugs.map((tagSlug) => tagsBySlug[tagSlug]).filter(Boolean);
-
-		if (categoryTags.length === 0) {
-			return acc;
-		}
-
-		return {
-			...acc,
-			[category]: categoryTags,
-		};
-	}, {});
-}
-
-async function searchTags() {
-	const tags = await this.$store.dispatch('searchTags', {
-		minLength: 1,
-		query: this.$route.query.query,
-		limit: 20,
-	});
-
-	this.categories = {
-		results: tags,
-	};
-}
-
-async function mounted() {
-	this.pageTitle = 'Tags';
-
-	await this.fetchTags();
-}
-
-export default {
-	components: {
-		Tag,
-		SearchBar,
-	},
-	data() {
-		return {
-			categories: {},
-			pageTitle: null,
-		};
-	},
-	computed: {
-		sfw,
-	},
-	watch: {
-		$route: fetchTags,
-		'$store.state.ui.tagFilter': fetchTags,
-	},
-	mounted,
-	methods: {
-		fetchTags,
-		searchTags,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.tags {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.content-inner {
-    padding: 1rem 1rem 0 1rem;
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(20rem, .33fr));
-    grid-gap: 1rem;
-}
-
-.heading {
-    text-transform: capitalize;
-	padding: 0 0 0 .5rem;
-	margin: 1.25rem 0 1rem 0;
-}
-
-.category:first-child .heading {
-	margin: .5rem 0 1rem 0;
-}
-
-.search {
-	margin: 0 0 .25rem 0;
-}
-
-@media(max-width: $breakpoint-mega) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(17.75rem, .5fr));
-    }
-
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 12rem;
-	}
-}
-
-@media(max-width: $breakpoint-kilo) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
-		grid-gap: .5rem;
-    }
-
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 14rem;
-	}
-}
-
-@media(max-width: $breakpoint) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr));
-		grid-gap: .5rem;
-    }
-
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 11rem;
-	}
-}
-
-@media(max-width: $breakpoint-small) {
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 10rem;
-	}
-}
-
-@media(max-width: $breakpoint-micro) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-    }
-
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 7.5rem;
-	}
-}
-
-@media(max-width: $breakpoint-mini) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
-    }
-
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 12rem;
-	}
-}
-
-@media(max-width: $breakpoint-nano) {
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 10rem;
-	}
-}
-
-@media(max-width: $breakpoint-pico) {
-	::v-deep(.poster),
-	::v-deep(.blank) {
-		height: 8rem;
-	}
-}
-</style>
diff --git a/assets/components/tags/tile.vue b/assets/components/tags/tile.vue
deleted file mode 100755
index cf9277a88..000000000
--- a/assets/components/tags/tile.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-	<div
-		class="tile"
-	>
-		<router-link
-			:to="`/tag/${tag.slug}`"
-			:title="tag.name"
-			:class="{ blank: !tag.poster }"
-			class="poster-link"
-		>
-			<template v-if="tag.poster">
-				<img
-					v-if="!lazy && !sfw"
-					:src="`/img/${tag.poster.thumbnail}`"
-					:style="{ 'background-image': `url(/img/${tag.poster.lazy})` }"
-					:title="comment"
-					:alt="tag.name"
-					class="poster"
-				>
-
-				<img
-					v-if="!lazy && sfw"
-					:src="`/img/${tag.poster.sfw.thumbnail}`"
-					:style="{ 'background-image': `url(/img/${tag.poster.sfw.lazy})` }"
-					:title="tag.poster.sfw.comment"
-					:alt="tag.name"
-					class="poster"
-				>
-
-				<img
-					v-if="lazy && !sfw"
-					:src="`/img/${tag.poster.thumbnail}`"
-					:style="{ 'background-image': `url(/img/${tag.poster.lazy})` }"
-					:title="comment"
-					:alt="tag.name"
-					loading="lazy"
-					class="poster"
-				>
-
-				<img
-					v-if="lazy && sfw"
-					:src="`/img/${tag.poster.sfw.thumbnail}`"
-					:style="{ 'background-image': `url(/img/${tag.poster.sfw.lazy})` }"
-					:title="tag.poster.sfw.comment"
-					:alt="tag.name"
-					loading="lazy"
-					class="poster"
-				>
-
-				<Logo
-					v-if="!sfw"
-					:photo="tag.poster"
-					favicon
-				/>
-			</template>
-
-			<Icon
-				v-else
-				icon="price-tag2"
-			/>
-		</router-link>
-
-		<router-link
-			class="title"
-			:to="`/tag/${tag.slug}`"
-			:title="tag.name"
-		>{{ tag.name }}</router-link>
-	</div>
-</template>
-
-<script>
-import Logo from '../album/logo.vue';
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	components: {
-		Logo,
-	},
-	props: {
-		tag: {
-			type: Object,
-			default: null,
-		},
-		lazy: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	data() {
-		return {
-			comment: this.tag.poster?.entity ? `${this.tag.poster.comment} for ${this.tag.poster.entity.name}` : this.tag.poster?.comment,
-		};
-	},
-	computed: {
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.tile {
-	display: flex;
-	flex-direction: column;
-    box-sizing: border-box;
-    position: relative;
-	text-decoration: none;
-	font-size: 0;
-
-	&:hover {
-		.poster,
-		.blank {
-			box-shadow: 0 0 2px var(--darken);
-		}
-
-		.title {
-			color: var(--primary);
-		}
-	}
-}
-
-.poster {
-	display: inline-block;
-    width: 100%;
-	object-fit: cover;
-	background-size: cover;
-	background-position: center;
-    box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.poster,
-.blank {
-	height: 13.5rem;
-}
-
-.poster-link {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	flex-grow: 1;
-	background: var(--shadow-hint);
-
-	.icon {
-		width: 2rem;
-		height: 2rem;
-		fill: var(--shadow-weak);
-	}
-}
-
-.title {
-	display: block;
-    box-sizing: border-box;
-    padding: .5rem;
-	overflow: hidden;
-	white-space: nowrap;
-	color: var(--shadow-strong);
-	text-decoration: none;
-	font-size: .9rem;
-    font-weight: bold;
-    text-transform: capitalize;
-	text-overflow: ellipsis;
-}
-</style>
diff --git a/assets/components/tooltip/tooltip.vue b/assets/components/tooltip/tooltip.vue
deleted file mode 100755
index 9e9ba9ad2..000000000
--- a/assets/components/tooltip/tooltip.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-	<div class="tooltip-container">
-		<div
-			ref="trigger"
-			class="trigger noselect"
-			@click.stop="toggle"
-		>
-			<slot />
-		</div>
-
-		<teleport to="body">
-			<div
-				v-if="opened"
-				ref="tooltip"
-				class="tooltip-wrapper"
-				:style="{ transform: `translate3d(${tooltipX}px, ${tooltipY}px, 0)` }"
-				@click.stop
-			>
-				<div
-					class="tooltip-inner"
-					:style="{ 'max-height': `calc(100vh - ${tooltipY}px - 1rem)` }"
-				>
-					<div class="tooltip">
-						<slot name="tooltip" />
-					</div>
-				</div>
-
-				<div
-					class="tooltip-arrow"
-					:style="{ transform: `translate3d(${arrowOffset}px, 0, 0)` }"
-				/>
-			</div>
-		</teleport>
-	</div>
-</template>
-
-<script>
-import { nextTick } from 'vue';
-
-function getX(triggerBoundary, tooltipBoundary) {
-	const idealPosition = triggerBoundary.left + (triggerBoundary.width / 2) - (tooltipBoundary.width / 2);
-	const rightEdgeOverflow = Math.max((idealPosition + tooltipBoundary.width) - window.innerWidth, 0);
-
-	// don't overflow left edge
-	if (idealPosition < 0) {
-		return {
-			tooltipX: 0,
-			arrowOffset: idealPosition,
-		};
-	}
-
-	// don't overflow right edge
-	if (rightEdgeOverflow > 0) {
-		return {
-			tooltipX: window.innerWidth - tooltipBoundary.width,
-			arrowOffset: rightEdgeOverflow,
-		};
-	}
-
-	// position at the center of trigger
-	return {
-		tooltipX: idealPosition,
-		arrowOffset: 0,
-	};
-}
-
-async function calculate() {
-	if (!this.opened) {
-		return;
-	}
-
-	const triggerBoundary = this.$refs.trigger.getBoundingClientRect();
-	const tooltipBoundary = this.$refs.tooltip.getBoundingClientRect();
-
-	const { tooltipX, arrowOffset } = this.getX(triggerBoundary, tooltipBoundary);
-
-	this.tooltipY = triggerBoundary.top + triggerBoundary.height + 5;
-	this.tooltipX = tooltipX;
-	this.arrowOffset = arrowOffset;
-}
-
-async function open() {
-	this.events.emit('blur');
-
-	await nextTick();
-
-	this.opened = true;
-	await nextTick();
-
-	this.calculate();
-	this.$emit('open');
-}
-
-function close() {
-	this.opened = false;
-
-	this.tooltipY = 0;
-	this.tooltipX = 0;
-	this.arrowOffset = 0;
-
-	this.$emit('close');
-}
-
-function toggle() {
-	if (this.opened) {
-		this.close();
-		return;
-	}
-
-	this.open();
-}
-
-function mounted() {
-	this.events.on('blur', () => {
-		this.close();
-	});
-
-	this.events.on('resize', () => {
-		this.calculate();
-	});
-
-	this.events.on('scroll', () => {
-		this.calculate();
-	});
-}
-
-export default {
-	emits: ['open', 'close'],
-	data() {
-		return {
-			opened: false,
-			tooltipX: 0,
-			tooltipY: 0,
-			arrowOffset: 0,
-		};
-	},
-	mounted,
-	methods: {
-		calculate,
-		getX,
-		open,
-		close,
-		toggle,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.tooltip-wrapper {
-	display: flex;
-	top: 0;
-	left: 0;
-	flex-direction: column;
-	justify-content: center;
-	position: absolute;
-	z-index: 10;
-}
-
-.tooltip-inner {
-	position: relative;
-	overflow-y: auto;
-	background: var(--background);
-	box-shadow: 0 0 .5rem var(--darken);
-}
-
-.tooltip {
-	position: relative;
-	background: var(--background);
-}
-
-.tooltip-arrow {
-	content: '';
-	width: 0;
-	height: 0;
-	position: absolute;
-	top: -.5rem;
-	left: calc(50% - .5rem);
-	border-left: .5rem solid transparent;
-	border-right: .5rem solid transparent;
-	border-bottom: .5rem solid var(--background);
-	margin: 0 auto;
-	filter: drop-shadow(0 0 3px var(--darken-weak));
-}
-</style>
diff --git a/assets/components/users/alert.vue b/assets/components/users/alert.vue
deleted file mode 100755
index a1c4a735a..000000000
--- a/assets/components/users/alert.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-	<div class="alert">
-		<div class="alert-section alert-header">
-			<div class="alert-targets">
-				<Icon
-					v-if="alert.notify"
-					icon="bell2"
-					class="alert-action"
-				/>
-
-				<Icon
-					v-if="alert.email"
-					icon="envelop"
-					class="alert-action"
-				/>
-
-				<Icon
-					v-if="alert.stashes?.length > 0"
-					v-tooltip="alert.stashes.map(stash => stash.name).join()"
-					icon="heart7"
-					class="alert-action"
-				/>
-			</div>
-
-			<span class="header-actions noselect">
-				<Icon
-					v-if="isMe"
-					icon="bin"
-					class="alert-remove"
-					@click.native="showRemoveAlert = true"
-				/>
-
-				<RemoveAlert
-					v-if="showRemoveAlert"
-					:alert="alert"
-					@close="removeAlert"
-				/>
-			</span>
-		</div>
-
-		<div class="alert-triggers">
-			<div
-				v-if="alert.actors?.length > 0"
-				class="alert-section alert-trigger"
-			>
-				<h4
-					v-if="alert.actors.length > 1"
-					class="alert-heading"
-				>Actors</h4>
-
-				<h4
-					v-else
-					class="alert-heading"
-				>Actor</h4>
-
-				<ul class="alert-actors nolist">
-					<li
-						v-for="actor in alert.actors"
-						:key="`actor-${actor.id}`"
-						class="alert-actor"
-					>
-						<ActorPreview
-							:actor="actor"
-							:alert="alert"
-						/>
-					</li>
-				</ul>
-			</div>
-
-			<div
-				v-if="alert.tags?.length > 0"
-				class="alert-section alert-trigger"
-			>
-				<h4
-					v-if="alert.tags.length > 1"
-					class="alert-heading"
-				>Tags</h4>
-
-				<h4
-					v-else
-					class="alert-heading"
-				>Tag</h4>
-
-				<ul class="alert-tags nolist">
-					<li
-						v-for="tag in alert.tags"
-						:key="`tag-${tag.id}`"
-					><router-link
-						:to="`/tag/${tag.slug}`"
-						class="tag nolink"
-					>{{ tag.name }}</router-link></li>
-				</ul>
-			</div>
-
-			<div
-				v-if="alert.entities.length > 0"
-				class="alert-section alert-trigger"
-			>
-				<h4 class="alert-heading">{{ alert.entities.length > 1 ? 'Channels' : 'Channel' }}</h4>
-
-				<Entity
-					v-for="entity in alert.entities"
-					:key="`${alert.id}${entity.id}`"
-					:entity="entity"
-					class="entity"
-				/>
-			</div>
-
-			<div
-				v-if="alert.matches.length > 0"
-				class="alert-section alert-trigger"
-			>
-				<h4 class="alert-heading">Matches</h4>
-
-				<ul class="alert-matches nolist">
-					<li
-						v-for="match in alert.matches"
-						:key="`match-${match.id}`"
-						class="match"
-					>
-						<span
-							v-if="match.expression.slice(0, 1) === '/' && match.expression.slice(-1) === '/'"
-							class="match-expression"
-						><span class="match-slash">/</span>{{ match.expression.slice(1, -1) }}<span class="match-slash">/</span></span>
-
-						<span
-							v-else
-							class="match-expression"
-						>{{ match.expression }}</span>
-					</li>
-				</ul>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import ActorPreview from '../actors/preview.vue';
-import RemoveAlert from '../alerts/remove.vue';
-import Entity from '../entities/tile.vue';
-
-async function removeAlert(removed) {
-	this.showRemoveAlert = false;
-
-	if (removed) {
-		this.$emit('remove');
-	}
-}
-
-export default {
-	components: {
-		ActorPreview,
-		Entity,
-		RemoveAlert,
-	},
-	props: {
-		alert: {
-			type: Object,
-			default: null,
-		},
-		isMe: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	emits: ['remove'],
-	data() {
-		return {
-			showRemoveAlert: false,
-		};
-	},
-	methods: {
-		removeAlert,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.alert {
-	min-width: 0;
-	height: 100%;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.alert-header {
-	border-bottom: solid 1px var(--shadow-hint);
-}
-
-.alert-section {
-	display: inline-block;
-	padding: .5rem;
-}
-
-.alert-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: stretch;
-	padding: 0;
-
-	.alert-action {
-		padding: .5rem;
-		fill: var(--shadow);
-	}
-}
-
-.alert-triggers {
-	display: flex;
-}
-
-.alert-heading {
-	display: block;
-	padding: 0 .5rem .5rem 0;
-	margin: 0;
-	color: var(--shadow-strong);
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	font-size: .9rem;
-}
-
-.alert-more {
-	flex-shrink: 0;
-	margin: 0 0 0 .5rem;
-	color: var(--shadow);
-	font-size: .9rem;
-}
-
-.header-actions {
-	display: flex;
-	align-items: stretch;
-}
-
-.alert-remove {
-	height: auto;
-	padding: 0 .5rem 0 .75rem;
-	fill: var(--shadow);
-
-	&:hover {
-		cursor: pointer;
-		fill: var(--shadow-strong);
-	}
-}
-
-.alert-triggers {
-	dislay: flex;
-	flex-wrap: wrap;
-}
-
-.alert-trigger {
-	flex-shrink: 0;
-	flex-grow: 1;
-}
-
-.alert-actors,
-.alert-tags,
-.alert-matches {
-	display: flex;
-	grid-gap: .5rem;
-}
-
-.tag,
-.match {
-	color: var(--shadow-strong);
-	padding: .5rem;
-	border: solid 1px var(--shadow-hint);
-	font-size: .9rem;
-	font-weight: bold;
-}
-
-.tag:hover {
-	cursor: pointer;
-	border: solid 1px var(--primary);
-}
-
-.entity {
-	width: 10rem;
-	height: 2.5rem;
-}
-
-.match-slash {
-	padding: 0 .1rem;
-	color: var(--primary);
-	font-weight: bold;
-}
-</style>
diff --git a/assets/components/users/stash.vue b/assets/components/users/stash.vue
deleted file mode 100755
index cd18c0835..000000000
--- a/assets/components/users/stash.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-<template>
-	<div class="stash">
-		<div class="stash-section stash-header">
-			<RouterLink
-				:to="{ name: 'stash', params: { stashId: stash.id, stashSlug: stash.slug, range: 'scenes', pageNumber: 1 } }"
-				class="stash-link nolink"
-			>
-				<h4 class="stash-name">{{ stash.name }}</h4>
-				<span class="stash-more">Browse</span>
-			</RouterLink>
-
-			<span class="header-actions noselect">
-				<label
-					v-if="isMe"
-					v-tooltip="'Public'"
-					:class="{ public: stash.public }"
-					class="stash-public"
-				>
-					<Icon
-						v-show="stash.public"
-						icon="eye"
-					/>
-
-					<Icon
-						v-show="!stash.public"
-						icon="eye-blocked"
-					/>
-
-					<Toggle
-						:checked="stash.public"
-						@change="checked => publishStash(checked)"
-					/>
-				</label>
-
-				<Icon
-					v-if="isMe && !stash.primary"
-					icon="bin"
-					class="stash-remove"
-					@click.native="showRemoveStash = true"
-				/>
-
-				<RemoveStash
-					v-if="showRemoveStash"
-					:stash="stash"
-					@close="removeStash"
-				/>
-			</span>
-		</div>
-
-		<ul
-			v-if="stash.scenes?.length > 0"
-			class="stash-section stash-scenes nolist"
-		>
-			<li
-				v-for="{ scene } in stash.scenes"
-				:key="scene.id"
-				class="stash-scene"
-			>
-				<ScenePreview
-					:scene="scene"
-					:stash="stash"
-				/>
-			</li>
-		</ul>
-
-		<ul
-			v-if="stash.actors?.length > 0"
-			class="stash-section stash-actors nolist"
-		>
-			<li
-				v-for="{ actor } in stash.actors"
-				:key="actor.id"
-				class="stash-actor"
-			>
-				<ActorPreview
-					:actor="actor"
-					:stash="stash"
-				/>
-			</li>
-		</ul>
-	</div>
-</template>
-
-<script>
-import ActorPreview from '../actors/preview.vue';
-import ScenePreview from '../releases/scene-preview.vue';
-import RemoveStash from '../stashes/remove.vue';
-import Toggle from '../form/toggle.vue';
-
-async function publishStash(isPublic) {
-	await this.$store.dispatch('updateStash', {
-		stashId: this.stash.id,
-		stash: { public: isPublic },
-	});
-
-	this.$emit('publish', isPublic);
-}
-
-async function removeStash(removed) {
-	this.showRemoveStash = false;
-
-	if (removed) {
-		this.$emit('remove');
-	}
-}
-
-export default {
-	components: {
-		ActorPreview,
-		ScenePreview,
-		RemoveStash,
-		Toggle,
-	},
-	props: {
-		stash: {
-			type: Object,
-			default: null,
-		},
-		isMe: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	emits: ['publish', 'remove'],
-	data() {
-		return {
-			showRemoveStash: false,
-		};
-	},
-	methods: {
-		publishStash,
-		removeStash,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.stash {
-	min-width: 0;
-	height: 100%;
-	background: var(--background);
-	box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.stash-section {
-	display: flex;
-	align-items: center;
-	padding: .5rem;
-
-	&:not(:last-child),
-	&.stash-header {
-		border-bottom: solid 1px var(--shadow-hint);
-	}
-}
-
-.stash-header {
-	justify-content: space-between;
-	align-items: stretch;
-	padding: 0;
-}
-
-.stash-link {
-	display: inline-flex;
-	align-items: center;
-	flex-grow: 1;
-	text-decoration: none;
-	overflow: hidden;
-
-	&:hover .stash-more {
-		color: var(--primary);
-	}
-}
-
-.stash-name {
-	display: inline-block;
-	padding: .5rem;
-	margin: 0;
-	color: var(--shadow-strong);
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.stash-more {
-	flex-shrink: 0;
-	margin: 0 0 0 .5rem;
-	color: var(--shadow);
-	font-size: .9rem;
-}
-
-.header-actions {
-	display: flex;
-	align-items: stretch;
-}
-
-.stash-public {
-	display: inline-flex;
-	align-items: center;
-	padding: .5rem;
-	cursor: pointer;
-
-	.icon {
-		fill: var(--shadow-strong);
-		margin: 0 .5rem 0 0;
-	}
-}
-
-.stash-remove {
-	height: auto;
-	padding: 0 .5rem 0 .75rem;
-	fill: var(--shadow);
-
-	&:hover {
-		cursor: pointer;
-		fill: var(--shadow-strong);
-	}
-}
-
-.stash-actors,
-.stash-scenes {
-	display: flex;
-	overflow-x: auto;
-    grid-gap: .5rem;
-	scroll-behavior: smooth;
-	scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-        display: none;
-	}
-}
-
-.stash-scenes {
-	height: 8rem;
-}
-
-.stash-actor,
-.stash-scene {
-	height: 100%;
-	flex-shrink: 0;
-	font-size: 0;
-
-	&:last-child {
-		padding: 0 .5rem 0 0;
-	}
-}
-
-</style>
diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue
deleted file mode 100755
index c50319e23..000000000
--- a/assets/components/users/user.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<template>
-	<div
-		v-if="user"
-		class="user"
-	>
-		<div class="header">
-			<h2 class="username">{{ user.username }}</h2>
-		</div>
-
-		<section
-			v-if="user.stashes?.length > 0"
-			class="section"
-		>
-			<div class="section-header">
-				<h3 class="section-heading">Stashes</h3>
-
-				<button
-					v-if="isMe"
-					class="button button-secondary header-add"
-					@click="showAddStash = true"
-				>
-					<Icon icon="plus3" />Add stash
-				</button>
-			</div>
-
-			<ul class="section-body stashes nolist">
-				<li
-					v-for="stash in user.stashes"
-					:key="stash.id"
-					class="stashes-stash"
-				>
-					<Stash
-						:stash="stash"
-						:is-me="isMe"
-						@publish="() => fetchUser()"
-						@remove="() => fetchUser()"
-					/>
-				</li>
-
-				<!--
-				<li
-					v-if="isMe"
-					class="stashes-stash stashes-add"
-					@click="showAddStash = true"
-				>
-					<Icon icon="plus2" />
-				</li>
-				-->
-			</ul>
-
-			<AddStash
-				v-if="showAddStash"
-				@close="closeAddStash"
-			/>
-		</section>
-
-		<section class="section">
-			<div class="section-header">
-				<h3 class="section-heading">Alerts</h3>
-
-				<button
-					v-if="isMe"
-					class="button button-secondary header-add"
-					@click="showAddAlert = true"
-				>
-					<Icon icon="plus3" />Set alert
-				</button>
-			</div>
-
-			<ul class="section-body alerts nolist">
-				<li
-					v-for="alert in user.alerts"
-					:key="`alert-${alert.id}`"
-					class="alert"
-				>
-					<Alert
-						:alert="alert"
-						:is-me="isMe"
-						@remove="() => fetchUser()"
-					/>
-				</li>
-
-				<!--
-				<li
-					class="alerts-add"
-					@click="showAddAlert = true"
-				>
-					<Icon icon="plus2" />
-				</li>
-				-->
-			</ul>
-
-			<AddAlert
-				v-if="showAddAlert"
-				@close="closeAddAlert"
-			>Alert</AddAlert>
-		</section>
-	</div>
-</template>
-
-<script>
-import Stash from './stash.vue';
-import Alert from './alert.vue';
-import AddStash from '../stashes/add.vue';
-import AddAlert from '../alerts/add.vue';
-
-async function fetchUser() {
-	this.user = await this.$store.dispatch('fetchUser', this.$route.params.username);
-	this.isMe = this.user?.id === this.$store.state.auth.user?.id;
-
-	this.pageTitle = this.user?.username;
-}
-
-async function closeAddStash(addedStash) {
-	this.showAddStash = false;
-
-	if (addedStash) {
-		await this.fetchUser();
-	}
-}
-
-async function closeAddAlert(addedAlert) {
-	this.showAddAlert = false;
-
-	if (addedAlert) {
-		await this.fetchUser();
-	}
-}
-
-async function mounted() {
-	await this.fetchUser();
-}
-
-export default {
-	components: {
-		AddAlert,
-		AddStash,
-		Alert,
-		Stash,
-	},
-	data() {
-		return {
-			user: this.$route.params.username === this.$store.state.auth.user?.username
-				? this.$store.state.auth.user
-				: null,
-			isMe: false,
-			pageTitle: null,
-			showAddStash: false,
-			showAddAlert: false,
-		};
-	},
-	mounted,
-	methods: {
-		closeAddAlert,
-		closeAddStash,
-		fetchUser,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'breakpoints';
-
-.header {
-	display: flex;
-	justify-content: space-between;
-	background: var(--profile);
-}
-
-.username {
-	padding: .5rem 1rem;
-	margin: 0;
-	font-size: 1.5rem;
-	color: var(--text-light);
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-
-.section {
-	padding: 1rem 0;
-	margin: 0 0 1rem 0;
-}
-
-.stashes,
-.alerts {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	grid-auto-rows: 15fr;
-	grid-gap: 1rem;
-}
-
-.section-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin: 0 1rem 1rem 0;
-}
-
-.section-body {
-	padding: 0 1rem;
-}
-
-.section-heading {
-	color: var(--primary);
-	padding: 0 1rem;
-	margin: 0;
-	font-size: 1.25rem;
-}
-
-.header-add {
-}
-
-.stashes-stash {
-	min-width: 0;
-}
-
-.stashes-add,
-.alerts-add {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-sizing: border-box;
-	padding: 1rem;
-	background: var(--shadow-touch);
-
-	.icon {
-		width: 1.5rem;
-		height: 1.5rem;
-		fill: var(--shadow-hint);
-	}
-
-	&:hover {
-		background: var(--shadow-hint);
-		cursor: pointer;
-
-		.icon {
-			fill: var(--shadow-weak);
-		}
-	}
-}
-
-@media(max-width: $breakpoint-kilo) {
-	.stashes,
-	.alerts {
-		grid-template-columns: 1fr;
-	}
-}
-</style>
diff --git a/assets/components/video/player.vue b/assets/components/video/player.vue
deleted file mode 100755
index e958481a5..000000000
--- a/assets/components/video/player.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-	<video
-		ref="player"
-		:poster="poster"
-		crossorigin="anonymous"
-		class="player video-js vjs-big-play-centered"
-		@playing="$emit('play')"
-		@pause="$emit('pause')"
-	/>
-</template>
-
-<script>
-import videoJs from 'video.js';
-import 'videojs-vr/dist/videojs-vr.min';
-
-function updatePlayer() {
-	this.player.src(this.getPath(this.video));
-	this.player.poster(this.poster);
-}
-
-function initPlayer() {
-	this.player = videoJs(this.$refs.player, {
-		controls: true,
-		inactivityTimeout: 1000,
-		controlBar: {
-			pictureInPictureToggle: false,
-			volumePanel: {
-				inline: false,
-			},
-		},
-	}, () => {
-		this.player.src(this.getPath(this.video));
-
-		if (this.video.isVr) {
-			this.player.vr({ projection: '180' });
-		}
-	});
-}
-
-export default {
-	props: {
-		video: {
-			type: Object,
-			default: null,
-		},
-		poster: {
-			type: String,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			player: null,
-		};
-	},
-	emits: ['play', 'pause'],
-	watch: {
-		video: updatePlayer,
-		poster: updatePlayer,
-	},
-	mounted: initPlayer,
-};
-</script>
-
-<style lang="scss">
-.player.video-js {
-	.vjs-poster {
-		background-size: cover;
-	}
-
-	.vjs-control-bar {
-		background-color: var(--darken);
-	}
-
-	.vjs-slider {
-		background-color: var(--darken-weak);
-	}
-
-	.vjs-play-progress {
-		background-color: var(--primary);
-
-		.vjs-time-tooltip {
-			color: var(--darken-strong);
-		}
-	}
-
-	.vjs-load-progress {
-		background-color: var(--lighten-weak);
-
-		div {
-			background-color: var(--darken-weak);
-		}
-	}
-
-	.vjs-mouse-display .vjs-time-tooltip {
-		background-color: var(--darken-strong);
-	}
-
-	.vjs-remaining-time {
-		line-height: 2rem;
-		font-size: .75rem;
-		font-weight: bold;
-	}
-
-	.vjs-big-play-button {
-		background-color: var(--darken);
-		width: 4rem;
-		height: 4rem;
-		margin: -2rem 0 0 -2rem;
-		border: none;
-		border-radius: 50%;
-
-		.vjs-icon-placeholder {
-			font-size: 2.5rem;
-			line-height: 4rem;
-		}
-
-		&:hover {
-			background-color: var(--primary);
-		}
-	}
-
-	.vjs-control:focus::before,
-	.vjs-control:hover::before,
-	.vjs-control:focus {
-		text-shadow: 0 0 .5rem var(--lighten-strong);
-	}
-
-	.vjs-error-display {
-		overflow: hidden;
-	}
-
-	.vjs-modal-dialog-content {
-		white-space: normal;
-	}
-
-	&:hover {
-		.vjs-big-play-button {
-			background-color: var(--primary);
-		}
-	}
-}
-</style>
diff --git a/assets/css/_breakpoints.scss b/assets/css/_breakpoints.scss
deleted file mode 100755
index f371ad9b1..000000000
--- a/assets/css/_breakpoints.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-$breakpoint-pico: 270px;
-$breakpoint-nano: 320px;
-$breakpoint-mini: 400px;
-$breakpoint-micro: 540px;
-$breakpoint-small: 620px;
-$breakpoint: 720px;
-$breakpoint-kilo: 900px;
-$breakpoint-mega: 1200px;
-$breakpoint-giga: 1500px;
diff --git a/assets/css/_forms.scss b/assets/css/_forms.scss
deleted file mode 100755
index 27f86570f..000000000
--- a/assets/css/_forms.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.form-heading {
-	margin: 0 0 .5rem 0;
-	font-size: 1rem;
-	font-weight: bold;
-}
-
-.form-error {
-	padding: .5rem;
-	margin-bottom: .5rem;
-	color: var(--text-light);
-	background: var(--error);
-	font-weight: bold;
-}
diff --git a/assets/css/_inputs.scss b/assets/css/_inputs.scss
deleted file mode 100755
index 13059c2e6..000000000
--- a/assets/css/_inputs.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-.input {
-	box-sizing: border-box;
-	padding: .5rem;
-	border: solid 1px var(--shadow-hint);
-	color: var(--shadow-strong);
-	background: var(--background);
-	font-size: 1rem;
-	font-family: inherit;
-
-	&:focus {
-		border: solid 1px var(--primary);
-	}
-
-	&::-webkit-calendar-picker-indicator {
-		opacity: .5;
-	}
-}
-
-.select {
-    color: var(--shadow-strong);
-    background: var(--background);
-    padding: .5rem;
-    font-size: 1rem;
-    border: solid 1px var(--shadow-weak);
-    cursor: pointer;
-}
-
-.button {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	border: none;
-	background: none;
-	padding: .5rem;
-	font-size: .9rem;
-	font-weight: bold;
-
-	&:hover {
-		cursor: pointer;
-	}
-}
-
-.button-primary {
-	color: var(--text-light);
-	background: var(--primary);
-
-	&:hover {
-		background: var(--primary-strong);
-	}
-
-	&:disabled {
-		background: var(--shadow-weak);
-		cursor: default;
-	}
-
-	.icon {
-		fill: var(--text-light);
-		margin-right: .5rem;
-	}
-}
-
-.button-secondary {
-	color: var(--primary);
-
-	&:hover:not(:disabled) {
-		color: var(--text-light);
-		background: var(--primary);
-
-		.icon {
-			fill: var(--text-light);
-		}
-	}
-
-	&:disabled {
-		color: var(--shadow-strong);
-		cursor: default;
-	}
-
-	.icon {
-		fill: var(--primary);
-		margin-right: .5rem;
-	}
-}
-
-.album-toggle {
-	height: fit-content;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	padding: .5rem 1rem;
-	border: none;
-	border-bottom: solid 1px var(--shadow-hint);
-	color: var(--shadow);
-	background: var(--background-dim);
-	font-size: 1rem;
-	font-weight: bold;
-
-	.icon {
-		fill: var(--shadow);
-		margin: -.1rem .5rem 0 0;
-	}
-
-	&:hover {
-		background: var(--shadow-hint);
-		cursor: pointer;
-	}
-}
diff --git a/assets/css/_states.scss b/assets/css/_states.scss
deleted file mode 100755
index 68085faac..000000000
--- a/assets/css/_states.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-.noselect {
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-tap-highlight-color: transparent;
-}
-
-.nolist {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    li {
-        display: inline-block;
-        padding: 0;
-        margin: 0;
-    }
-}
-
-.nolink {
-	display: inline-block;
-	color: inherit;
-	text-decoration: none;
-}
-
-.nobar {
-	scrollbar-width: none;
-	-mis-overflow-style: none;
-
-	&::-webkit-scrollbar {
-		background: transparent;
-		width: 0px;
-		height: 0px;
-	}
-}
-
-::-webkit-scrollbar {
-	width: 14px;
-	height: 14px;
-}
-
-::-webkit-scrollbar-thumb {
-	background-color: var(--shadow-weak);
-	border: none;
-}
-
-::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 3px var(--shadow-hint);
-	border: solid 1px var(--shadow-hint);
-	background-color: var(--shadow-touch);
-}
-
-.bar-inline::-webkit-scrollbar {
-	width: 10px;
-	height: 10px;
-}
-
-.bar-inline::-webkit-scrollbar-thumb {
-	background-color: var(--shadow-hint);
-}
-
-.bar-strong::-webkit-scrollbar-thumb {
-	background-color: var(--primary);
-}
-
-:focus {
-    outline: none;
-}
-
-::-moz-focus-inner {
-    border: 0;
-}
diff --git a/assets/css/_theme.scss b/assets/css/_theme.scss
deleted file mode 100755
index 2d68fcf77..000000000
--- a/assets/css/_theme.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-$breakpoint0: 540px;
-$breakpoint: 720px;
-$breakpoint2: 900px;
-$breakpoint3: 1200px;
-$breakpoint4: 1500px;
-
-:root {
-    --primary: #f65596;
-    --primary-strong: #f90071;
-    --primary-faded: #ffcce4;
-
-	/*
-    --primary: #f04288;
-
-    --primary: #ff6c88;
-    --primary-strong: #ff4166;
-    --primary-faded: #ffdfee;
-
-    --primary: #f28;
-    --primary-strong: #f90071;
-    --primary-faded: #ffcce4;
-	*/
-
-    --text-dark: #222;
-    --text-light: #fff;
-
-    --background-light: #fff;
-    --background-dark: #222;
-
-    --darken: rgba(0, 0, 0, .5);
-    --darken-censor: rgba(0, 0, 0, .95);
-    --darken-extreme: rgba(0, 0, 0, .9);
-    --darken-strong: rgba(0, 0, 0, .7);
-    --darken-weak: rgba(0, 0, 0, .2);
-    --darken-hint: rgba(0, 0, 0, .1);
-    --darken-touch: rgba(0, 0, 0, .05);
-
-    --lighten-censor: rgba(255, 255, 255, .95);
-    --lighten-extreme: rgba(255, 255, 255, .9);
-    --lighten-strong: rgba(255, 255, 255, .7);
-    --lighten: rgba(255, 255, 255, .5);
-    --lighten-weak: rgba(255, 255, 255, .2);
-    --lighten-hint: rgba(255, 255, 255, .05);
-    --lighten-touch: rgba(255, 255, 255, .03);
-
-    --logo-shadow: drop-shadow(1px 0 0 $shadow-weak) drop-shadow(-1px 0 0 $shadow-weak) drop-shadow(0 1px 0 $shadow-weak) drop-shadow(0 -1px 0 $shadow-weak);
-    --logo-highlight: drop-shadow(0 0 1px $highlight);
-
-    --info: #321b24;
-
-    --male: #0af;
-    --female: #f0a;
-
-    --alert: #f00;
-    --error: #fd5555;
-    --warn: #fa0;
-    --success: #5c2;
-    --notice: #25c;
-
-	--enabled: #5c2;
-	--enabled-background: rgba(0, 255, 0, .1);
-	--disabled: #c20;
-	--disabled-background: rgba(255, 0, 0, .1);
-	--disabled-handle: #aaa;
-}
-
-.light {
-    --text: #222;
-    --text-contrast: #fff;
-
-    --background: var(--background-light);
-    --background-censor: rgba(255, 255, 255, .95);
-    --background-dim: #f5f5f5;
-    --background-soft: #fdfdfd;
-
-    --profile: #222;
-    --tile: #2a2a2a;
-
-    --link: #dd6688;
-    --link-external: #48f;
-    --empty: #333;
-
-	--crease: #eaeaea;
-
-    --shadow: rgba(0, 0, 0, .5);
-    --shadow-censor: rgba(0, 0, 0, .95);
-    --shadow-extreme: rgba(0, 0, 0, .9);
-    --shadow-strong: rgba(0, 0, 0, .7);
-    --shadow-modest: rgba(0, 0, 0, .3);
-    --shadow-weak: rgba(0, 0, 0, .2);
-    --shadow-hint: rgba(0, 0, 0, .1);
-    --shadow-touch: rgba(0, 0, 0, .05);
-
-    --highlight: rgba(255, 255, 255, .5);
-    --highlight-extreme: rgba(255, 255, 255, .9);
-    --highlight-strong: rgba(255, 255, 255, .7);
-    --highlight-modest: rgba(255, 255, 255, .3);
-    --highlight-weak: rgba(255, 255, 255, .2);
-    --highlight-hint: rgba(255, 255, 255, .075);
-}
-
-.dark {
-    --text: #fff;
-    --text-contrast: #222;
-
-    --background: #181818;
-    --background-censor: rgba(0, 0, 0, .95);
-    --background-dim: #111;
-    --background-soft: #000;
-
-    --profile: #0a0a0a;
-    --tile: #2a2a2a;
-
-    --link: #dd6688;
-    --empty: #333;
-
-	--crease: #222;
-
-    --shadow: rgba(255, 255, 255, .5);
-    --shadow-extreme: rgba(255, 255, 255, .9);
-    --shadow-strong: rgba(255, 255, 255, .7);
-    --shadow-modest: rgba(255, 255, 255, .3);
-    --shadow-weak: rgba(255, 255, 255, .2);
-    --shadow-hint: rgba(255, 255, 255, .075);
-    --shadow-touch: rgba(255, 255, 255, .05);
-
-    --highlight: rgba(0, 0, 0, .5);
-    --highlight-extreme: rgba(0, 0, 0, .9);
-    --highlight-strong: rgba(0, 0, 0, .7);
-    --highlight-modest: rgba(0, 0, 0, .3);
-    --highlight-weak: rgba(0, 0, 0, .2);
-    --highlight-hint: rgba(0, 0, 0, .1);
-}
diff --git a/assets/css/_tooltip.scss b/assets/css/_tooltip.scss
deleted file mode 100755
index e092b5265..000000000
--- a/assets/css/_tooltip.scss
+++ /dev/null
@@ -1,112 +0,0 @@
-.tooltip {
-  display: block !important;
-  z-index: 10000;
-
-  .tooltip-inner {
-    max-width: 20rem;
-    background: #222;
-    color: white;
-    border-radius: 16px;
-  }
-
-  &:not(.popover) .tooltip-inner {
-	padding: .5rem 1rem;
-  }
-
-  .tooltip-arrow {
-    width: 0;
-    height: 0;
-    border-style: solid;
-    position: absolute;
-    margin: 5px;
-    border-color: #222;
-    z-index: 1;
-  }
-
-  &[x-placement^="top"] {
-    margin-bottom: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 0 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      bottom: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="bottom"] {
-    margin-top: 5px;
-
-    .tooltip-arrow {
-      border-width: 0 5px 5px 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-top-color: transparent !important;
-      top: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="right"] {
-    margin-left: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 5px 0;
-      border-left-color: transparent !important;
-      border-top-color: transparent !important;
-      border-bottom-color: transparent !important;
-      left: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &[x-placement^="left"] {
-    margin-right: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 0 5px 5px;
-      border-top-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      right: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &.popover {
-    $color: #fff;
-
-    .popover-inner {
-      background: $color;
-      color: black;
-      border-radius: 5px;
-      box-shadow: 0 5px 30px rgba(black, .1);
-    }
-
-    .popover-arrow {
-      border-color: $color;
-    }
-  }
-
-  &[aria-hidden='true'] {
-    visibility: hidden;
-    opacity: 0;
-    /* transition: opacity .15s, visibility .15s; */
-  }
-
-  &[aria-hidden='false'] {
-    visibility: visible;
-    opacity: 1;
-    /* transition: opacity .15s; */
-  }
-}
diff --git a/assets/css/_video.scss b/assets/css/_video.scss
deleted file mode 100755
index 4a8864f7f..000000000
--- a/assets/css/_video.scss
+++ /dev/null
@@ -1,1663 +0,0 @@
-@charset "UTF-8";
-.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  text-align: center;
-}
-
-@font-face {
-  font-family: VideoJS;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  content: "\f101";
-}
-
-.vjs-icon-play-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play-circle:before {
-  content: "\f102";
-}
-
-.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
-  content: "\f103";
-}
-
-.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
-  content: "\f104";
-}
-
-.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
-  content: "\f105";
-}
-
-.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
-  content: "\f106";
-}
-
-.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
-  content: "\f107";
-}
-
-.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f108";
-}
-
-.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f109";
-}
-
-.vjs-icon-square {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-square:before {
-  content: "\f10a";
-}
-
-.vjs-icon-spinner {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-spinner:before {
-  content: "\f10b";
-}
-
-.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
-  content: "\f10c";
-}
-
-.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
-  content: "\f10d";
-}
-
-.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
-  content: "\f10e";
-}
-
-.vjs-icon-share {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-share:before {
-  content: "\f10f";
-}
-
-.vjs-icon-cog {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cog:before {
-  content: "\f110";
-}
-
-.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
-  content: "\f111";
-}
-
-.vjs-icon-circle-outline {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-outline:before {
-  content: "\f112";
-}
-
-.vjs-icon-circle-inner-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-inner-circle:before {
-  content: "\f113";
-}
-
-.vjs-icon-hd {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-hd:before {
-  content: "\f114";
-}
-
-.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-  content: "\f115";
-}
-
-.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
-  content: "\f116";
-}
-
-.vjs-icon-facebook {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-facebook:before {
-  content: "\f117";
-}
-
-.vjs-icon-gplus {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-gplus:before {
-  content: "\f118";
-}
-
-.vjs-icon-linkedin {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-linkedin:before {
-  content: "\f119";
-}
-
-.vjs-icon-twitter {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-twitter:before {
-  content: "\f11a";
-}
-
-.vjs-icon-tumblr {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-tumblr:before {
-  content: "\f11b";
-}
-
-.vjs-icon-pinterest {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pinterest:before {
-  content: "\f11c";
-}
-
-.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
-  content: "\f11d";
-}
-
-.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
-  content: "\f11e";
-}
-
-.vjs-icon-next-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-next-item:before {
-  content: "\f11f";
-}
-
-.vjs-icon-previous-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-previous-item:before {
-  content: "\f120";
-}
-
-.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f121";
-}
-
-.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f122";
-}
-
-.video-js {
-  display: block;
-  vertical-align: top;
-  box-sizing: border-box;
-  color: #fff;
-  background-color: #000;
-  position: relative;
-  padding: 0;
-  font-size: 10px;
-  line-height: 1;
-  font-weight: normal;
-  font-style: normal;
-  font-family: Arial, Helvetica, sans-serif;
-  word-break: initial;
-}
-.video-js:-moz-full-screen {
-  position: absolute;
-}
-.video-js:-webkit-full-screen {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.video-js[tabindex="-1"] {
-  outline: none;
-}
-
-.video-js *,
-.video-js *:before,
-.video-js *:after {
-  box-sizing: inherit;
-}
-
-.video-js ul {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  list-style-position: outside;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.video-js.vjs-fluid,
-.video-js.vjs-16-9,
-.video-js.vjs-4-3 {
-  width: 100%;
-  max-width: 100%;
-  height: 0;
-}
-
-.video-js.vjs-16-9 {
-  padding-top: 56.25%;
-}
-
-.video-js.vjs-4-3 {
-  padding-top: 75%;
-}
-
-.video-js.vjs-fill {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-tech {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-body.vjs-full-window {
-  padding: 0;
-  margin: 0;
-  height: 100%;
-}
-
-.vjs-full-window .video-js.vjs-fullscreen {
-  position: fixed;
-  overflow: hidden;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
-  width: 100% !important;
-  height: 100% !important;
-  padding-top: 0 !important;
-}
-
-.video-js.vjs-fullscreen.vjs-user-inactive {
-  cursor: none;
-}
-
-.vjs-hidden {
-  display: none !important;
-}
-
-.vjs-disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.video-js .vjs-offscreen {
-  height: 1px;
-  left: -9999px;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.vjs-lock-showing {
-  display: block !important;
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-no-js {
-  padding: 20px;
-  color: #fff;
-  background-color: #000;
-  font-size: 18px;
-  font-family: Arial, Helvetica, sans-serif;
-  text-align: center;
-  width: 300px;
-  height: 150px;
-  margin: 0px auto;
-}
-
-.vjs-no-js a,
-.vjs-no-js a:visited {
-  color: #66A8CC;
-}
-
-.video-js .vjs-big-play-button {
-  font-size: 3em;
-  line-height: 1.5em;
-  height: 1.63332em;
-  width: 3em;
-  display: block;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  padding: 0;
-  cursor: pointer;
-  opacity: 1;
-  border: 0.06666em solid #fff;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  border-radius: 0.3em;
-  transition: all 0.4s;
-}
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.81666em;
-  margin-left: -1.5em;
-}
-
-.video-js:hover .vjs-big-play-button,
-.video-js .vjs-big-play-button:focus {
-  border-color: #fff;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-  transition: all 0s;
-}
-
-.vjs-controls-disabled .vjs-big-play-button,
-.vjs-has-started .vjs-big-play-button,
-.vjs-using-native-controls .vjs-big-play-button,
-.vjs-error .vjs-big-play-button {
-  display: none;
-}
-
-.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
-  display: block;
-}
-
-.video-js button {
-  background: none;
-  border: none;
-  color: inherit;
-  display: inline-block;
-  font-size: inherit;
-  line-height: inherit;
-  text-transform: none;
-  text-decoration: none;
-  transition: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.vjs-control .vjs-button {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-control.vjs-close-button {
-  cursor: pointer;
-  height: 3em;
-  position: absolute;
-  right: 0;
-  top: 0.5em;
-  z-index: 2;
-}
-.video-js .vjs-modal-dialog {
-  background: rgba(0, 0, 0, 0.8);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-}
-
-.video-js .vjs-modal-dialog > * {
-  box-sizing: border-box;
-}
-
-.vjs-modal-dialog .vjs-modal-dialog-content {
-  font-size: 1.2em;
-  line-height: 1.5;
-  padding: 20px 24px;
-  z-index: 1;
-}
-
-.vjs-menu-button {
-  cursor: pointer;
-}
-
-.vjs-menu-button.vjs-disabled {
-  cursor: default;
-}
-
-.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu .vjs-menu-content {
-  display: block;
-  padding: 0;
-  margin: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  overflow: auto;
-}
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box;
-}
-
-.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu li {
-  list-style: none;
-  margin: 0;
-  padding: 0.2em 0;
-  line-height: 1.4em;
-  font-size: 1.2em;
-  text-align: center;
-  text-transform: lowercase;
-}
-
-.vjs-menu li.vjs-menu-item:focus,
-.vjs-menu li.vjs-menu-item:hover,
-.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.vjs-menu li.vjs-selected,
-.vjs-menu li.vjs-selected:focus,
-.vjs-menu li.vjs-selected:hover,
-.js-focus-visible .vjs-menu li.vjs-selected:hover {
-  background-color: #fff;
-  color: #2B333F;
-}
-
-.vjs-menu li.vjs-menu-title {
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 1em;
-  line-height: 2em;
-  padding: 0;
-  margin: 0 0 0.3em 0;
-  font-weight: bold;
-  cursor: default;
-}
-
-.vjs-menu-button-popup .vjs-menu {
-  display: none;
-  position: absolute;
-  bottom: 0;
-  width: 10em;
-  left: -3em;
-  height: 0em;
-  margin-bottom: 1.5em;
-  border-top-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  position: absolute;
-  width: 100%;
-  bottom: 1.5em;
-  max-height: 15em;
-}
-
-.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 5em;
-}
-
-.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 10em;
-}
-
-.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 14em;
-}
-
-.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 25em;
-}
-
-.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block;
-}
-
-.video-js .vjs-menu-button-inline {
-  transition: all 0.4s;
-  overflow: hidden;
-}
-
-.video-js .vjs-menu-button-inline:before {
-  width: 2.222222222em;
-}
-
-.video-js .vjs-menu-button-inline:hover,
-.video-js .vjs-menu-button-inline:focus,
-.video-js .vjs-menu-button-inline.vjs-slider-active,
-.video-js.vjs-no-flex .vjs-menu-button-inline {
-  width: 12em;
-}
-
-.vjs-menu-button-inline .vjs-menu {
-  opacity: 0;
-  height: 100%;
-  width: auto;
-  position: absolute;
-  left: 4em;
-  top: 0;
-  padding: 0;
-  margin: 0;
-  transition: all 0.4s;
-}
-
-.vjs-menu-button-inline:hover .vjs-menu,
-.vjs-menu-button-inline:focus .vjs-menu,
-.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  display: block;
-  opacity: 1;
-}
-
-.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
-  display: block;
-  opacity: 1;
-  position: relative;
-  width: auto;
-}
-
-.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  width: auto;
-}
-
-.vjs-menu-button-inline .vjs-menu-content {
-  width: auto;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-}
-
-.video-js .vjs-control-bar {
-  display: none;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 3em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-has-started .vjs-control-bar {
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  transition: visibility 0.1s, opacity 0.1s;
-}
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.vjs-controls-disabled .vjs-control-bar,
-.vjs-using-native-controls .vjs-control-bar,
-.vjs-error .vjs-control-bar {
-  display: none !important;
-}
-
-.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-has-started.vjs-no-flex .vjs-control-bar {
-  display: table;
-}
-
-.video-js .vjs-control {
-  position: relative;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 4em;
-  flex: none;
-}
-
-.vjs-button > .vjs-icon-placeholder:before {
-  font-size: 1.8em;
-  line-height: 1.67;
-}
-
-.video-js .vjs-control:focus:before,
-.video-js .vjs-control:hover:before,
-.video-js .vjs-control:focus {
-  text-shadow: 0em 0em 1em white;
-}
-
-.video-js .vjs-control-text {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.vjs-no-flex .vjs-control {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.video-js .vjs-custom-control-spacer {
-  display: none;
-}
-
-.video-js .vjs-progress-control {
-  cursor: pointer;
-  flex: auto;
-  display: flex;
-  align-items: center;
-  min-width: 4em;
-  touch-action: none;
-}
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default;
-}
-
-.vjs-live .vjs-progress-control {
-  display: none;
-}
-
-.vjs-liveui .vjs-progress-control {
-  display: flex;
-  align-items: center;
-}
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto;
-}
-
-.video-js .vjs-progress-holder {
-  flex: auto;
-  transition: all 0.2s;
-  height: 0.3em;
-}
-
-.video-js .vjs-progress-control .vjs-progress-holder {
-  margin: 0 10px;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.6666666667em;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-holder .vjs-play-progress,
-.video-js .vjs-progress-holder .vjs-load-progress,
-.video-js .vjs-progress-holder .vjs-load-progress div {
-  position: absolute;
-  display: block;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  width: 0;
-}
-
-.video-js .vjs-play-progress {
-  background-color: #fff;
-}
-.video-js .vjs-play-progress:before {
-  font-size: 0.9em;
-  position: absolute;
-  right: -0.5em;
-  top: -0.3333333333em;
-  z-index: 1;
-}
-
-.video-js .vjs-load-progress {
-  background: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-load-progress div {
-  background: rgba(115, 133, 159, 0.75);
-}
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-radius: 0.3em;
-  color: #000;
-  float: right;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1em;
-  padding: 6px 8px 8px 8px;
-  pointer-events: none;
-  position: absolute;
-  top: -3.4em;
-  visibility: hidden;
-  z-index: 1;
-}
-
-.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: none;
-}
-
-.video-js .vjs-progress-control:hover .vjs-time-tooltip,
-.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: block;
-  font-size: 0.6em;
-  visibility: visible;
-}
-
-.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-control .vjs-mouse-display {
-  display: none;
-  position: absolute;
-  width: 1px;
-  height: 100%;
-  background-color: #000;
-  z-index: 1;
-}
-
-.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  z-index: 0;
-}
-
-.video-js .vjs-progress-control:hover .vjs-mouse-display {
-  display: block;
-}
-
-.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  display: none;
-}
-
-.vjs-mouse-display .vjs-time-tooltip {
-  color: #fff;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.8);
-}
-
-.video-js .vjs-slider {
-  position: relative;
-  cursor: pointer;
-  padding: 0;
-  margin: 0 0.45em 0 0.45em;
-  /* iOS Safari */
-  -webkit-touch-callout: none;
-  /* Safari */
-  -webkit-user-select: none;
-  /* Konqueror HTML */
-  /* Firefox */
-  -moz-user-select: none;
-  /* Internet Explorer/Edge */
-  -ms-user-select: none;
-  /* Non-prefixed version, currently supported by Chrome and Opera */
-  user-select: none;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-slider.disabled {
-  cursor: default;
-}
-
-.video-js .vjs-slider:focus {
-  text-shadow: 0em 0em 1em white;
-  box-shadow: 0 0 1em #fff;
-}
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: flex;
-}
-
-.video-js .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control {
-  visibility: visible;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin-left: -1px;
-}
-
-.video-js .vjs-volume-panel {
-  transition: width 1s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  margin-right: 0;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-  left: -3.5em;
-  transition: left 0s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: 10em;
-  transition: width 0.1s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
-  width: 4em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3000em;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: none;
-}
-
-.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  position: absolute;
-  bottom: 3em;
-  left: 0.5em;
-}
-
-.video-js .vjs-volume-panel {
-  display: flex;
-}
-
-.video-js .vjs-volume-bar {
-  margin: 1.35em 0.45em;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal {
-  width: 5em;
-  height: 0.3em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical {
-  width: 0.3em;
-  height: 5em;
-  margin: 1.35em auto;
-}
-
-.video-js .vjs-volume-level {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background-color: #fff;
-}
-.video-js .vjs-volume-level:before {
-  position: absolute;
-  font-size: 0.9em;
-}
-
-.vjs-slider-vertical .vjs-volume-level {
-  width: 0.3em;
-}
-.vjs-slider-vertical .vjs-volume-level:before {
-  top: -0.5em;
-  left: -0.3em;
-}
-
-.vjs-slider-horizontal .vjs-volume-level {
-  height: 0.3em;
-}
-.vjs-slider-horizontal .vjs-volume-level:before {
-  top: -0.3em;
-  right: -0.5em;
-}
-
-.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
-  width: 4em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
-  height: 100%;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
-  width: 100%;
-}
-
-.video-js .vjs-volume-vertical {
-  width: 3em;
-  height: 8em;
-  bottom: 8em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.video-js .vjs-volume-horizontal .vjs-menu {
-  left: -2em;
-}
-
-.vjs-poster {
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: contain;
-  background-color: #000000;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-}
-
-.vjs-has-started .vjs-poster {
-  display: none;
-}
-
-.vjs-audio.vjs-has-started .vjs-poster {
-  display: block;
-}
-
-.vjs-using-native-controls .vjs-poster {
-  display: none;
-}
-
-.video-js .vjs-live-control {
-  display: flex;
-  align-items: flex-start;
-  flex: auto;
-  font-size: 1em;
-  line-height: 3em;
-}
-
-.vjs-no-flex .vjs-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js:not(.vjs-live) .vjs-live-control,
-.video-js.vjs-liveui .vjs-live-control {
-  display: none;
-}
-
-.video-js .vjs-seek-to-live-control {
-  cursor: pointer;
-  flex: none;
-  display: inline-flex;
-  height: 100%;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  font-size: 1em;
-  line-height: 3em;
-  width: auto;
-  min-width: 4em;
-}
-
-.vjs-no-flex .vjs-seek-to-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
-.video-js:not(.vjs-live) .vjs-seek-to-live-control {
-  display: none;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
-  cursor: auto;
-}
-
-.vjs-seek-to-live-control .vjs-icon-placeholder {
-  margin-right: 0.5em;
-  color: #888;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
-  color: red;
-}
-
-.video-js .vjs-time-control {
-  flex: none;
-  font-size: 1em;
-  line-height: 3em;
-  min-width: 2em;
-  width: auto;
-  padding-left: 1em;
-  padding-right: 1em;
-}
-
-.vjs-live .vjs-time-control {
-  display: none;
-}
-
-.video-js .vjs-current-time,
-.vjs-no-flex .vjs-current-time {
-  display: none;
-}
-
-.video-js .vjs-duration,
-.vjs-no-flex .vjs-duration {
-  display: none;
-}
-
-.vjs-time-divider {
-  display: none;
-  line-height: 3em;
-}
-
-.vjs-live .vjs-time-divider {
-  display: none;
-}
-
-.video-js .vjs-play-control {
-  cursor: pointer;
-}
-
-.video-js .vjs-play-control .vjs-icon-placeholder {
-  flex: none;
-}
-
-.vjs-text-track-display {
-  position: absolute;
-  bottom: 3em;
-  left: 0;
-  right: 0;
-  top: 0;
-  pointer-events: none;
-}
-
-.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
-  bottom: 1em;
-}
-
-.video-js .vjs-text-track {
-  font-size: 1.4em;
-  text-align: center;
-  margin-bottom: 0.1em;
-}
-
-.vjs-subtitles {
-  color: #fff;
-}
-
-.vjs-captions {
-  color: #fc6;
-}
-
-.vjs-tt-cue {
-  display: block;
-}
-
-video::-webkit-media-text-track-display {
-  transform: translateY(-3em);
-}
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  transform: translateY(-1.5em);
-}
-
-.video-js .vjs-picture-in-picture-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  flex: none;
-}
-.vjs-playback-rate > .vjs-menu-button,
-.vjs-playback-rate .vjs-playback-rate-value {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-playback-rate .vjs-playback-rate-value {
-  pointer-events: none;
-  font-size: 1.5em;
-  line-height: 2;
-  text-align: center;
-}
-
-.vjs-playback-rate .vjs-menu {
-  width: 4em;
-  left: 0em;
-}
-
-.vjs-error .vjs-error-display .vjs-modal-dialog-content {
-  font-size: 1.4em;
-  text-align: center;
-}
-
-.vjs-error .vjs-error-display:before {
-  color: #fff;
-  content: "X";
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 4em;
-  left: 0;
-  line-height: 1;
-  margin-top: -0.5em;
-  position: absolute;
-  text-shadow: 0.05em 0.05em 0.1em #000;
-  text-align: center;
-  top: 50%;
-  vertical-align: middle;
-  width: 100%;
-}
-
-.vjs-loading-spinner {
-  display: none;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -25px 0 0 -25px;
-  opacity: 0.85;
-  text-align: left;
-  border: 6px solid rgba(43, 51, 63, 0.7);
-  box-sizing: border-box;
-  background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
-  visibility: hidden;
-}
-
-.vjs-seeking .vjs-loading-spinner,
-.vjs-waiting .vjs-loading-spinner {
-  display: block;
-  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
-          animation: vjs-spinner-show 0s linear 0.3s forwards;
-}
-
-.vjs-loading-spinner:before,
-.vjs-loading-spinner:after {
-  content: "";
-  position: absolute;
-  margin: -6px;
-  box-sizing: inherit;
-  width: inherit;
-  height: inherit;
-  border-radius: inherit;
-  opacity: 1;
-  border: inherit;
-  border-color: transparent;
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:after {
-  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:after {
-  border-top-color: white;
-  -webkit-animation-delay: 0.44s;
-  animation-delay: 0.44s;
-}
-
-@keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@-webkit-keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@keyframes vjs-spinner-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes vjs-spinner-spin {
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-@keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-@-webkit-keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-.vjs-chapters-button .vjs-menu ul {
-  width: 24em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: " ";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: auto;
-  width: initial;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
-  flex: auto;
-  display: block;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
-  width: auto;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
-  display: none;
-}
-
-.vjs-modal-dialog.vjs-text-track-settings {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.75);
-  color: #fff;
-  height: 70%;
-}
-
-.vjs-text-track-settings .vjs-modal-dialog-content {
-  display: table;
-}
-
-.vjs-text-track-settings .vjs-track-settings-colors,
-.vjs-text-track-settings .vjs-track-settings-font,
-.vjs-text-track-settings .vjs-track-settings-controls {
-  display: table-cell;
-}
-
-.vjs-text-track-settings .vjs-track-settings-controls {
-  text-align: right;
-  vertical-align: bottom;
-}
-
-@supports (display: grid) {
-  .vjs-text-track-settings .vjs-modal-dialog-content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr;
-    padding: 20px 24px 0px 24px;
-  }
-
-  .vjs-track-settings-controls .vjs-default-button {
-    margin-bottom: 20px;
-  }
-
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 1/-1;
-  }
-
-  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
-    grid-template-columns: 1fr;
-  }
-}
-.vjs-track-setting > select {
-  margin-right: 1em;
-  margin-bottom: 0.5em;
-}
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: none;
-}
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block;
-}
-
-.vjs-text-track-settings fieldset span > select {
-  max-width: 7.3em;
-}
-
-.vjs-text-track-settings legend {
-  color: #fff;
-  margin: 0 0 5px 0;
-}
-
-.vjs-text-track-settings .vjs-label {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  display: block;
-  margin: 0 0 5px 0;
-  padding: 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-
-.vjs-track-settings-controls button:focus,
-.vjs-track-settings-controls button:active {
-  outline-style: solid;
-  outline-width: medium;
-  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
-}
-
-.vjs-track-settings-controls button:hover {
-  color: rgba(43, 51, 63, 0.75);
-}
-
-.vjs-track-settings-controls button {
-  background-color: #fff;
-  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
-  color: #2B333F;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.vjs-track-settings-controls .vjs-default-button {
-  margin-right: 1em;
-}
-
-@media print {
-  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
-    visibility: hidden;
-  }
-}
-.vjs-resize-manager {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  z-index: -1000;
-}
-
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-  background: none;
-}
-
-.video-js *:focus:not(:focus-visible),
-.video-js .vjs-menu *:focus:not(:focus-visible) {
-  outline: none;
-  background: none;
-}
diff --git a/assets/css/style.scss b/assets/css/style.scss
deleted file mode 100755
index 3550dc6bf..000000000
--- a/assets/css/style.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-@import 'theme';
-@import 'forms';
-@import 'inputs';
-@import 'states';
-@import 'video';
-@import 'tooltip';
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    font-family: Arial, Helvetica, sans-serif;
-	overflow: hidden;
-}
-
-#container {
-	height: 100%;
-}
-
-.nolist {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    li {
-        display: inline-block;
-    }
-}
-
-.heading {
-    color: var(--shadow);
-    padding: 0;
-    margin: 0 0 1rem 0;
-    font-size: 1.5rem;
-}
-
-.icon.icon-href {
-    fill: var(--shadow);
-
-    :hover {
-        fill: var(--primary);
-    }
-}
-
-.link {
-	color: var(--link);
-	text-decoration: none;
-}
-
-.link-external {
-	color: var(--link-external);
-}
diff --git a/assets/js/actors/actions.js b/assets/js/actors/actions.js
deleted file mode 100755
index b5eae9f8a..000000000
--- a/assets/js/actors/actions.js
+++ /dev/null
@@ -1,441 +0,0 @@
-import config from 'config';
-import dayjs from 'dayjs';
-
-import { graphql, get } from '../api';
-import { curateActor, curateRelease } from '../curate';
-import getDateRange from '../get-date-range';
-
-import {
-	releaseFields,
-	actorStashesFields,
-	getIncludedEntities,
-	getIncludedActors,
-	batchFragment,
-} from '../fragments';
-
-function initActorActions(store, router) {
-	async function fetchActorById({ _commit }, {
-		actorId,
-		limit = 10,
-		pageNumber = 1,
-		range = 'latest',
-	}) {
-		if (!actorId) {
-			return null;
-		}
-
-		const { before, after, orderBy } = getDateRange(range);
-		const includedTags = router.currentRoute.value.query.tags ? router.currentRoute.value.query.tags.split(',') : [];
-		const mode = router.currentRoute.value.query.mode || 'all';
-
-		const { actor, batches: [lastBatch] } = await graphql(`
-            query Actor(
-                $actorId: Int!
-				$userId: Int,
-				$hasAuth: Boolean!,
-                $limit:Int = 10,
-				$offset:Int = 0,
-                $after:Datetime = "1900-01-01",
-                $before:Datetime = "2100-01-01",
-                $orderBy:[ReleasesOrderBy!]
-				$selectableTags: [String],
-				$includedTags: [String!],
-				$exclude: [String!],
-				$mode: String!,
-				$includedEntities: [ReleaseFilter!],
-				$includedActors: [ReleaseFilter!]
-            ) {
-                actor(id: $actorId) {
-                    id
-                    name
-                    slug
-					realName
-                    gender
-					orientation
-                    dateOfBirth
-                    dateOfDeath
-                    age
-					dateOfBirth
-					ageFromBirth
-					ageAtDeath
-                    ethnicity
-					cup
-                    bust
-                    waist
-                    hip
-                    naturalBoobs
-					penisLengthMetric: penisLength(units:METRIC)
-					penisLengthImperial: penisLength(units:IMPERIAL)
-					penisGirthMetric: penisGirth(units:METRIC)
-					penisGirthImperial: penisGirth(units:IMPERIAL)
-					circumcised
-                    heightMetric: height(units:METRIC)
-                    heightImperial: height(units:IMPERIAL)
-                    weightMetric: weight(units:METRIC)
-                    weightImperial: weight(units:IMPERIAL)
-					hairColor
-					hairLength
-					eyes
-                    hasTattoos
-                    hasPiercings
-                    tattoos
-                    piercings
-                    description
-					createdAt
-					updatedAt
-                    entity {
-                        id
-                        name
-                        slug
-						type
-						parent {
-							id
-							name
-							slug
-							type
-						}
-                    }
-					avatar: avatarMedia {
-						id
-						path
-						thumbnail
-						lazy
-						width
-						height
-						thumbnailWidth
-						thumbnailHeight
-						hash
-						comment
-						credit
-						isS3
-						sfw: sfwMedia {
-							id
-							thumbnail
-							path
-							comment
-						}
-					}
-					profiles: actorsProfiles(orderBy: PRIORITY_DESC) {
-						description
-						descriptionHash
-						entity {
-							id
-							name
-							slug
-							type
-							independent
-							parent {
-								id
-								name
-								slug
-								type
-							}
-						}
-						avatar: avatarMedia {
-							id
-							path
-							thumbnail
-							lazy
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							hash
-							isS3
-							comment
-							credit
-							entropy
-							sharpness
-							sfw: sfwMedia {
-								id
-								thumbnail
-								path
-								comment
-							}
-						}
-                    }
-                    birthCity
-                    birthState
-                    birthCountry: countryByBirthCountryAlpha2 {
-                      alpha2
-                      name
-                      alias
-                    }
-                    residenceCity
-                    residenceState
-                    residenceCountry: countryByResidenceCountryAlpha2 {
-                      alpha2
-                      name
-                      alias
-                    }
-                    social: actorsSocials {
-                        id
-                        url
-                        platform
-                    }
-                    aliases: actorsByAliasFor {
-                        id
-                        name
-                        slug
-                    }
-					tags(selectableTags: $selectableTags) {
-						id
-						name
-						slug
-						priority
-					}
-					channels {
-						id
-						name
-						slug
-						type
-						independent
-						parent {
-							id
-							name
-							slug
-							type
-						}
-					}
-					actors {
-						id
-						name
-						slug
-					}
-                    scenesConnection(
-                        filter: {
-							effectiveDate: {
-								lessThan: $before,
-								greaterThan: $after
-							}
-							and: [
-								{
-									or: $includedEntities
-								}
-								{
-									or: $includedActors
-								}
-								{
-									releasesTagsConnection: {
-										none: {
-											tag: {
-												slug: {
-													in: $exclude
-												}
-											}
-										}
-									}
-								}
-							]
-                        }
-						selectedTags: $includedTags
-						mode: $mode
-                        first: $limit
-						offset: $offset
-                        orderBy: $orderBy
-                    ) {
-						releases: nodes {
-							${releaseFields}
-						}
-						totalCount
-                    }
-					${actorStashesFields}
-                }
-				${batchFragment}
-            }
-        `, {
-			actorId,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			after,
-			before,
-			selectableTags: config.selectableTags,
-			orderBy,
-			exclude: store.state.ui.tagFilter,
-			includedTags,
-			includedEntities: getIncludedEntities(router),
-			includedActors: getIncludedActors(router),
-			mode,
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		if (!actor) {
-			router.replace('/not-found');
-			return null;
-		}
-
-		return {
-			actor: curateActor(actor, null, curateRelease),
-			releases: actor.scenesConnection.releases.map((release) => curateRelease(release, 'scene', { lastBatch: lastBatch.id })),
-			totalCount: actor.scenesConnection.totalCount,
-		};
-	}
-
-	async function fetchActors({ _commit }, {
-		limit = 10,
-		pageNumber = 1,
-		query,
-		gender,
-		age,
-		country,
-		dob,
-		naturalBoobs,
-		boobSize,
-		height,
-		weight,
-	}) {
-		const now = dayjs();
-
-		const genderFilter = (gender === null && 'gender: { isNull: true }')
-			|| (gender === 'all' && ' ')
-			|| (gender && `gender: { equalTo: "${gender}" }`)
-			|| '';
-
-		const ageFilter = age ? `
-			or: [
-				{
-					dateOfBirth: {
-						greaterThanOrEqualTo: "${now.subtract(age[1], 'year').format('YYYY-MM-DD')}",
-						lessThanOrEqualTo: "${now.subtract(age[0], 'year').format('YYYY-MM-DD')}"
-					}
-				},
-				{
-					dateOfBirth: {
-						isNull: true
-					}
-					age: {
-						greaterThanOrEqualTo: ${age[0]}
-						lessThanOrEqualTo: ${age[1]}
-					}
-				}
-			]
-		` : '';
-
-		const dobFilter = dob ? `dateOfBirth: { equalTo: "${dob}" }` : '';
-		const countryFilter = country ? `countryByBirthCountryAlpha2: { alpha2: { equalTo: "${country}" } }` : '';
-
-		const heightFilter = height ? `height: { greaterThanOrEqualTo: ${height[0]}, lessThanOrEqualTo: ${height[1]} }` : '';
-		const weightFilter = weight ? `weight: { greaterThanOrEqualTo: ${weight[0]}, lessThanOrEqualTo: ${weight[1]} }` : '';
-		const cupFilter = boobSize ? `cup: { greaterThanOrEqualTo: "${boobSize[0]}", lessThanOrEqualTo: "${boobSize[1]}" }` : '';
-
-		const { connection: { actors, totalCount }, countries } = await graphql(`
-            query Actors(
-                $query: String
-                $limit: Int,
-                $offset: Int = 0,
-				$naturalBoobs: Boolean,
-				$userId: Int,
-				$hasAuth: Boolean!,
-            ) {
-				connection: searchActorsConnection(
-					query: $query
-                    first: $limit,
-					offset: $offset
-                    orderBy: NAME_ASC
-					minLength: 0
-                    filter: {
-						aliasFor: {
-							isNull: true
-						}
-						${genderFilter}
-						${ageFilter}
-						${dobFilter}
-						${heightFilter}
-						${weightFilter}
-						${cupFilter}
-						${countryFilter}
-						naturalBoobs: {
-							equalTo: $naturalBoobs
-						}
-                    }
-                ) {
-					totalCount
-					actors: nodes {
-						id
-						name
-						slug
-						age
-						dateOfBirth
-						ageFromBirth
-						ageAtDeath
-						dateOfBirth
-						dateOfDeath
-						gender
-						entity {
-							id
-							name
-							slug
-							type
-							parent {
-								id
-								name
-								slug
-								type
-							}
-						}
-						avatar: avatarMedia {
-							id
-							path
-							thumbnail
-							lazy
-							comment
-							credit
-							isS3
-							sfw: sfwMedia {
-								id
-								thumbnail
-								path
-								comment
-							}
-						}
-						birthCountry: countryByBirthCountryAlpha2 {
-						  alpha2
-						  name
-						  alias
-						}
-						${actorStashesFields}
-					}
-                }
-				countries(
-					orderBy: NAME_ASC,
-				) {
-					alpha2
-					name
-					alias
-				}
-            }
-        `, {
-			query,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			limit,
-			naturalBoobs: naturalBoobs || null,
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		return {
-			actors: actors.map((actor) => curateActor(actor)),
-			totalCount,
-			countries,
-		};
-	}
-
-	async function fetchActorReleases({ _commit }, actorId) {
-		const releases = await get(`/actors/${actorId}/releases`, {
-			filter: store.state.ui.filter,
-			after: store.getters.after,
-			before: store.getters.before,
-		});
-
-		return releases;
-	}
-
-	return {
-		fetchActorById,
-		fetchActors,
-		fetchActorReleases,
-	};
-}
-
-export default initActorActions;
diff --git a/assets/js/actors/actors.js b/assets/js/actors/actors.js
deleted file mode 100755
index 8e71e8861..000000000
--- a/assets/js/actors/actors.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initActorsStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initActorsStore;
diff --git a/assets/js/actors/mutations.js b/assets/js/actors/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/actors/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/actors/state.js b/assets/js/actors/state.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/actors/state.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/api.js b/assets/js/api.js
deleted file mode 100755
index 52253baf4..000000000
--- a/assets/js/api.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import config from 'config';
-
-async function get(endpoint, query = {}) {
-	const curatedQuery = Object.entries(query).reduce((acc, [key, value]) => (value ? { ...acc, [key]: value } : acc), {}); // remove empty values
-	const q = new URLSearchParams(curatedQuery).toString();
-
-	const res = await fetch(`${config.api.url}${endpoint}?${q}`, {
-		method: 'GET',
-		mode: 'cors',
-		credentials: 'same-origin',
-	});
-
-	const contentTypes = res.headers.get('content-type');
-
-	if (res.ok && contentTypes?.includes('application/json')) {
-		return res.json();
-	}
-
-	if (res.ok) {
-		return null;
-	}
-
-	const errorMsg = await res.text();
-
-	throw new Error(errorMsg);
-}
-
-async function post(endpoint, data, method = 'POST') {
-	const res = await fetch(`${config.api.url}${endpoint}`, {
-		method,
-		mode: 'cors',
-		headers: {
-			'Content-Type': 'application/json',
-		},
-		credentials: 'same-origin',
-		body: JSON.stringify(data),
-	});
-
-	const contentTypes = res.headers.get('content-type');
-
-	if (res.ok && contentTypes?.includes('application/json')) {
-		return res.json();
-	}
-
-	if (res.ok) {
-		return null;
-	}
-
-	const errorMsg = await res.text();
-
-	throw new Error(errorMsg);
-}
-
-async function patch(endpoint, data) {
-	return post(endpoint, data, 'PATCH');
-}
-
-async function put(endpoint, data) {
-	return post(endpoint, data, 'PUT');
-}
-
-async function del(endpoint) {
-	const res = await fetch(`${config.api.url}${endpoint}`, {
-		method: 'DELETE',
-		mode: 'cors',
-		credentials: 'same-origin',
-	});
-
-	const contentTypes = res.headers.get('content-type');
-
-	if (res.ok && contentTypes?.includes('application/json')) {
-		return res.json();
-	}
-
-	if (res.ok) {
-		return true;
-	}
-
-	const errorMsg = await res.text();
-
-	throw new Error(errorMsg);
-}
-
-async function graphql(query, variables = null) {
-	const res = await fetch('/graphql', {
-		method: 'POST',
-		mode: 'cors',
-		headers: {
-			'Content-Type': 'application/json',
-		},
-		credentials: 'same-origin',
-		body: JSON.stringify({
-			query,
-			variables,
-		}),
-	});
-
-	if (res.ok) {
-		const { data } = await res.json();
-
-		return data;
-	}
-
-	const errorMsg = await res.text();
-
-	throw new Error(errorMsg);
-}
-
-export {
-	get,
-	post,
-	del,
-	graphql,
-	patch,
-	put,
-};
diff --git a/assets/js/auth/actions.js b/assets/js/auth/actions.js
deleted file mode 100755
index 790a5f3a6..000000000
--- a/assets/js/auth/actions.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import { get, post, del } from '../api';
-
-function initAuthActions(store, _router) {
-	async function fetchMe({ commit }) {
-		try {
-			const user = await get('/session');
-
-			commit('setUser', user);
-
-			return user;
-		} catch (error) {
-			// continue as guest
-			return null;
-		}
-	}
-
-	async function login({ commit }, credentials) {
-		const user = await post('/session', credentials);
-
-		commit('setUser', user);
-		await store.dispatch('fetchNotifications');
-
-		return user;
-	}
-
-	async function signup({ commit }, credentials) {
-		const user = await post('/users', credentials);
-
-		commit('setUser', user);
-
-		return user;
-	}
-
-	async function logout({ commit }) {
-		await del('/session');
-
-		commit('setUser', null);
-	}
-
-	return {
-		fetchMe,
-		login,
-		logout,
-		signup,
-	};
-}
-
-export default initAuthActions;
diff --git a/assets/js/auth/auth.js b/assets/js/auth/auth.js
deleted file mode 100755
index 11fb6806c..000000000
--- a/assets/js/auth/auth.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import getters from './getters';
-import actions from './actions';
-
-function initAuthStore(store, router) {
-	return {
-		state,
-		mutations,
-		getters,
-		actions: actions(store, router),
-	};
-}
-
-export default initAuthStore;
diff --git a/assets/js/auth/getters.js b/assets/js/auth/getters.js
deleted file mode 100755
index fdebbc7d7..000000000
--- a/assets/js/auth/getters.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function favoritesStash(state) {
-	return state.user.stashes.find((stash) => stash.slug === 'favorites');
-}
-
-module.exports = {
-	favoritesStash,
-	favorites: favoritesStash,
-};
diff --git a/assets/js/auth/mutations.js b/assets/js/auth/mutations.js
deleted file mode 100755
index 7883befd6..000000000
--- a/assets/js/auth/mutations.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function setUser(state, user) {
-	state.user = user;
-}
-
-export default {
-	setUser,
-};
diff --git a/assets/js/auth/observers.js b/assets/js/auth/observers.js
deleted file mode 100755
index 5e67dcb69..000000000
--- a/assets/js/auth/observers.js
+++ /dev/null
@@ -1,5 +0,0 @@
-async function initAuthObserver(store, _router) {
-	await store.dispatch('fetchMe');
-}
-
-export default initAuthObserver;
diff --git a/assets/js/auth/state.js b/assets/js/auth/state.js
deleted file mode 100755
index b68aa6c3f..000000000
--- a/assets/js/auth/state.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
-	login: window.env.login,
-	signup: window.env.signup,
-	user: null,
-};
diff --git a/assets/js/config/default.js b/assets/js/config/default.js
deleted file mode 100755
index 458e32162..000000000
--- a/assets/js/config/default.js
+++ /dev/null
@@ -1,45 +0,0 @@
-export default {
-	api: {
-		url: `${window.location.origin}/api`,
-	},
-	media: {
-		assetPath: '/img',
-		mediaPath: '/media',
-		s3Path: 'https://s3.wasabisys.com',
-	},
-	campaigns: {
-		home: true,
-		entity: true,
-		tiles: 0,
-	},
-	showDisclaimer: false,
-	disclaimer: 'This site is in early development, and content may occasionally disappear. Please stay tuned, you will be able to use traxxx to its full potential in the near future!',
-	selectableTags: [
-		'airtight',
-		'anal',
-		'bdsm',
-		'blowbang',
-		'blowjob',
-		'creampie',
-		'deepthroat',
-		'dap',
-		'dp',
-		'dvp',
-		'facefucking',
-		'facial',
-		'fisting',
-		'gaping',
-		'gangbang',
-		'interracial',
-		'lesbian',
-		'threesome',
-		'mff',
-		'mfm',
-		'orgy',
-		'pov',
-		'solo',
-		'squirting',
-		'swallowing',
-	],
-	discord: 'https://discord.gg/6mjHTYG',
-};
diff --git a/assets/js/curate.js b/assets/js/curate.js
deleted file mode 100755
index 8fe69880c..000000000
--- a/assets/js/curate.js
+++ /dev/null
@@ -1,243 +0,0 @@
-import dayjs from 'dayjs';
-
-function curateActor(actor, release) {
-	if (!actor) {
-		return null;
-	}
-
-	const curatedActor = {
-		...actor,
-		height: actor.heightMetric && {
-			metric: actor.heightMetric,
-			imperial: actor.heightImperial,
-		},
-		weight: actor.weightMetric && {
-			metric: actor.weightMetric,
-			imperial: actor.weightImperial,
-		},
-		origin: actor.birthCountry && {
-			city: actor.birthCity,
-			state: actor.birthState,
-			country: actor.birthCountry,
-		},
-		residence: actor.residenceCountry && {
-			city: actor.residenceCity,
-			state: actor.residenceState,
-			country: actor.residenceCountry,
-		},
-		scrapedAt: new Date(actor.createdAt),
-		updatedAt: new Date(actor.updatedAt),
-	};
-
-	if (actor.profiles) {
-		const photos = actor.profiles
-			.map((profile) => ({ entity: profile.entity, ...profile.avatar }))
-			.filter((avatar) => avatar.id && (!curatedActor.avatar || avatar.hash !== curatedActor.avatar.hash));
-
-		const descriptions = actor.profiles.reduce((acc, profile) => ({
-			...acc,
-			...(profile.description && {
-				[profile.descriptionHash]: {
-					text: profile.description,
-					entity: profile.entity,
-				},
-			}),
-		}), {});
-
-		curatedActor.photos = Object.values(photos.reduce((acc, photo) => ({ ...acc, [photo.hash]: photo }), {}));
-		curatedActor.descriptions = Object.values(descriptions);
-	}
-
-	if (release && release.date && curatedActor.birthdate) {
-		curatedActor.ageThen = dayjs(release.date).diff(actor.birthdate, 'year');
-	}
-
-	if (actor.aliasFor) {
-		curatedActor.aliasFor = curateActor(curatedActor.aliasFor);
-	}
-
-	if (actor.stashes) {
-		curatedActor.stashes = actor.stashes.filter(Boolean).map((stash) => curateStash(stash.stash || stash)); // eslint-disable-line no-use-before-define
-	}
-
-	curatedActor.stashes = actor.stashes?.map((stash) => stash.stash || stash) || [];
-
-	return curatedActor;
-}
-
-function curateRelease(release, type = 'scene', context = {}) {
-	const curatedRelease = {
-		...release,
-		type: release.type || type,
-		actors: [],
-		poster: release.poster && release.poster.media,
-		tags: release.tags ? release.tags.map((tag) => tag.tag || tag) : [],
-		isNew: release.createdBatchId === context.lastBatch,
-	};
-
-	curatedRelease.scenes = release.scenes?.filter(Boolean).map(({ scene }) => curateRelease(scene, 'scene', context)) || [];
-	curatedRelease.movies = release.movies?.filter(Boolean).map(({ movie }) => curateRelease(movie, 'movie', context)) || [];
-	curatedRelease.series = release.series?.filter(Boolean).map(({ serie }) => curateRelease(serie, 'serie', context)) || [];
-	curatedRelease.chapters = release.chapters?.filter(Boolean).map((chapter) => curateRelease(chapter, 'chapter', context)) || [];
-	curatedRelease.photos = release.photos?.filter(Boolean).map((photo) => photo.media || photo) || [];
-	curatedRelease.caps = release.caps?.filter(Boolean).map((cap) => cap.media || cap) || [];
-	curatedRelease.scenesPhotos = release.scenesPhotos?.filter(Boolean).map((photo) => photo.media || photo) || [];
-	curatedRelease.covers = release.covers?.filter(Boolean).map(({ media }) => media) || [];
-
-	if (release.trailer) curatedRelease.trailer = release.trailer.media;
-	if (release.teaser) curatedRelease.teaser = release.teaser.media;
-	if (release.actors) curatedRelease.actors = release.actors.filter(Boolean).map((actor) => curateActor(actor.actor || actor, curatedRelease));
-	if (release.directors) curatedRelease.directors = release.directors.filter(Boolean).map((director) => curateActor(director.director || director, curatedRelease));
-	if (release.movieTags && release.movieTags.length > 0) curatedRelease.tags = release.movieTags.filter(Boolean).map(({ tag }) => tag);
-	if (release.movieActors && release.movieActors.length > 0) curatedRelease.actors = release.movieActors.filter(Boolean).map(({ actor }) => curateActor(actor, curatedRelease));
-	if (release.stashes) curatedRelease.stashes = release.stashes.filter(Boolean).map((stash) => curateStash(stash.stash || stash)); // eslint-disable-line no-use-before-define
-
-	if (release.productionLocation) {
-		curatedRelease.productionLocation = {
-			raw: release.productionLocation,
-			city: release.productionCity,
-			state: release.productionState,
-			country: release.productionCountry,
-		};
-	}
-
-	return curatedRelease;
-}
-
-function curateEntity(entity, parent, releases, context) {
-	const curatedEntity = {
-		...entity,
-		children: [],
-	};
-
-	if (entity.tags) curatedEntity.tags = entity.tags.map(({ tag }) => tag);
-	if (entity.sceneTags) curatedEntity.sceneTags = entity.sceneTags;
-
-	if (entity.children) {
-		if (entity.children.nodes) {
-			curatedEntity.children = entity.children.nodes.map((childEntity) => curateEntity(childEntity, curatedEntity));
-		}
-
-		curatedEntity.childrenTotal = entity.children.totalCount;
-	}
-
-	if (entity.parent || parent) curatedEntity.parent = curateEntity(entity.parent || parent);
-	if (releases) curatedEntity.releases = releases.map((release) => curateRelease(release, 'scene', context));
-
-	curatedEntity.sceneTotal = entity.sceneTotal;
-
-	return curatedEntity;
-}
-
-function curateTag(tag, context) {
-	const curatedTag = {
-		...tag,
-	};
-
-	if (tag.releases) curatedTag.releases = tag.releases.map(({ release }) => curateRelease(release, 'scene', context));
-	if (tag.banners) curatedTag.banners = tag.banners.map(({ banner }) => banner);
-	if (tag.photos) curatedTag.photos = tag.photos.map(({ media }) => media);
-	if (tag.poster) curatedTag.poster = tag.poster.media;
-
-	return curatedTag;
-}
-
-function curateStash(stash, context) {
-	const curatedStash = stash;
-
-	if (stash.scenes || stash.scenesConnection?.scenes) {
-		curatedStash.sceneTotal = stash.scenesConnection?.totalCount || null;
-		curatedStash.scenes = (stash.scenesConnection?.scenes || stash.scenes).map((item) => ({
-			...item,
-			scene: curateRelease(item.scene, 'scene', context),
-		}));
-	}
-
-	if (stash.actors || stash.actorsConnection?.actors) {
-		curatedStash.actorTotal = stash.actorsConnection?.totalCount || null;
-		curatedStash.actors = (stash.actorsConnection?.actors || stash.actors).map((item) => ({
-			...item,
-			actor: curateActor(item.actor),
-		}));
-	}
-
-	if (stash.movies || stash.moviesConnection?.movies) {
-		curatedStash.movieTotal = stash.moviesConnection?.totalCount || null;
-		curatedStash.movies = (stash.moviesConnection?.movies || stash.movies).map((item) => ({
-			...item,
-			movie: curateRelease(item.movie, 'movie', context),
-		}));
-	}
-
-	return curatedStash;
-}
-
-function curateAlert(alert) {
-	if (!alert) {
-		return null;
-	}
-
-	const curatedAlert = alert;
-
-	if (alert.actors) {
-		curatedAlert.actors = alert.actors.map((actor) => curateActor(actor.actor || actor));
-	}
-
-	if (alert.tags) {
-		curatedAlert.tags = alert.tags.map((tag) => curateTag(tag.tag || tag));
-	}
-
-	if (alert.entity) {
-		curatedAlert.entity = curateEntity(alert.entity.entity || alert.entity);
-	}
-
-	if (alert.entities) {
-		curatedAlert.entities = alert.entities.map((entity) => curateEntity(entity.entity || entity));
-	}
-
-	if (alert.stashes) {
-		curatedAlert.stashes = alert.stashes.map((stash) => curateStash(stash.stash || stash));
-	}
-
-	return curatedAlert;
-}
-
-function curateUser(user) {
-	if (!user) {
-		return null;
-	}
-
-	const curatedUser = user;
-
-	if (user.stashes) {
-		curatedUser.stashes = user.stashes.map((stash) => curateStash(stash.stash || stash));
-	}
-
-	if (user.alerts) {
-		curatedUser.alerts = user.alerts.map((alert) => curateAlert(alert.alert || alert));
-	}
-
-	return curatedUser;
-}
-
-function curateNotification(notification) {
-	const curatedNotification = notification;
-
-	curatedNotification.scene = curateRelease(notification.scene);
-
-	if (notification.alert) {
-		curatedNotification.alert = curateAlert(notification.alert.alert || notification.alert);
-	}
-
-	return curatedNotification;
-}
-
-export {
-	curateActor,
-	curateEntity,
-	curateRelease,
-	curateNotification,
-	curateTag,
-	curateStash,
-	curateUser,
-};
diff --git a/assets/js/entities/actions.js b/assets/js/entities/actions.js
deleted file mode 100755
index 0a59e502a..000000000
--- a/assets/js/entities/actions.js
+++ /dev/null
@@ -1,261 +0,0 @@
-import { graphql } from '../api';
-// import { sitesFragment, releaseFields } from '../fragments';
-import { releaseFields, batchFragment, campaignsFragment } from '../fragments';
-import { curateEntity } from '../curate';
-import getDateRange from '../get-date-range';
-
-function initEntitiesActions(store, router) {
-	async function fetchEntityBySlugAndType({ _commit }, {
-		entitySlug,
-		entityType,
-		limit = 10,
-		pageNumber = 1,
-		range = 'latest',
-	}) {
-		const { before, after, orderBy } = getDateRange(range);
-
-		const { entity, connection, batches: [lastBatch] } = await graphql(`
-            query Entity(
-                $entitySlug: String!
-                $entityType: String! = "channel"
-                $limit: Int = 10,
-                $offset: Int = 0,
-                $after: Datetime = "1900-01-01",
-                $before: Datetime = "2100-01-01",
-                $orderBy: [ReleasesSummariesOrderBy!]
-                $exclude: [String!]
-				$hasAuth: Boolean!
-				$userId: Int
-            ) {
-				entity: entityBySlugAndType(slug: $entitySlug, type: $entityType) {
-                    id
-                    name
-                    slug
-                    url
-					independent
-					hasLogo
-					tags: entitiesTags {
-						tag {
-							id
-							name
-							slug
-						}
-					}
-					sceneTags {
-						id
-						name
-						slug
-					}
-					children: childEntitiesConnection(
-                        orderBy: [PRIORITY_DESC, NAME_ASC],
-						filter: {
-							type: {
-								notEqualTo: "info"
-							}
-							visible: {
-								equalTo: true
-							}
-						}
-                    ) {
-						nodes {
-							id
-							name
-							slug
-							url
-							type
-							priority
-							independent
-							hasLogo
-							${campaignsFragment}
-							children: childEntitiesConnection {
-								totalCount
-							}
-						}
-                    }
-					${campaignsFragment}
-                    parent {
-                        id
-                        name
-                        slug
-						type
-                        url
-						independent
-						hasLogo
-						${campaignsFragment}
-                    }
-                }
-				connection: releasesSummariesConnection(
-					first: $limit
-					offset: $offset
-					orderBy: $orderBy
-					filter: {
-					    effectiveDate: { lessThan: $before, greaterThan: $after }
-					    showcased: { equalTo: true }
-						and: [
-							{
-								or: [
-									{
-										not: { tags: { overlaps: $exclude } }
-									}
-									{
-										tags: { isNull: true }
-									}
-								]
-							}
-							{
-								or: [
-									{
-										channelSlug: { equalTo: $entitySlug }
-										channelType: { equalTo: $entityType }
-									}
-									{
-										networkSlug: { equalTo: $entitySlug }
-										networkType: { equalTo: $entityType }
-									}
-									{
-										parentNetworkSlug: { equalTo: $entitySlug }
-										parentNetworkType: { equalTo: $entityType }
-									}
-								]
-							}
-						]
-					}
-				) {
-					releases: nodes {
-						release {
-							${releaseFields}
-						}
-					}
-					totalCount
-				}
-				${batchFragment}
-            }
-        `, {
-			entitySlug,
-			entityType,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			after,
-			before,
-			orderBy,
-			exclude: store.state.ui.tagFilter,
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		if (!entity) {
-			router.replace('/not-found');
-			return null;
-		}
-
-		return {
-			entity: curateEntity(entity, null, connection.releases.map(({ release }) => release), { lastBatch: lastBatch?.id }),
-			totalCount: connection.totalCount,
-		};
-	}
-
-	async function fetchEntities({ _commit }, { type, entitySlugs }) {
-		const { entities } = await graphql(`
-            query Entities(
-				$entitySlugs: [String!] = []
-			) {
-				entities(
-					orderBy: SLUG_ASC
-					filter: {
-						or: [
-							{
-								type: {
-									equalTo: "network"
-								}
-								childEntitiesConnection: {
-									some: {
-										type: {
-											equalTo: "channel"
-										}
-										independent: {
-											notEqualTo: true
-										}
-									}
-								}
-							}
-							{
-								independent: {
-									equalTo: true
-								}
-							}
-							{
-								type: {
-									equalTo: "channel"
-								}
-								parentExists: false
-							}
-							{
-								slug: {
-									in: $entitySlugs
-								}
-							}
-						],
-					}
-				) {
-                    id
-                    name
-                    slug
-					type
-                    url
-					independent
-					hasLogo
-					children: childEntitiesConnection {
-						totalCount
-					}
-                }
-            }
-        `, {
-			type,
-			entitySlugs,
-		});
-
-		return entities.map((entity) => curateEntity(entity));
-	}
-
-	async function searchEntities({ _commit }, { query, limit = 20 }) {
-		const { entities } = await graphql(`
-            query SearchEntities(
-                $query: String!
-                $limit: Int = 20,
-            ) {
-                entities: searchEntities(
-                    search: $query
-                    first: $limit
-                ) {
-					id
-                    name
-                    slug
-					type
-                    url
-					independent
-					hasLogo
-                    parent {
-                        name
-                        slug
-						type
-                        url
-						hasLogo
-                    }
-                }
-            }
-        `, {
-			query,
-			limit,
-		});
-
-		return entities.map((entity) => curateEntity(entity));
-	}
-
-	return {
-		fetchEntityBySlugAndType,
-		fetchEntities,
-		searchEntities,
-	};
-}
-
-export default initEntitiesActions;
diff --git a/assets/js/entities/entities.js b/assets/js/entities/entities.js
deleted file mode 100755
index bc8e4faad..000000000
--- a/assets/js/entities/entities.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initEntitiesStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initEntitiesStore;
diff --git a/assets/js/entities/mutations.js b/assets/js/entities/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/entities/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/entities/state.js b/assets/js/entities/state.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/entities/state.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/format.js b/assets/js/format.js
deleted file mode 100755
index bac0db696..000000000
--- a/assets/js/format.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import dayjs from 'dayjs';
-
-export function formatDuration(duration, forceHours) {
-	const hours = Math.floor(duration / 3600);
-	const minutes = Math.floor((duration % 3600) / 60);
-	const seconds = Math.floor(duration % 60);
-
-	const [formattedHours, formattedMinutes, formattedSeconds] = [hours, minutes, seconds].map((segment) => segment.toString().padStart(2, '0'));
-
-	if (duration >= 3600 || forceHours) {
-		return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
-	}
-
-	return `${formattedMinutes}:${formattedSeconds}`;
-}
-
-export function formatDate(date, format = 'MMMM D, YYYY', precision = 'day') {
-	if (precision === 'year') {
-		const newFormat = format.match(/Y+/);
-		return dayjs(date).format(newFormat ? newFormat[0] : 'YYYY');
-	}
-
-	if (precision === 'month') {
-		const newFormat = format.match(/(M{1,4})|(Y{2,4})/g);
-		return dayjs(date).format(newFormat ? newFormat.join(' ') : 'MMMM YYYY');
-	}
-
-	return dayjs(date).format(format);
-}
diff --git a/assets/js/fragments.js b/assets/js/fragments.js
deleted file mode 100755
index 6302e07a2..000000000
--- a/assets/js/fragments.js
+++ /dev/null
@@ -1,771 +0,0 @@
-const siteFragment = `
-    entity {
-      id
-      name
-      slug
-      url
-	  type
-	  independent
-	  hasLogo
-      parent {
-        id
-        name
-        slug
-        url
-		type
-	    independent
-		hasLogo
-      }
-    }
-`;
-
-const sitesFragment = `
-    entities {
-      id
-      name
-      slug
-      url
-	  type
-	  independent
-	  hasLogo
-      parent {
-        id
-        name
-        slug
-        url
-		type
-		independent
-		hasLogo
-      }
-    }
-`;
-
-const actorStashesFields = `
-	isStashed
-	isFavorited
-	stashes: stashesActors(
-		filter: {
-			stash: {
-				userId: {
-					equalTo: $userId
-				}
-			}
-		}
-	) @include(if: $hasAuth) {
-		stash {
-			id
-			name
-			slug
-			primary
-		}
-	}
-`;
-
-const actorFields = `
-        id
-        name
-        slug
-        birthdate: dateOfBirth
-        age
-		ageFromBirth
-		dateOfBirth
-        gender
-		orientation
-		avatar: avatarMedia {
-			id
-			path
-			thumbnail
-			lazy
-			isS3
-			sfw: sfwMedia {
-				id
-				path
-				thumbnail
-				lazy
-			}
-		}
-		entity {
-            id
-            name
-            slug
-        }
-        birthCountry: countryByBirthCountryAlpha2 {
-          alpha2
-          name
-          alias
-        }
-		${actorStashesFields}
-`;
-
-const basicActorFields = `
-        id
-        name
-        slug
-        gender
-`;
-
-const movieFields = `
-	id
-	title
-	url
-	slug
-	date
-	datePrecision
-	actors {
-		id
-		name
-		slug
-	}
-	tags {
-		id
-		name
-		slug
-	}
-	entity {
-		id
-		name
-		slug
-		type
-		parent {
-			id
-			name
-			slug
-			type
-		}
-	}
-	covers: moviesCovers(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-		media {
-			id
-			path
-			thumbnail
-			lazy
-			width
-			height
-			thumbnailWidth
-			thumbnailHeight
-			isS3
-			sfw: sfwMedia {
-				id
-				path
-				thumbnail
-				lazy
-				comment
-			}
-		}
-	}
-	isFavorited
-	isStashed(includeFavorites: false)
-	stashes: stashesMovies(
-		filter: {
-			stash: {
-				userId: {
-					equalTo: $userId
-				}
-			}
-		}
-	) @include(if: $hasAuth) {
-		stash {
-			id
-			name
-			slug
-			primary
-		}
-	}
-`;
-
-const campaignFields = `
-	id
-	url
-	affiliate {
-		id
-		url
-		parameters
-	}
-	banner {
-		id
-		type
-		width
-		height
-		ratio
-		entity {
-			id
-			type
-			name
-			slug
-			parent {
-				id
-				type
-				name
-				slug
-			}
-		}
-	}
-	entity {
-		id
-		type
-		name
-		slug
-		parent {
-			id
-			type
-			name
-			slug
-		}
-	}
-`;
-
-const campaignsFragment = `
-	campaigns(filter: {
-		or: [
-			{
-				banner: {
-					bannersTagsConnection: {
-						none: {
-							tag: {
-								slug: {
-									in: $exclude
-								}
-							}
-						}
-					}
-				}
-			}
-			{
-				bannerExists: false
-			}
-		]
-	}) {
-		${campaignFields}
-	}
-`;
-
-const releaseActorsFragment = `
-    actors: releasesActors(orderBy: ACTOR_BY_ACTOR_ID__GENDER_ASC) {
-      actor {
-          ${actorFields}
-      }
-    }
-`;
-
-const releaseBasicActorsFragment = `
-    actors: releasesActors(orderBy: ACTOR_BY_ACTOR_ID__GENDER_ASC) {
-      actor {
-          ${basicActorFields}
-      }
-    }
-`;
-
-const releaseDirectorFragment = `
-    directors: releasesDirectors(orderBy: ACTOR_BY_DIRECTOR_ID__NAME_ASC) {
-      director {
-          ${actorFields}
-      }
-    }
-`;
-
-const releaseTagsFragment = `
-    tags: releasesTags(
-		orderBy: TAG_BY_TAG_ID__PRIORITY_DESC
-		filter: {
-			tagId: { isNull: false }
-		}
-	) {
-      tag {
-        name
-        priority
-        slug
-        id
-      }
-    }
-`;
-
-const releasePosterFragment = `
-    poster: releasesPoster {
-        media {
-			id
-            index
-            path
-            thumbnail
-			width
-			height
-			thumbnailWidth
-			thumbnailHeight
-            lazy
-			isS3
-            comment
-            sfw: sfwMedia {
-                id
-                thumbnail
-                lazy
-                path
-                comment
-            }
-        }
-    }
-`;
-
-const releaseCoversFragment = `
-    covers: releasesCovers(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-        media {
-			id
-            index
-            path
-            thumbnail
-			width
-			height
-			thumbnailWidth
-			thumbnailHeight
-            lazy
-			isS3
-            comment
-            sfw: sfwMedia {
-                id
-                thumbnail
-                lazy
-                path
-                comment
-            }
-        }
-    }
-`;
-
-const releasePhotosFragment = `
-    photos: releasesPhotos(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-        media {
-			id
-            index
-            path
-            thumbnail
-			width
-			height
-			thumbnailWidth
-			thumbnailHeight
-            lazy
-			isS3
-            comment
-            sfw: sfwMedia {
-                id
-                thumbnail
-                lazy
-                path
-                comment
-            }
-        }
-    }
-`;
-
-const releaseCapsFragment = `
-    caps: releasesCaps(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-        media {
-			id
-            index
-            path
-            thumbnail
-			width
-			height
-			thumbnailWidth
-			thumbnailHeight
-            lazy
-			isS3
-            comment
-            sfw: sfwMedia {
-                id
-                thumbnail
-                lazy
-                path
-                comment
-            }
-        }
-    }
-`;
-
-const releaseTrailerFragment = `
-    trailer: releasesTrailer {
-        media {
-			id
-            index
-            path
-            thumbnail
-            mime
-			isS3
-			isVr
-        }
-    }
-`;
-
-const releaseTeaserFragment = `
-    teaser: releasesTeaser {
-        media {
-			id
-            index
-            path
-            thumbnail
-            mime
-			isS3
-        }
-    }
-`;
-
-const releaseFields = `
-    id
-    title
-    date
-	datePrecision
-    slug
-	qualities
-	shootId
-	productionDate
-	comment
-    createdAt
-    url
-	createdBatchId
-    ${releaseBasicActorsFragment}
-    ${releaseTagsFragment}
-    ${releasePosterFragment}
-    ${releasePhotosFragment}
-    ${releaseCapsFragment}
-    ${siteFragment}
-    studio {
-        id
-        name
-        slug
-        url
-    }
-	movies: moviesScenesBySceneId {
-	    movie {
-			id
-			title
-			slug
-		}
-	}
-	isFavorited
-	isStashed(includeFavorites: false)
-	stashes: stashesScenesBySceneId(
-		filter: {
-			stash: {
-				userId: {
-					equalTo: $userId
-				}
-			}
-		}
-	) @include(if: $hasAuth) {
-		stash {
-			id
-			name
-			slug
-			primary
-		}
-	}
-`;
-// isNew too performance-intensive
-
-/*
-const releasesFragment = `
-    connection: releasesConnection(
-        filter: {
-			releasesNotShowcasedsConnectionExist: false
-			effectiveDate: {
-				lessThan: $before,
-				greaterThan: $after
-			}
-			releasesTagsConnection: {
-				none: {
-					tag: {
-						slug: {
-							in: $exclude
-						}
-					}
-				}
-			}
-        },
-        first: $limit,
-		offset: $offset,
-        orderBy: $orderBy
-    ) {
-		releases: nodes {
-			${releaseFields}
-		}
-		totalCount
-    }
-`;
-*/
-
-const releasesFragment = `
-    connection: releasesSummariesConnection(
-		first: $limit
-		offset: $offset
-        orderBy: $orderBy
-		filter: {
-		  or: [
-			{
-			  not: { tags: { overlaps: $exclude } }
-			}
-			{
-			  tags: { isNull: true }
-			}
-		  ]
-		  effectiveDate: { lessThan: $before, greaterThan: $after }
-		  showcased: { equalTo: true }
-		  batchShowcased: { in: $batchShowcased }
-		}
-    ) {
-		releases: nodes {
-			release {
-				${releaseFields}
-			}
-		}
-		totalCount
-    }
-`;
-
-const mediaFields = `
-	id
-	index
-	path
-	thumbnail
-	lazy
-	isS3
-	comment
-	sfw: sfwMedia {
-		id
-		thumbnail
-		lazy
-		path
-		comment
-	}
-`;
-
-const mediaFragment = `
-	media {
-		${mediaFields}
-	}
-`;
-
-const releaseFragment = `
-  release(id: $releaseId) {
-    id
-    title
-	altTitles
-    description
-    date
-	datePrecision
-    duration
-    createdAt
-    shootId
-	qualities
-	photoCount
-	productionDate
-	createdBatchId
-	productionLocation
-	productionCity
-	productionState
-	productionCountry: countryByProductionCountryAlpha2 {
-		alpha2
-		name
-		alias
-	}
-	comment
-    url
-    ${releaseActorsFragment}
-    ${releaseDirectorFragment}
-    ${releaseTagsFragment}
-    ${releasePosterFragment}
-    ${releasePhotosFragment}
-    ${releaseCapsFragment}
-    ${releaseCoversFragment}
-    ${releaseTrailerFragment}
-    ${releaseTeaserFragment}
-    ${siteFragment}
-	chapters(orderBy: TIME_ASC) {
-		id
-		index
-		time
-		duration
-		title
-		description
-		tags: chaptersTags {
-			tag {
-				id
-				name
-				slug
-			}
-		}
-		poster: chaptersPoster {
-			media {
-				id
-				index
-				path
-				thumbnail
-				lazy
-				comment
-				sfw: sfwMedia {
-					id
-					thumbnail
-					lazy
-					path
-					comment
-				}
-			}
-		}
-	}
-    studio {
-        id
-        name
-        slug
-        url
-		showcased
-    }
-	movies: moviesScenesBySceneId {
-	    movie {
-			id
-			title
-			slug
-			covers: moviesCovers(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-				media {
-					id
-					index
-					path
-					thumbnail
-					lazy
-					isS3
-					comment
-					sfw: sfwMedia {
-						id
-						thumbnail
-						lazy
-						path
-						comment
-					}
-				}
-			}
-		}
-	}
-	series: seriesScenesBySceneId {
-	    serie {
-			id
-			title
-			slug
-			covers: seriesCoversBySerieId(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-				${mediaFragment}
-			}
-			poster: seriesPosterBySerieId {
-				${mediaFragment}
-			}
-		}
-	}
-	isFavorited
-	isStashed(includeFavorites: false)
-	stashes: stashesScenesBySceneId(
-		filter: {
-			stash: {
-				userId: {
-					equalTo: $userId
-				}
-			}
-		}
-	) @include(if: $hasAuth) {
-		stash {
-			id
-			name
-			slug
-			primary
-		}
-	}
-  }
-`;
-
-const batchFragment = `
-	batches(
-		first: 1,
-		orderBy: CREATED_AT_DESC,
-		filter: { showcased: { equalTo: true } }
-	) {
-		id
-	}
-`;
-
-function getIncludedEntities(router) {
-	const includedChannels = router.currentRoute.value.query.channels ? router.currentRoute.value.query.channels.split(',') : [];
-	const includedNetworks = router.currentRoute.value.query.networks ? router.currentRoute.value.query.networks.split(',') : [];
-
-	if (includedChannels.length === 0 && includedNetworks.length === 0) {
-		return [];
-	}
-
-	return [
-		{
-			entity: {
-				slug: {
-					in: includedChannels,
-				},
-			},
-		},
-		{
-			entity: {
-				parent: {
-					type: {
-						equalTo: 'network',
-					},
-					slug: {
-						in: includedNetworks,
-					},
-				},
-			},
-		},
-		{
-			entity: {
-				type: {
-					equalTo: 'network',
-				},
-				slug: {
-					in: includedNetworks,
-				},
-			},
-		},
-	];
-}
-
-function getIncludedActors(router) {
-	const includedActors = router.currentRoute.value.query.actors ? router.currentRoute.value.query.actors.split(',') : [];
-
-	if (includedActors.length === 0) {
-		return [];
-	}
-
-	return [
-		{
-			releasesActorsConnection: {
-				some: {
-					actor: {
-						slug: {
-							in: includedActors,
-						},
-					},
-				},
-			},
-		},
-	];
-}
-
-export {
-	actorFields,
-	actorStashesFields,
-	batchFragment,
-	campaignFields,
-	campaignsFragment,
-	mediaFields,
-	mediaFragment,
-	movieFields,
-	releaseActorsFragment,
-	releaseFields,
-	releaseTagsFragment,
-	releasePosterFragment,
-	releasePhotosFragment,
-	releaseTrailerFragment,
-	releasesFragment,
-	releaseFragment,
-	siteFragment,
-	sitesFragment,
-	getIncludedEntities,
-	getIncludedActors,
-};
diff --git a/assets/js/get-date-range.js b/assets/js/get-date-range.js
deleted file mode 100755
index 639983777..000000000
--- a/assets/js/get-date-range.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import utc from 'dayjs/plugin/utc';
-import dayjs from 'dayjs';
-
-dayjs.extend(utc);
-
-const dateRanges = {
-	latest: () => ({
-		after: '1900-01-01',
-		before: dayjs.utc().toDate(),
-		orderBy: ['EFFECTIVE_DATE_DESC'],
-	}),
-	upcoming: () => ({
-		after: dayjs.utc().toDate(),
-		before: '2100-01-01',
-		orderBy: ['EFFECTIVE_DATE_ASC'],
-	}),
-	new: () => ({
-		after: '1900-01-01 00:00:00',
-		before: '2100-01-01',
-		orderBy: ['CREATED_AT_DESC', 'EFFECTIVE_DATE_ASC'],
-	}),
-	all: () => ({
-		after: '1900-01-01',
-		before: '2100-01-01',
-		orderBy: ['EFFECTIVE_DATE_DESC'],
-	}),
-};
-
-function getDateRange(range) {
-	return (dateRanges[range] || dateRanges.all)();
-}
-
-export default getDateRange;
diff --git a/assets/js/main.js b/assets/js/main.js
deleted file mode 100755
index 8b1e6b4e7..000000000
--- a/assets/js/main.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import config from 'config';
-import { createApp } from 'vue';
-import dayjs from 'dayjs';
-import mitt from 'mitt';
-import tippy from 'tippy.js';
-
-import router from './router';
-import initStore from './store';
-import initUiObservers from './ui/observers';
-import initAuthObservers from './auth/observers';
-import setPageTitle from './set-page-title';
-
-import { formatDate, formatDuration } from './format';
-
-import '../css/style.scss';
-import 'tippy.js/dist/tippy.css';
-
-import Container from '../components/container/container.vue';
-import Icon from '../components/icon/icon.vue';
-import Footer from '../components/footer/footer.vue';
-import Tooltip from '../components/tooltip/tooltip.vue';
-import Dialog from '../components/dialog/dialog.vue';
-
-async function init() {
-	let uid = 0;
-
-	const store = initStore(router);
-	const app = createApp(Container);
-	const events = mitt();
-
-	function getBasePath(media, type, options) {
-		if (store.state.ui.sfw) {
-			return config.media.assetPath;
-		}
-
-		if (media.isS3) {
-			return config.media.s3Path;
-		}
-
-		if (options?.local) {
-			return config.media.assetPath;
-		}
-
-		return config.media.mediaPath;
-	}
-
-	function getFilename(media, type, options) {
-		if (store.state.ui.sfw && type && !options?.original) {
-			return media.sfw[type];
-		}
-
-		if (store.state.ui.sfw) {
-			return media.sfw.path;
-		}
-
-		if (type && !options?.original) {
-			return media[type];
-		}
-
-		return media.path;
-	}
-
-	function getPath(media, type, options) {
-		if (!media) {
-			return null;
-		}
-
-		const path = getBasePath(media, type, options);
-		const filename = getFilename(media, type, options);
-
-		return `${path}/${filename}`;
-	}
-
-	await initAuthObservers(store, router);
-	await initUiObservers(store, router);
-
-	if (window.env.sfw) {
-		store.dispatch('setSfw', true);
-	}
-
-	app.use(store);
-	app.use(router);
-
-	await router.isReady();
-
-	app.mixin({
-		components: {
-			Icon,
-			Footer,
-			Tooltip,
-			'v-popover': Tooltip,
-			Dialog,
-		},
-		data() {
-			return {
-				events,
-				config,
-			};
-		},
-		computed: {
-			theme() { return this.$store.state.ui.theme; },
-		},
-		watch: {
-			pageTitle(title) {
-				setPageTitle(title); // for Options API components
-			},
-		},
-		beforeCreate() {
-			this.uid = uid;
-			uid += 1;
-		},
-		methods: {
-			formatDate,
-			formatDuration,
-			isAfter: (dateA, dateB) => dayjs(dateA).isAfter(dateB),
-			isBefore: (dateA, dateB) => dayjs(dateA).isBefore(dateB),
-			getPath,
-			getBgPath: (media, type) => `url(${getPath(media, type)})`,
-		},
-	});
-
-	app.directive('tooltip', {
-		beforeMount(el, binding) {
-			if (!binding.value) {
-				return;
-			}
-
-			// don't include HTML in native title attribute
-			const textEl = document.createElement('div');
-			textEl.innerHTML = binding.value;
-
-			el.title = textEl.textContent; // eslint-disable-line no-param-reassign
-
-			tippy(el, {
-				content: binding.value,
-				allowHTML: true,
-				duration: [0, 0],
-			});
-		},
-	});
-
-	app.mount('#container');
-}
-
-init();
diff --git a/assets/js/networks/actions.js b/assets/js/networks/actions.js
deleted file mode 100755
index 9166e7268..000000000
--- a/assets/js/networks/actions.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import { graphql } from '../api';
-// import { sitesFragment, releaseFields } from '../fragments';
-import { releaseFields } from '../fragments';
-import { curateEntity } from '../curate';
-import getDateRange from '../get-date-range';
-
-function initNetworksActions(store, _router) {
-	async function fetchNetworkBySlug({ _commit }, {
-		networkSlug,
-		limit = 10,
-		pageNumber = 1,
-		range = 'latest',
-	}) {
-		const { before, after, orderBy } = getDateRange(range);
-
-		const { network, connection: { releases, totalCount } } = await graphql(`
-            query Network(
-                $networkSlug: String!
-                $limit:Int = 10,
-                $offset:Int = 0,
-                $after:Date = "1900-01-01",
-                $before:Date = "2100-01-01",
-                $afterTime:Datetime = "1900-01-01",
-                $beforeTime:Datetime = "2100-01-01",
-                $orderBy: [ReleasesOrderBy!]
-                $exclude: [String!]
-            ) {
-				network: entityBySlugAndType(slug: $networkSlug, type: "network") {
-                    id
-                    name
-                    slug
-                    url
-					sites: childEntities(
-                        orderBy: [PRIORITY_DESC, NAME_ASC],
-                    ) {
-                        id
-                        name
-                        slug
-                        url
-						type
-                        priority
-                    }
-                    parent {
-                        id
-                        name
-                        slug
-						type
-                        url
-                    }
-                }
-				connection: releasesConnection(
-					first: $limit
-					offset: $offset
-					orderBy: $orderBy
-					filter: {
-						entity: {
-							or: [
-								{ parent: { slug: { equalTo: $networkSlug } } },
-								{ parent: { parent: { slug: { equalTo: $networkSlug } } } }
-							]
-						}
-						effectiveDate: {
-							lessThan: $before,
-							greaterThan: $after
-						}
-						releasesTagsConnection: {
-							none: {
-								tag: {
-									slug: {
-										in: $exclude
-									}
-								}
-							}
-						}
-					}
-				) {
-					releases: nodes {
-						${releaseFields}
-					}
-					totalCount
-				}
-            }
-        `, {
-			networkSlug,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			after,
-			before,
-			orderBy,
-			afterTime: store.getters.after,
-			beforeTime: store.getters.before,
-			exclude: store.state.ui.filter,
-		});
-
-		return {
-			network: curateEntity(network, releases),
-			totalCount,
-		};
-	}
-
-	async function fetchNetworks({ _commit }) {
-		const { networks } = await graphql(`
-            query Networks {
-				networks: entities(
-					orderBy: NAME_ASC
-					filter: {
-						type: {
-							equalTo: "network"
-						}
-					}
-				) {
-                    id
-                    name
-                    slug
-					type
-                    url
-                }
-            }
-        `);
-
-		return networks.map((network) => curateEntity(network));
-	}
-
-	return {
-		fetchNetworkBySlug,
-		fetchNetworks,
-	};
-}
-
-export default initNetworksActions;
diff --git a/assets/js/networks/mutations.js b/assets/js/networks/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/networks/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/networks/networks.js b/assets/js/networks/networks.js
deleted file mode 100755
index 92968ef1c..000000000
--- a/assets/js/networks/networks.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initNetworksStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initNetworksStore;
diff --git a/assets/js/releases/actions.js b/assets/js/releases/actions.js
deleted file mode 100755
index 5f4b8f78c..000000000
--- a/assets/js/releases/actions.js
+++ /dev/null
@@ -1,299 +0,0 @@
-import { graphql } from '../api';
-import {
-	batchFragment,
-	releasesFragment,
-	releaseFragment,
-	releaseFields,
-	movieFields,
-	mediaFragment,
-	mediaFields,
-} from '../fragments';
-import { curateRelease } from '../curate';
-import getDateRange from '../get-date-range';
-
-function initReleasesActions(store, router) {
-	async function fetchReleases({ _commit }, { limit = 10, pageNumber = 1, range = 'latest' }) {
-		const { before, after, orderBy } = getDateRange(range);
-
-		const { connection: { releases, totalCount }, batches: [lastBatch] } = await graphql(`
-            query Releases(
-				$hasAuth: Boolean!
-				$userId: Int
-                $limit:Int = 1000,
-                $offset:Int = 0,
-                $after:Datetime = "1900-01-01 00:00:00",
-                $before:Datetime = "2100-01-01 00:00:00",
-                $orderBy: [ReleasesSummariesOrderBy!],
-                $exclude: [String!],
-                $batchShowcased: [Boolean!]
-            ) {
-                ${releasesFragment}
-                ${batchFragment}
-            }
-        `, {
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			after,
-			before,
-			orderBy,
-			exclude: store.state.ui.tagFilter,
-			batchShowcased: true,
-		});
-
-		return {
-			releases: releases.map((release) => curateRelease(release.release || release, 'scene', { lastBatch: lastBatch.id })),
-			totalCount,
-		};
-	}
-
-	async function fetchReleaseById({ _commit }, releaseId) {
-		// const release = await get(`/releases/${releaseId}`);
-
-		const { release } = await graphql(`
-            query Release(
-				$releaseId: Int!
-				$hasAuth: Boolean!
-				$userId: Int
-			) {
-                ${releaseFragment}
-            }
-        `, {
-			releaseId: Number(releaseId),
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		if (!release) {
-			router.replace('/not-found');
-			return null;
-		}
-
-		return curateRelease(release);
-	}
-
-	async function fetchMovies({ _commit }, { limit = 10, pageNumber = 1 }) {
-		const { connection: { movies, totalCount } } = await graphql(`
-            query Movies(
-                $limit:Int = 1000,
-                $offset:Int = 0,
-				$hasAuth: Boolean!
-				$userId: Int
-            ) {
-				connection: moviesConnection(
-					first: $limit
-					offset: $offset
-					orderBy: EFFECTIVE_DATE_DESC
-				) {
-					movies: nodes {
-						${movieFields}
-					}
-					totalCount
-				}
-			}
-        `, {
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-		});
-
-		return {
-			movies: movies.map((release) => curateRelease(release)),
-			totalCount,
-		};
-	}
-
-	async function searchMovies({ _commit }, { query, limit = 20, pageNumber = 1 }) {
-		const { connection: { movies, totalCount } } = await graphql(`
-            query SearchMovies(
-                $query: String!
-                $limit:Int = 20
-                $offset:Int = 0
-				$hasAuth: Boolean!
-				$userId: Int
-            ) {
-				connection: searchMoviesConnection(
-                    query: $query
-                    first: $limit
-					offset: $offset
-					orderBy: RANK_DESC
-                ) {
-					movies: nodes {
-						movie {
-							${movieFields}
-						}
-					}
-					totalCount
-                }
-            }
-        `, {
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-			query,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-		});
-
-		return {
-			movies: movies.map(({ movie }) => curateRelease(movie)),
-			totalCount,
-		};
-	}
-
-	async function fetchCollectionById({ _commit }, movieId, type = 'movie') {
-		// const release = await get(`/releases/${releaseId}`);
-
-		const result = await graphql(`
-			query Movie(
-				$movieId: Int!
-				$hasAuth: Boolean!
-				$userId: Int
-			) {
-				${type}(id: $movieId) {
-					id
-					title
-					description
-					slug
-					url
-					date
-					createdBatchId
-					actors {
-						id
-						name
-						slug
-						age
-						ageFromBirth
-						dateOfBirth
-						birthCountry: countryByBirthCountryAlpha2 {
-						  alpha2
-						  name
-						  alias
-						}
-						avatar: avatarMedia {
-							id
-							path
-							thumbnail
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							lazy
-							isS3
-						}
-					}
-					poster: ${type === 'series' ? 'seriesPosterBySerieId' : 'moviesPoster'} {
-						media {
-							id
-							path
-							thumbnail
-							lazy
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							isS3
-						}
-					}
-					covers: ${type === 'series' ? 'seriesCoversBySerieId' : 'moviesCovers'}(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-						media {
-							id
-							path
-							thumbnail
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							lazy
-							isS3
-						}
-					}
-					trailer: ${type === 'series' ? 'seriesTrailerBySerieId' : 'moviesTrailer'} {
-						media {
-							id
-							path
-							isS3
-						}
-					}
-					scenes: ${type === 'series' ? 'seriesScenesBySerieId' : 'moviesScenes'} {
-						scene {
-							${releaseFields}
-						}
-					}
-					tags {
-						id
-						slug
-						name
-					}
-					photos: ${type === 'series' ? 'seriesPhotosBySerieId' : 'moviesPhotos'} {
-						${mediaFragment}
-					}
-					scenesPhotos {
-						${mediaFields}
-					}
-					entity {
-						id
-						name
-						slug
-						type
-						hasLogo
-						parent {
-							id
-							name
-							slug
-							type
-							hasLogo
-						}
-					}
-					stashes: ${type === 'series' ? 'stashesSeriesBySerieId' : 'stashesMovies'}(
-						filter: {
-							stash: {
-								userId: {
-									equalTo: $userId
-								}
-							}
-						}
-					) @include(if: $hasAuth) {
-						stash {
-							id
-							name
-							slug
-							primary
-						}
-					}
-				}
-			}
-		`, {
-			movieId: Number(movieId),
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		if (!result[type]) {
-			router.replace('/not-found');
-			return null;
-		}
-
-		return curateRelease(result[type]);
-	}
-
-	async function fetchMovieById(context, movieId) {
-		return fetchCollectionById(context, movieId, 'movie');
-	}
-
-	async function fetchSerieById(context, serieId) {
-		return fetchCollectionById(context, serieId, 'series');
-	}
-
-	return {
-		fetchReleases,
-		fetchReleaseById,
-		fetchMovies,
-		fetchMovieById,
-		fetchSerieById,
-		searchMovies,
-	};
-}
-
-export default initReleasesActions;
diff --git a/assets/js/releases/mutations.js b/assets/js/releases/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/releases/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/releases/releases.js b/assets/js/releases/releases.js
deleted file mode 100755
index d2875c4b9..000000000
--- a/assets/js/releases/releases.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initReleasesStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initReleasesStore;
diff --git a/assets/js/releases/state.js b/assets/js/releases/state.js
deleted file mode 100755
index 16c8b052e..000000000
--- a/assets/js/releases/state.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-	cache: {},
-};
diff --git a/assets/js/router.js b/assets/js/router.js
deleted file mode 100755
index a8a920b31..000000000
--- a/assets/js/router.js
+++ /dev/null
@@ -1,289 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router';
-
-import setPageTitle from './set-page-title';
-
-import Home from '../components/home/home.vue';
-import Login from '../components/auth/login.vue';
-import Signup from '../components/auth/signup.vue';
-import User from '../components/users/user.vue';
-import Release from '../components/releases/release.vue';
-import Entity from '../components/entities/entity.vue';
-import Networks from '../components/networks/networks.vue';
-import Actor from '../components/actors/actor.vue';
-import Actors from '../components/actors/actors.vue';
-import Movies from '../components/releases/movies.vue';
-import Notifications from '../components/notifications/notifications.vue';
-import Tag from '../components/tags/tag.vue';
-import Tags from '../components/tags/tags.vue';
-import Stash from '../components/stashes/stash.vue';
-import Search from '../components/search/search.vue';
-import Stats from '../components/stats/stats.vue';
-import NotFound from '../components/errors/404.vue';
-
-const routes = [
-	{
-		path: '/',
-		name: 'home',
-		redirect: {
-			name: 'updates',
-			params: {
-				range: 'latest',
-				tags: 'all',
-				pageNumber: 1,
-			},
-		},
-	},
-	{
-		path: '/login',
-		name: 'login',
-		component: Login,
-	},
-	{
-		path: '/signup',
-		name: 'signup',
-		component: Signup,
-	},
-	{
-		path: '/user/:username',
-		name: 'user',
-		component: User,
-	},
-	{
-		path: '/updates',
-		redirect: {
-			name: 'updates',
-			params: {
-				range: 'latest',
-				pageNumber: 1,
-			},
-		},
-	},
-	{
-		path: '/updates/:range/:pageNumber',
-		component: Home,
-		name: 'updates',
-	},
-	{
-		path: '/scene/:releaseId/:releaseSlug?',
-		component: Release,
-		name: 'scene',
-	},
-	{
-		path: '/movie/:releaseId/:releaseSlug?',
-		component: Release,
-		name: 'movie',
-	},
-	{
-		path: '/serie/:releaseId/:releaseSlug?',
-		component: Release,
-		name: 'serie',
-	},
-	{
-		path: '/actor/:actorId/:actorSlug',
-		name: 'actor',
-		redirect: (from) => ({
-			name: 'actorRange',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/actor/:actorId/:actorSlug/:range/:pageNumber',
-		component: Actor,
-		name: 'actorRange',
-	},
-	{
-		path: '/director/:actorId/:actorSlug',
-		name: 'director',
-		redirect: (from) => ({
-			name: 'directorRange',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/director/:actorId/:actorSlug',
-		component: Actor,
-		name: 'directorRange',
-	},
-	{
-		path: '/channel/:entitySlug',
-		redirect: (from) => ({
-			name: 'channel',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/channel/:entitySlug/:range/:pageNumber',
-		component: Entity,
-		name: 'channel',
-	},
-	{
-		path: '/network/:entitySlug',
-		redirect: (from) => ({
-			name: 'network',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/network/:entitySlug/:range/:pageNumber',
-		component: Entity,
-		name: 'network',
-	},
-	{
-		path: '/studio/:entitySlug',
-		redirect: (from) => ({
-			name: 'studio',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/studio/:entitySlug/:range/:pageNumber',
-		component: Entity,
-		name: 'studio',
-	},
-	{
-		path: '/tag/:tagSlug',
-		redirect: (from) => ({
-			name: 'tag',
-			params: {
-				...from.params,
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/tag/:tagSlug/:range/:pageNumber',
-		component: Tag,
-		name: 'tag',
-	},
-	{
-		path: '/actors',
-		redirect: (from) => ({
-			name: 'actors',
-			params: {
-				...from.params,
-				gender: 'all',
-				tags: 'all',
-				range: 'latest',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/actors/:gender?/:pageNumber',
-		component: Actors,
-		name: 'actors',
-	},
-	{
-		path: '/channels',
-		component: Networks,
-		name: 'channels',
-	},
-	{
-		path: '/movies',
-		component: Movies,
-		redirect: {
-			name: 'movies',
-			params: {
-				range: 'latest',
-				pageNumber: 1,
-			},
-		},
-	},
-	{
-		path: '/movies/:range/:pageNumber',
-		component: Movies,
-		name: 'movies',
-	},
-	{
-		path: '/tags',
-		component: Tags,
-		name: 'tags',
-	},
-	{
-		path: '/notifications',
-		redirect: {
-			name: 'notifications',
-			params: {
-				pageNumber: 1,
-			},
-		},
-	},
-	{
-		path: '/notifications/:pageNumber',
-		component: Notifications,
-		name: 'notifications',
-	},
-	{
-		path: '/stash/:username/:stashSlug',
-		redirect: (from) => ({
-			name: 'stash',
-			params: {
-				...from.params,
-				range: 'scenes',
-				pageNumber: 1,
-			},
-		}),
-	},
-	{
-		path: '/stash/:username/:stashSlug/:range/:pageNumber',
-		component: Stash,
-		name: 'stash',
-	},
-	{
-		path: '/search',
-		component: Search,
-		name: 'search',
-	},
-	{
-		path: '/stats',
-		component: Stats,
-		name: 'stats',
-		meta: {
-			title: 'Stats',
-		},
-	},
-	{
-		path: '/not-found',
-		name: 'not-found',
-		component: NotFound,
-		meta: {
-			title: 'Not Found',
-		},
-	},
-	{
-		path: '/:catchAll(.*)',
-		redirect: {
-			name: 'not-found',
-		},
-	},
-];
-
-const router = createRouter({
-	history: createWebHistory(),
-	routes,
-});
-
-router.beforeEach((to) => setPageTitle(to.meta.title));
-
-export default router;
diff --git a/assets/js/set-page-title.js b/assets/js/set-page-title.js
deleted file mode 100644
index 09da3fd36..000000000
--- a/assets/js/set-page-title.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function setPageTitle(name) {
-	if (name) {
-		document.title = `traxxx - ${name}`;
-		return;
-	}
-
-	document.title = 'traxxx';
-}
-
-export default setPageTitle;
diff --git a/assets/js/sites/actions.js b/assets/js/sites/actions.js
deleted file mode 100755
index 70d6c7e2a..000000000
--- a/assets/js/sites/actions.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import { graphql } from '../api';
-import { releaseFields } from '../fragments';
-import { curateEntity, curateRelease } from '../curate';
-import getDateRange from '../get-date-range';
-
-function initSitesActions(store, _router) {
-	async function fetchSiteBySlug({ _commit }, {
-		siteSlug,
-		limit = 10,
-		pageNumber = 1,
-		range = 'latest',
-	}) {
-		const { before, after, orderBy } = getDateRange(range);
-
-		const { site, connection: { releases, totalCount } } = await graphql(`
-            query Site(
-                $siteSlug: String!,
-                $limit:Int = 100,
-                $offset:Int = 0,
-                $after:Date = "1900-01-01",
-                $before:Date = "2100-01-01",
-                $orderBy:[ReleasesOrderBy!]
-                $exclude: [String!]
-            ) {
-				site: entityBySlugAndType(slug: $siteSlug, type: 2) {
-                    name
-                    slug
-                    url
-                    tags: entitiesTags {
-                        tag {
-                            id
-                            slug
-                            name
-                        }
-                    }
-					network: parent {
-                        id
-                        name
-                        slug
-                        url
-                    }
-                    releasesConnection(
-                        filter: {
-							effectiveDate: {
-								lessThan: $before,
-								greaterThan: $after,
-							},
-							releasesTagsConnection: {
-								none: {
-									tag: {
-										slug: {
-											in: $exclude
-										}
-									}
-								}
-							}
-                        }
-                        first: $limit
-						offset: $offset
-                        orderBy: $orderBy
-                    ) {
-						releases: nodes {
-							${releaseFields}
-						}
-						totalCount
-                    }
-                }
-				connection: releasesConnection(
-					first: $limit
-					offset: $offset
-					orderBy: $orderBy
-					filter: {
-						entity: {
-							slug: {
-								equalTo: $siteSlug
-							}
-						}
-						effectiveDate: {
-							lessThan: $before,
-							greaterThan: $after
-						}
-						releasesTagsConnection: {
-							none: {
-								tag: {
-									slug: {
-										in: $exclude
-									}
-								}
-							}
-						}
-					}
-				) {
-					releases: nodes {
-						${releaseFields}
-					}
-					totalCount
-				}
-            }
-        `, {
-			siteSlug,
-			limit,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			after,
-			before,
-			orderBy,
-			exclude: store.state.ui.filter,
-		});
-
-		return {
-			site: curateEntity(site),
-			releases: releases.map((release) => curateRelease(release)),
-			totalCount,
-		};
-	}
-
-	async function fetchSites({ _commit }, { limit = 100 }) {
-		const { sites } = await graphql(`
-            query Sites(
-                $actorSlug: String!
-                $limit:Int = 100,
-                $after:Date = "1900-01-01",
-                $before:Date = "2100-01-01",
-            ) {
-				site: entity {
-                    name
-                    slug
-                    url
-                }
-            }
-        `, {
-			limit,
-			after: store.getters.after,
-			before: store.getters.before,
-		});
-
-		return sites;
-	}
-
-	return {
-		fetchSiteBySlug,
-		fetchSites,
-	};
-}
-
-export default initSitesActions;
diff --git a/assets/js/sites/mutations.js b/assets/js/sites/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/sites/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/sites/sites.js b/assets/js/sites/sites.js
deleted file mode 100755
index c29c90017..000000000
--- a/assets/js/sites/sites.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initSitesStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initSitesStore;
diff --git a/assets/js/stashes/actions.js b/assets/js/stashes/actions.js
deleted file mode 100755
index 65024fe6e..000000000
--- a/assets/js/stashes/actions.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import {
-	graphql,
-	post,
-	del,
-	patch,
-} from '../api';
-
-import { releaseFields, actorStashesFields, movieFields } from '../fragments';
-import { curateStash } from '../curate';
-
-function initStashesActions(store, _router) {
-	async function fetchStash(context, {
-		stashSlug,
-		username,
-		section = 'scenes',
-		pageNumber = 1,
-		limit = 20,
-	}) {
-		const { stashes: [stash] } = await graphql(`
-			query Stash(
-				$stashSlug: String!
-				$username: String!
-				$includeScenes: Boolean!
-				$includeActors: Boolean!
-				$includeMovies: Boolean!
-                $limit:Int = 10,
-				$offset:Int = 0,
-				$hasAuth: Boolean!
-				$userId: Int
-			) {
-				stashes(
-					filter: {
-						user: { username: { equalTo: $username } }
-						slug: { equalTo: $stashSlug }
-					}
-				) {
-					id
-					name
-					slug
-					public
-					primary
-					user {
-						id
-						username
-					}
-					actorsConnection: stashesActorsConnection(
-						orderBy: CREATED_AT_DESC
-						first: $limit
-						offset: $offset
-					) @include(if: $includeActors) {
-						totalCount
-						actors: nodes {
-							comment
-							actor {
-								id
-								name
-								slug
-								gender
-								age
-								ageFromBirth
-								dateOfBirth
-								birthCity
-								birthState
-								birthCountry: countryByBirthCountryAlpha2 {
-								  alpha2
-								  name
-								  alias
-								}
-								avatar: avatarMedia {
-									id
-									path
-									thumbnail
-									lazy
-									isS3
-									width
-									height
-								}
-								${actorStashesFields}
-							}
-						}
-					}
-					scenesConnection: stashesScenesConnection(
-						orderBy: [CREATED_AT_DESC, RELEASE_BY_SCENE_ID__DATE_DESC]
-						first: $limit
-						offset: $offset
-					) @include(if: $includeScenes) {
-						totalCount
-						scenes: nodes {
-							comment
-							scene {
-								${releaseFields}
-							}
-						}
-					}
-					moviesConnection: stashesMoviesConnection(
-						orderBy: [CREATED_AT_DESC, MOVIE_BY_MOVIE_ID__DATE_DESC]
-						first: $limit
-						offset: $offset
-					) @include(if: $includeMovies) {
-						totalCount
-						movies: nodes {
-							comment
-							movie {
-								${movieFields}
-							}
-						}
-					}
-				}
-			}
-		`, {
-			stashSlug,
-			username,
-			includeScenes: section === 'scenes',
-			includeActors: section === 'actors',
-			includeMovies: section === 'movies',
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			limit: Number(limit),
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		return curateStash(stash);
-	}
-
-	async function createStash(context, stash) {
-		return post('/stashes', stash);
-	}
-
-	async function updateStash(context, { stashId, stash }) {
-		return patch(`/stashes/${stashId}`, stash);
-	}
-
-	async function removeStash(context, stashId) {
-		await del(`/stashes/${stashId}`);
-	}
-
-	async function stashActor(context, { actorId, stashId }) {
-		return post(`/stashes/${stashId}/actors`, { actorId });
-	}
-
-	async function unstashActor(context, { actorId, stashId }) {
-		return del(`/stashes/${stashId}/actors/${actorId}`);
-	}
-
-	async function stashScene(context, { sceneId, stashId }) {
-		return post(`/stashes/${stashId}/scenes`, { sceneId });
-	}
-
-	async function unstashScene(context, { sceneId, stashId }) {
-		return del(`/stashes/${stashId}/scenes/${sceneId}`);
-	}
-
-	async function stashMovie(context, { movieId, stashId }) {
-		return post(`/stashes/${stashId}/movies`, { movieId });
-	}
-
-	async function unstashMovie(context, { movieId, stashId }) {
-		return del(`/stashes/${stashId}/movies/${movieId}`);
-	}
-
-	return {
-		createStash,
-		fetchStash,
-		removeStash,
-		stashActor,
-		stashScene,
-		stashMovie,
-		unstashActor,
-		unstashScene,
-		unstashMovie,
-		updateStash,
-	};
-}
-
-export default initStashesActions;
diff --git a/assets/js/stashes/mutations.js b/assets/js/stashes/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/stashes/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/stashes/stashes.js b/assets/js/stashes/stashes.js
deleted file mode 100755
index 6f169830c..000000000
--- a/assets/js/stashes/stashes.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initStashesStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initStashesStore;
diff --git a/assets/js/stashes/state.js b/assets/js/stashes/state.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/stashes/state.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/store.js b/assets/js/store.js
deleted file mode 100755
index c99986b72..000000000
--- a/assets/js/store.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import Vuex from 'vuex';
-
-import initUiStore from './ui/ui';
-import initAuthStore from './auth/auth';
-import initUsersStore from './users/users';
-import initReleasesStore from './releases/releases';
-import initEntitiesStore from './entities/entities';
-import initActorsStore from './actors/actors';
-import initTagsStore from './tags/tags';
-import initStashesStore from './stashes/stashes';
-
-function initStore(router) {
-	const store = new Vuex.Store();
-
-	store.registerModule('ui', initUiStore(store, router));
-	store.registerModule('auth', initAuthStore(store, router));
-	store.registerModule('users', initUsersStore(store, router));
-	store.registerModule('releases', initReleasesStore(store, router));
-	store.registerModule('entities', initEntitiesStore(store, router));
-	store.registerModule('actors', initActorsStore(store, router));
-	store.registerModule('tags', initTagsStore(store, router));
-	store.registerModule('stashes', initStashesStore(store, router));
-
-	return store;
-}
-
-export default initStore;
diff --git a/assets/js/tags/actions.js b/assets/js/tags/actions.js
deleted file mode 100755
index 1868111d4..000000000
--- a/assets/js/tags/actions.js
+++ /dev/null
@@ -1,358 +0,0 @@
-import { graphql, get } from '../api';
-import {
-	releaseFields,
-	batchFragment,
-} from '../fragments';
-import { curateTag, curateRelease } from '../curate';
-import getDateRange from '../get-date-range';
-
-function initTagsActions(store, _router) {
-	async function fetchTagBySlug({ _commit }, {
-		tagSlug,
-		pageNumber = 1,
-		limit = 100,
-		range = 'latest',
-	}) {
-		const { before, after, orderBy } = getDateRange(range);
-
-		const { tagBySlug, scenesConnection, batches: [lastBatch] } = await graphql(`
-            query Tag(
-                $tagSlug: String!
-				$offset: Int = 0,
-                $limit:Int = 1000,
-                $after:Datetime = "1900-01-01",
-                $before:Datetime = "2100-01-01",
-                $orderBy: [ReleasesSummariesOrderBy!],
-                $exclude: [String!]
-				$hasAuth: Boolean!
-				$userId: Int
-            ) {
-                tagBySlug(slug: $tagSlug) {
-                    id
-                    name
-                    slug
-                    description
-                    group {
-                        name
-                        slug
-                    }
-                    poster: tagsPoster {
-                        media {
-                            id
-                            thumbnail
-							lazy
-                            path
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-                            comment
-							entity {
-								id
-								name
-								slug
-								type
-								independent
-								parent {
-									id
-									name
-									slug
-									type
-									independent
-								}
-							}
-                            sfw: sfwMedia {
-                                id
-                                thumbnail
-								lazy
-                                path
-                                comment
-                            }
-                        }
-                    }
-					photos: tagsPhotos(orderBy: MEDIA_BY_MEDIA_ID__INDEX_ASC) {
-                        media {
-                            id
-                            thumbnail
-                            lazy
-                            path
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-                            comment
-							entity {
-								id
-								name
-								slug
-								type
-								independent
-								parent {
-									id
-									name
-									slug
-									type
-									independent
-								}
-							}
-                            sfw: sfwMedia {
-                                id
-                                thumbnail
-                                lazy
-                                path
-                                comment
-                            }
-                        }
-                    }
-					banners: bannersTags(filter: {
-						banner: {
-							bannersTagsConnection: {
-								none: {
-									tag: {
-										slug: {
-											in: $exclude
-										}
-									}
-								}
-							}
-						}
-					}) {
-						banner {
-							id
-							width
-							height
-							type
-							ratio
-							entity {
-								id
-								type
-								name
-								slug
-								independent
-								parent {
-									id
-									type
-									name
-									slug
-									independent
-								}
-							}
-							campaigns {
-								id
-								url
-								entity {
-									id
-									type
-									name
-									slug
-									parent {
-										id
-										type
-										name
-										slug
-									}
-								}
-							}
-						}
-					}
-                }
-				scenesConnection: releasesSummariesConnection(
-					first: $limit
-					offset: $offset
-					orderBy: $orderBy
-					filter: {
-					    or: [
-					      {
-					        not: { tags: { overlaps: $exclude } }
-					      }
-					      {
-					        tags: { isNull: true }
-					      }
-					    ]
-					    tags: { anyEqualTo: $tagSlug }
-					    effectiveDate: { lessThan: $before, greaterThan: $after }
-					    showcased: { equalTo: true }
-					}
-				) {
-					releases: nodes {
-						release {
-							${releaseFields}
-						}
-					}
-					totalCount
-				}
-				${batchFragment}
-            }
-        `, {
-			tagSlug,
-			limit,
-			after,
-			before,
-			orderBy,
-			offset: Math.max(0, (pageNumber - 1)) * limit,
-			exclude: store.state.ui.tagFilter.filter((tagFilter) => tagFilter !== tagSlug),
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		return {
-			tag: curateTag(tagBySlug, null, curateRelease),
-			releases: scenesConnection.releases.map(({ release }) => curateRelease(release, 'scene', { lastBatch: lastBatch.id })),
-			totalCount: scenesConnection.totalCount,
-		};
-	}
-
-	async function fetchTags({ _commit }, {
-		limit = 100,
-		slugs = [],
-		_group,
-		_priority,
-	}) {
-		const { tags } = await graphql(`
-            query Tags(
-                $slugs: [String!] = [],
-                $limit: Int = 100
-                $exclude: [String!]
-            ) {
-                tags(
-                    filter: {
-						slug: {
-							in: $slugs
-							notIn: $exclude
-						}
-					},
-                    first: $limit
-                ) {
-                    id
-                    name
-                    slug
-                    poster: tagsPoster {
-                        media {
-                            thumbnail
-                            comment
-                            lazy
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							entity {
-								id
-								name
-								slug
-								type
-								independent
-								parent {
-									id
-									name
-									slug
-									type
-									independent
-								}
-							}
-                            sfw: sfwMedia {
-                                thumbnail
-                                comment
-                                lazy
-                            }
-                        }
-                    }
-                    group {
-                        name
-                        slug
-                    }
-                }
-            }
-        `, {
-			slugs,
-			limit,
-			exclude: store.state.ui.tagFilter,
-		});
-
-		return tags.map((tag) => curateTag(tag, store.state.ui.sfw));
-	}
-
-	async function searchTags({ _commit }, {
-		limit = 100,
-		minLength = 2,
-		query,
-		_group,
-		_priority,
-	}) {
-		const { tags } = await graphql(`
-            query SearchTags(
-				$query: String!,
-                $limit: Int = 100
-                $minLength: Int = 2
-            ) {
-				tags: searchTags(
-                    query: $query,
-                    first: $limit
-					minLength: $minLength
-                ) {
-                    id
-                    name
-                    slug
-                    poster: tagsPoster {
-                        media {
-                            thumbnail
-                            comment
-                            lazy
-							width
-							height
-							thumbnailWidth
-							thumbnailHeight
-							entity {
-								id
-								name
-								slug
-								type
-								independent
-								parent {
-									id
-									name
-									slug
-									type
-									independent
-								}
-							}
-                            sfw: sfwMedia {
-                                thumbnail
-                                comment
-                                lazy
-                            }
-                        }
-                    }
-                    group {
-                        name
-                        slug
-                    }
-                }
-            }
-        `, {
-			query,
-			limit,
-			minLength,
-		});
-
-		return tags.map((tag) => curateTag(tag, store.state.ui.sfw));
-	}
-
-	async function fetchTagReleases({ _commit }, tagId) {
-		const releases = await get(`/tags/${tagId}/releases`, {
-			filter: store.state.ui.filter,
-			after: store.getters.after,
-			before: store.getters.before,
-		});
-
-		return releases;
-	}
-
-	return {
-		fetchTagBySlug,
-		fetchTags,
-		fetchTagReleases,
-		searchTags,
-	};
-}
-
-export default initTagsActions;
diff --git a/assets/js/tags/mutations.js b/assets/js/tags/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/tags/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/tags/state.js b/assets/js/tags/state.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/tags/state.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/tags/tags.js b/assets/js/tags/tags.js
deleted file mode 100755
index 92a56f8d2..000000000
--- a/assets/js/tags/tags.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initTagsStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initTagsStore;
diff --git a/assets/js/ui/actions.js b/assets/js/ui/actions.js
deleted file mode 100755
index 103f94a37..000000000
--- a/assets/js/ui/actions.js
+++ /dev/null
@@ -1,328 +0,0 @@
-import { graphql, patch } from '../api';
-
-import {
-	releaseFields,
-	batchFragment,
-	campaignFields,
-	actorStashesFields,
-} from '../fragments';
-
-import { curateRelease, curateActor, curateNotification } from '../curate';
-
-function initUiActions(store, _router) {
-	function setTagFilter({ commit }, filter) {
-		const tagFilter = Array.from(new Set(filter));
-
-		commit('setTagFilter', tagFilter);
-		localStorage.setItem('tagFilter', tagFilter);
-	}
-
-	function setSummaryFormat({ commit }, summaryFormat) {
-		commit('setSummaryFormat', summaryFormat);
-		localStorage.setItem('summaryFormat', JSON.stringify(summaryFormat));
-	}
-
-	function setRange({ commit }, range) {
-		commit('setRange', range);
-	}
-
-	function setBatch({ commit }, batch) {
-		commit('setBatch', batch);
-		localStorage.setItem('batch', batch);
-	}
-
-	function setTheme({ commit }, theme) {
-		commit('setTheme', theme);
-		localStorage.setItem('theme', theme);
-	}
-
-	async function setSfw({ commit }, sfw) {
-		commit('setSfw', sfw);
-		localStorage.setItem('sfw', sfw);
-	}
-
-	async function fetchNotifications(_context, { page = 1, limit = 10 } = {}) {
-		if (!store.state.auth.user) {
-			return [];
-		}
-
-		const { notifications, unseenNotifications } = await graphql(`
-            query Notifications(
-				$hasAuth: Boolean!
-				$userId: Int
-				$limit: Int = 10
-				$offset: Int = 0
-			) {
-				notifications: notificationsConnection(
-					first: $limit
-					offset: $offset
-					orderBy: CREATED_AT_DESC
-				) {
-					nodes {
-						id
-						sceneId
-						userId
-						seen
-						createdAt
-						scene {
-							${releaseFields}
-						}
-						alert {
-							all
-							tags: alertsTags {
-								tag {
-									id
-									name
-									slug
-								}
-							}
-							actors: alertsActors {
-								actor {
-									id
-									name
-									slug
-								}
-							}
-							entities: alertsEntities {
-								entity {
-									id
-									name
-									slug
-									independent
-								}
-							}
-							matches: alertsMatches {
-								property
-								expression
-							}
-						}
-					}
-					totalCount
-				}
-				unseenNotifications: notificationsConnection(
-					filter: { seen: { equalTo: false } }
-				) {
-					totalCount
-				}
-            }
-        `, {
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-			limit,
-			offset: (page - 1) * limit,
-		});
-
-		if (!notifications) {
-			return {
-				notifications: [],
-				totalCount: 0,
-				unseenCount: 0,
-			};
-		}
-
-		const curatedNotifications = notifications.nodes.map((notification) => curateNotification(notification));
-
-		return {
-			notifications: curatedNotifications,
-			totalCount: notifications.totalCount,
-			unseenCount: unseenNotifications.totalCount,
-		};
-	}
-
-	async function checkNotification(context, notificationId) {
-		await patch(`/users/${store.state.auth.user?.id}/notifications/${notificationId}`, {
-			seen: true,
-		});
-	}
-
-	async function checkNotifications() {
-		await patch(`/users/${store.state.auth.user?.id}/notifications`, {
-			seen: true,
-		});
-	}
-
-	async function search({ _commit }, { query, limit = 20 }) {
-		const res = await graphql(`
-            query SearchReleases(
-                $query: String!
-                $limit: Int = 20
-				$hasAuth: Boolean!
-				$userId: Int
-            ) {
-                results: searchReleases(
-                    query: $query
-                    first: $limit
-					orderBy: RANK_DESC
-					filter: {
-						rank: {
-							greaterThan: 0.015
-						}
-					}
-                ) {
-					release {
-						${releaseFields}
-					}
-					rank
-                }
-                actors: searchActors(
-                    query: $query,
-                    first: $limit
-                ) {
-                    id
-                    name
-                    slug
-                    age
-					ageAtDeath
-                    dateOfBirth
-                    dateOfDeath
-                    gender
-					aliasFor: actorByAliasFor {
-						id
-						name
-						slug
-						age
-						ageAtDeath
-						dateOfBirth
-						dateOfDeath
-						gender
-						entity {
-							id
-							name
-							slug
-						}
-						avatar: avatarMedia {
-							id
-							path
-							thumbnail
-							lazy
-							isS3
-							width
-							height
-							comment
-							credit
-						}
-						birthCountry: countryByBirthCountryAlpha2 {
-						  alpha2
-						  name
-						  alias
-						}
-					}
-                    entity {
-                        id
-                        name
-                        slug
-                    }
-					avatar: avatarMedia {
-						id
-						path
-						thumbnail
-						lazy
-						isS3
-						width
-						height
-						comment
-						credit
-					}
-                    birthCountry: countryByBirthCountryAlpha2 {
-                      alpha2
-                      name
-                      alias
-                    }
-					${actorStashesFields}
-                }
-				${batchFragment}
-            }
-        `, {
-			query,
-			limit,
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id,
-		});
-
-		return {
-			releases: res?.results.map((result) => curateRelease(result.release, 'scene', { lastBatch: res?.batches[0].id })) || [],
-			actors: res?.actors.map((actor) => curateActor(actor)) || [],
-		};
-	}
-
-	async function fetchRandomCampaign(context, { minRatio, maxRatio }) {
-		const { randomCampaign } = await graphql(`
-			query Campaign(
-				$minRatio: BigFloat
-				$maxRatio: BigFloat
-			) {
-			  randomCampaign: getRandomCampaign(minRatio: $minRatio, maxRatio: $maxRatio) {
-				  ${campaignFields}
-			  }
-			}
-		`, {
-			minRatio,
-			maxRatio,
-		});
-
-		return randomCampaign;
-	}
-
-	async function fetchCampaign(context, campaignId) {
-		const { campaign } = await graphql(`
-			query Campaign(
-				$campaignId: Int!
-			) {
-			  campaign(id: $campaignId) {
-				  ${campaignFields}
-			  }
-			}
-		`, {
-			campaignId: Number(campaignId),
-		});
-
-		return campaign;
-	}
-
-	async function fetchStats() {
-		const {
-			scenes,
-			movies,
-			actors,
-			networks,
-			channels,
-			batches: [batch],
-		} = await graphql(`
-            query Stats {
-				scenes: releasesConnection { totalCount }
-				movies: moviesConnection { totalCount }
-				actors: actorsConnection { totalCount }
-				networks: entitiesConnection(filter: { type: { equalTo: "network" } }) { totalCount }
-				channels: entitiesConnection(filter: { type: { equalTo: "channel" } }) { totalCount }
-				batches(orderBy: CREATED_AT_DESC, first: 1) { createdAt }
-			}
-		`);
-
-		return {
-			totalScenes: scenes.totalCount,
-			totalMovies: movies.totalCount,
-			totalActors: actors.totalCount,
-			totalNetworks: networks.totalCount,
-			totalChannels: channels.totalCount,
-			lastScrape: new Date(batch.createdAt),
-		};
-	}
-
-	return {
-		checkNotification,
-		checkNotifications,
-		search,
-		setTagFilter,
-		setSummaryFormat,
-		setRange,
-		setBatch,
-		setSfw,
-		setTheme,
-		fetchCampaign,
-		fetchRandomCampaign,
-		fetchNotifications,
-		fetchStats,
-	};
-}
-
-export default initUiActions;
diff --git a/assets/js/ui/getters.js b/assets/js/ui/getters.js
deleted file mode 100755
index 9352d136f..000000000
--- a/assets/js/ui/getters.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import dayjs from 'dayjs';
-
-const dateRanges = {
-	latest: () => ({
-		after: '1900-01-01',
-		before: dayjs(new Date()).add(1, 'day').format('YYYY-MM-DD'),
-		orderBy: 'DATE_DESC',
-	}),
-	upcoming: () => ({
-		after: dayjs(new Date()).format('YYYY-MM-DD'),
-		before: '2100-01-01',
-		orderBy: 'DATE_ASC',
-	}),
-	new: () => ({
-		after: '1900-01-01',
-		before: '2100-01-01',
-		orderBy: 'CREATED_AT_DESC',
-	}),
-	all: () => ({
-		after: '1900-01-01',
-		before: '2100-01-01',
-		orderBy: 'DATE_DESC',
-	}),
-};
-
-function rangeDates(state) {
-	return dateRanges[state.range]();
-}
-
-function before(state) {
-	return dateRanges[state.range]().before;
-}
-
-function after(state) {
-	return dateRanges[state.range]().after;
-}
-
-function orderBy(state) {
-	return dateRanges[state.range]().orderBy;
-}
-
-export default {
-	rangeDates,
-	before,
-	after,
-	orderBy,
-};
diff --git a/assets/js/ui/mutations.js b/assets/js/ui/mutations.js
deleted file mode 100755
index 413c96f13..000000000
--- a/assets/js/ui/mutations.js
+++ /dev/null
@@ -1,32 +0,0 @@
-function setTagFilter(state, tagFilter) {
-	state.tagFilter = tagFilter;
-}
-
-function setSummaryFormat(state, summaryFormat) {
-	state.summaryFormat = summaryFormat;
-}
-
-function setRange(state, range) {
-	state.range = range;
-}
-
-function setBatch(state, batch) {
-	state.batch = batch;
-}
-
-function setSfw(state, sfw) {
-	state.sfw = sfw;
-}
-
-function setTheme(state, theme) {
-	state.theme = theme;
-}
-
-export default {
-	setTagFilter,
-	setSummaryFormat,
-	setRange,
-	setBatch,
-	setSfw,
-	setTheme,
-};
diff --git a/assets/js/ui/observers.js b/assets/js/ui/observers.js
deleted file mode 100755
index 03ea37dda..000000000
--- a/assets/js/ui/observers.js
+++ /dev/null
@@ -1,36 +0,0 @@
-async function initUiObservers(store, _router) {
-	const body = document.querySelector('body');
-
-	body.classList.add(store.state.ui.theme);
-
-	store.watch((state) => state.ui.theme, (newTheme, oldTheme) => {
-		body.classList.add(newTheme);
-		body.classList.remove(oldTheme);
-	});
-
-	document.addEventListener('keypress', (event) => {
-		if (event.target.tagName === 'INPUT') {
-			return;
-		}
-
-		if (event.key === 's') {
-			store.dispatch('setSfw', true);
-		}
-
-		if (event.key === 'n') {
-			store.dispatch('setSfw', false);
-		}
-
-		if (event.key === 'd') {
-			store.dispatch('setTheme', 'dark');
-		}
-
-		if (event.key === 'l') {
-			store.dispatch('setTheme', 'light');
-		}
-	});
-
-	await store.dispatch('fetchNotifications');
-}
-
-export default initUiObservers;
diff --git a/assets/js/ui/state.js b/assets/js/ui/state.js
deleted file mode 100755
index f5ad14891..000000000
--- a/assets/js/ui/state.js
+++ /dev/null
@@ -1,45 +0,0 @@
-const storedTagFilter = localStorage.getItem('tagFilter');
-const storedSummaryFormat = localStorage.getItem('summaryFormat');
-const storedBatch = localStorage.getItem('batch');
-const storedSfw = localStorage.getItem('sfw');
-const storedTheme = localStorage.getItem('theme');
-
-const deviceTheme = window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-
-const defaultSummaryFormat = [
-	{
-		delimiter: ' - ',
-		segments: [
-			{
-				prop: 'channel',
-			},
-			{
-				prop: 'title',
-			},
-		],
-	},
-	{
-		delimiter: ', ',
-		bracket: '()',
-		segments: [
-			{
-				prop: 'actors',
-				delimiter: ', ',
-			},
-			{
-				prop: 'date',
-				format: 'DD-MM-YYYY',
-			},
-		],
-	},
-];
-
-export default {
-	tagFilter: storedTagFilter ? storedTagFilter.split(',') : [],
-	summaryFormat: storedSummaryFormat ? JSON.parse(storedSummaryFormat) : defaultSummaryFormat,
-	defaultSummaryFormat,
-	range: 'latest',
-	batch: storedBatch || 'all',
-	sfw: storedSfw === 'true' || false,
-	theme: storedTheme || deviceTheme,
-};
diff --git a/assets/js/ui/ui.js b/assets/js/ui/ui.js
deleted file mode 100755
index f569a9a72..000000000
--- a/assets/js/ui/ui.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import getters from './getters';
-import actions from './actions';
-
-function initUiStore(store, router) {
-	return {
-		state,
-		mutations,
-		getters,
-		actions: actions(store, router),
-	};
-}
-
-export default initUiStore;
diff --git a/assets/js/users/actions.js b/assets/js/users/actions.js
deleted file mode 100755
index 745618c13..000000000
--- a/assets/js/users/actions.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import { graphql, post, del } from '../api';
-import { actorFields, releaseFields } from '../fragments';
-import { curateUser } from '../curate';
-
-function initUsersActions(store, _router) {
-	async function fetchUser(context, username) {
-		const { user } = await graphql(`
-			query User(
-				$username: String!
-				$hasAuth: Boolean!
-				$userId: Int
-			) {
-				user: userByUsername(username: $username) {
-					id
-					role
-					username
-					stashes {
-						id
-						name
-						slug
-						public
-						primary
-						actors: stashesActors {
-							comment
-							actor {
-								id
-								name
-								slug
-								gender
-								age
-								ageFromBirth
-								dateOfBirth
-								birthCity
-								birthState
-								birthCountry: countryByBirthCountryAlpha2 {
-								  alpha2
-								  name
-								  alias
-								}
-								avatar: avatarMedia {
-									id
-									path
-									thumbnail
-									lazy
-									isS3
-									width
-									height
-									sfw: sfwMedia {
-										id
-										path
-										thumbnail
-										lazy
-										isS3
-										width
-										height
-									}
-								}
-							}
-						}
-						scenes: stashesScenes(
-							first: 20
-							orderBy: CREATED_AT_DESC
-						) {
-							comment
-							scene {
-								${releaseFields}
-							}
-						}
-					}
-					alerts {
-						id
-						notify
-						email
-						all
-						stashes: alertsStashes {
-							stash {
-								id
-								name
-								slug
-							}
-						}
-						tags: alertsTags {
-							tag {
-								id
-								name
-								slug
-							}
-						}
-						matches: alertsMatches {
-							id
-							property
-							expression
-						}
-						actors: alertsActors {
-							actor {
-								${actorFields}
-							}
-						}
-						entities: alertsEntities {
-							entity {
-								id
-								name
-								slug
-								type
-								independent
-								hasLogo
-								parent {
-									id
-									name
-									slug
-									type
-									independent
-									hasLogo
-								}
-							}
-						}
-					}
-				}
-			}
-		`, {
-			hasAuth: !!store.state.auth.user,
-			userId: store.state.auth.user?.id || null,
-			username,
-		});
-
-		return curateUser(user);
-	}
-
-	async function addAlert(context, alert) {
-		return post('/alerts', alert);
-	}
-
-	async function removeAlert(context, alertId) {
-		return del(`/alerts/${alertId}`);
-	}
-
-	return {
-		addAlert,
-		fetchUser,
-		removeAlert,
-	};
-}
-
-export default initUsersActions;
diff --git a/assets/js/users/mutations.js b/assets/js/users/mutations.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/users/mutations.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/users/state.js b/assets/js/users/state.js
deleted file mode 100755
index ff8b4c563..000000000
--- a/assets/js/users/state.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/assets/js/users/users.js b/assets/js/users/users.js
deleted file mode 100755
index ba631f7f2..000000000
--- a/assets/js/users/users.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import state from './state';
-import mutations from './mutations';
-import actions from './actions';
-
-function initUsersStore(store, router) {
-	return {
-		state,
-		mutations,
-		actions: actions(store, router),
-	};
-}
-
-export default initUsersStore;
diff --git a/assets/js/utils/format-summary.js b/assets/js/utils/format-summary.js
deleted file mode 100644
index 39827c1e4..000000000
--- a/assets/js/utils/format-summary.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { formatDate } from '../format';
-
-function formatSummary(release, summaryFormat) {
-	return summaryFormat
-		.map((group) => ({
-			...group,
-			segments: group.segments
-				.filter((segment) => {
-					if (!release[segment.prop]) {
-						return false;
-					}
-
-					if (Array.isArray(release[segment.prop]) && release[segment.prop].length === 0) {
-						return false;
-					}
-
-					return true;
-				})
-				.map((segment) => {
-					if (Array.isArray(release[segment.prop])) {
-						return release[segment.prop].join(segment.delimiter || ', ');
-					}
-
-					if (segment.prop === 'date') {
-						return formatDate(release[segment.prop], segment.format || 'YYYY-MM-DD');
-					}
-
-					return release[segment.prop];
-				}),
-		}))
-		.filter((group) => group.segments.length > 0)
-		.map((group) => `${group.bracket?.[0] || ''}${group.segments.join(group.delimiter || ' - ')}${group.bracket?.[1] || ''}`)
-		.join(' ');
-}
-
-export default formatSummary;
diff --git a/migrations/20190325001339_releases.js b/migrations/20190325001339_releases.js
index 764eb687a..e11612062 100755
--- a/migrations/20190325001339_releases.js
+++ b/migrations/20190325001339_releases.js
@@ -277,7 +277,8 @@ exports.up = async (knex) => {
 
 		table.integer('entity_id', 12)
 			.references('id')
-			.inTable('entities');
+			.inTable('entities')
+			.onDelete('cascade');
 
 		table.text('entry_id');
 
@@ -383,7 +384,8 @@ exports.up = async (knex) => {
 
 		table.integer('entity_id', 12)
 			.references('id')
-			.inTable('entities');
+			.inTable('entities')
+			.onDelete('cascade');
 
 		table.unique(['actor_id', 'entity_id']);
 		table.integer('priority', 4)
@@ -967,9 +969,10 @@ exports.up = async (knex) => {
 		table.increments('id');
 
 		table.integer('entity_id', 12)
+			.notNullable()
 			.references('id')
 			.inTable('entities')
-			.notNullable();
+			.onDelete('cascade');
 
 		table.integer('studio_id', 12)
 			.references('id')
@@ -2058,7 +2061,8 @@ exports.up = async (knex) => {
 
 		table.integer('entity_id', 12)
 			.references('id')
-			.inTable('entities');
+			.inTable('entities')
+			.onDelete('cascade');
 
 		table.text('url');
 		table.json('parameters');
diff --git a/seeds/01_networks.js b/seeds/01_networks.js
index 0b3ccfe92..4566989b5 100755
--- a/seeds/01_networks.js
+++ b/seeds/01_networks.js
@@ -90,7 +90,7 @@ const parentNetworks = [
 		slug: 'dfxtra',
 		name: 'DFXtra',
 		alias: ['dfextra'],
-		url: 'https://dfxtra.com',
+		url: 'https://www.dfxtra.com',
 		parent: 'gamma',
 	},
 	{
@@ -99,6 +99,16 @@ const parentNetworks = [
 		url: 'https://www.naughtyamerica.com',
 		description: 'The best porn movies daily at Naughty America! Experience the most seductive porn stars in stunning virtual reality, 4K and HD porn videos!',
 	},
+	{
+		slug: 'asgmax',
+		name: 'ASG Max',
+		url: 'https://www.asgmax.com',
+		parent: 'gamma',
+		parameters: {
+			layout: 'api',
+			scene: 'https://www.asgmax.com/en/video/asgmax',
+		},
+	},
 ];
 
 const networks = [
@@ -151,7 +161,7 @@ const networks = [
 		parameters: {
 			layout: 'api',
 			referer: 'https://freetour.adulttime.com/en/join',
-			scene: false,
+			// scene: false,
 		},
 	},
 	{
@@ -851,6 +861,31 @@ const networks = [
 		},
 		parent: 'gamma',
 	},
+	// ASG MAX
+	{
+		name: 'Pride Studios',
+		slug: 'pridestudios',
+		url: 'https://www.pridestudios.com',
+		parent: 'asgmax',
+		tags: ['gay'],
+	},
+	{
+		name: 'Next Door Studios',
+		slug: 'nextdoorstudios',
+		url: 'https://www.nextdoorstudios.com',
+		parent: 'asgmax',
+		tags: ['gay'],
+	},
+	{
+		name: 'Disruptive Films',
+		slug: 'disruptivefilms',
+		url: 'https://www.disruptivefilms.com',
+		parent: 'asgmax',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.disruptivefilms.com/en/video/disruptivefilms',
+		},
+	},
 ];
 
 exports.seed = (knex) => Promise.resolve()
diff --git a/seeds/02_sites.js b/seeds/02_sites.js
index 17b350b40..9a91458eb 100755
--- a/seeds/02_sites.js
+++ b/seeds/02_sites.js
@@ -255,11 +255,14 @@ const sites = [
 		slug: 'alettaoceanempire',
 		name: 'Aletta Ocean Empire',
 		parent: '21sextury',
+		url: 'https://www.alettaoceanempire.com',
+		/*
 		parameters: {
 			referer: 'https://www.21sextury.com',
 			scene: 'https://www.21sextury.com/en/video',
 			photos: 'https://www.21sextury.com/en/photo',
 		},
+		*/
 	},
 	{
 		slug: 'analqueenalysa',
@@ -580,19 +583,6 @@ const sites = [
 			scene: 'https://www.chaosmen.com/en/video/chaosmen',
 		},
 	},
-	{
-		name: 'Disruptive Films',
-		slug: 'disruptivefilms',
-		url: 'https://www.disruptivefilms.com',
-		parent: 'adulttime',
-		tags: ['gay'],
-		independent: true,
-		parameters: {
-			layout: 'api',
-			scene: false,
-			referer: 'https://www.disruptivefilms.com',
-		},
-	},
 	{
 		name: 'Modern-Day Sins',
 		slug: 'moderndaysins',
@@ -600,22 +590,10 @@ const sites = [
 		parent: 'adulttime',
 		independent: true,
 		parameters: {
-			scene: false,
+			scene: 'https://www.moderndaysins.com/en/video/moderndaysins',
 			includePhotos: false,
 		},
 	},
-	{
-		name: 'Pride Studios',
-		slug: 'pridestudios',
-		url: 'https://www.pridestudios.com',
-		parent: 'gamma',
-		tags: ['gay'],
-		independent: true,
-		parameters: {
-			layout: 'api',
-			scene: false,
-		},
-	},
 	{
 		name: 'Taboo Heat',
 		slug: 'tabooheat',
@@ -627,6 +605,473 @@ const sites = [
 			scene: 'https://www.tabooheat.com/en/video/tabooheat',
 		},
 	},
+	// ASG MAX
+	{
+		name: 'ASG Max Originals',
+		slug: 'asgmaxoriginals',
+		url: 'https://www.asgmax.com/en/channel/asgmaxoriginals',
+		parent: 'asgmax',
+	},
+	{
+		name: 'ASG Max Films',
+		slug: 'asgmaxfilms',
+		url: 'https://www.asgmax.com/en/channel/asgmaxfilms',
+		parent: 'asgmax',
+		hasLogo: false,
+	},
+	{
+		name: 'ASG International',
+		slug: 'asginternational',
+		url: 'https://www.asgmax.com/en/channel/asginternational',
+		parent: 'asgmax',
+		hasLogo: false,
+	},
+	{
+		name: 'ASG Massage',
+		slug: 'asgmassage',
+		url: 'https://www.asgmax.com/en/channel/asgmassage',
+		parent: 'asgmax',
+		tags: ['massage'],
+		hasLogo: false,
+	},
+	{
+		name: 'ASG Auditions',
+		slug: 'asgauditions',
+		url: 'https://www.asgmax.com/en/channel/asgauditions',
+		parent: 'asgmax',
+		tags: ['audition'],
+		hasLogo: false,
+	},
+	{
+		name: 'ASG Free Use',
+		slug: 'asgfreeuse',
+		url: 'https://www.asgmax.com/en/channel/asgfreeuse',
+		parent: 'asgmax',
+		tags: ['free-use'],
+		hasLogo: false,
+	},
+	{
+		name: 'Exeter Hill College',
+		slug: 'exeterhillcollege',
+		url: 'https://www.asgmax.com/en/channel/asgexeterhillcollege',
+		parent: 'asgmax',
+		hasLogo: false,
+		tags: ['animated'],
+	},
+	// ASG MAX INDEPENDENT
+	{
+		name: 'Active Duty',
+		slug: 'activeduty',
+		url: 'https://www.activeduty.com',
+		parent: 'asgmax',
+		independent: true,
+		parameters: {
+			scene: 'https://www.activeduty.com/en/video/activeduty',
+		},
+	},
+	{
+		name: 'Sodomy Squad',
+		slug: 'sodomysquad',
+		url: 'https://www.sodomysquad.com',
+		parent: 'asgmax',
+		independent: true,
+		tags: ['animated'],
+		parameters: {
+			scene: 'https://www.sodomysquad.com/en/video/sodomysquad',
+		},
+	},
+	// PRIDE STUDIOS
+	{
+		name: 'Pride Studios',
+		slug: 'pridestudios',
+		url: 'https://www.pridestudios.com/en/videos/sites/pridestudios',
+		parent: 'pridestudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/pridestudios',
+		},
+	},
+	{
+		name: 'Bearback',
+		slug: 'bearback',
+		url: 'https://www.pridestudios.com/en/videos/sites/bearback',
+		parent: 'pridestudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/bearback',
+		},
+	},
+	{
+		name: 'Boyz Party',
+		slug: 'boyzparty',
+		url: 'https://www.pridestudios.com/en/videos/sites/boyzparty',
+		parent: 'pridestudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/boyzparty',
+		},
+	},
+	{
+		name: 'Circlejerk Boys',
+		slug: 'circlejerkboys',
+		url: 'https://www.pridestudios.com/en/videos/sites/circlejerkboys',
+		parent: 'pridestudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/circlejerkboys',
+		},
+	},
+	{
+		name: 'Cock Virgins',
+		slug: 'cockvirgins',
+		url: 'https://www.pridestudios.com/en/videos/sites/cockvirgins',
+		parent: 'pridestudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/cockvirgins',
+		},
+	},
+	{
+		name: 'Dylan Lucas',
+		slug: 'dylanlucas',
+		url: 'https://www.pridestudios.com/en/videos/sites/dylanlucas',
+		parent: 'pridestudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/dylanlucas',
+		},
+	},
+	{
+		name: 'Extra Big Dicks',
+		slug: 'extrabigdicks',
+		url: 'https://www.extrabigdicks.com',
+		parent: 'pridestudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.extrabigdicks.com/en/video/extrabigdicks',
+		},
+	},
+	{
+		name: 'Family Creep',
+		slug: 'familycreep',
+		url: 'https://www.familycreep.com',
+		parent: 'pridestudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.familycreep.com/en/video/familycreep',
+		},
+	},
+	{
+		name: 'High Performance Men',
+		slug: 'highperformancemen',
+		url: 'https://www.pridestudios.com/en/videos/sites/highperformancemen',
+		parent: 'pridestudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.pridestudios.com/en/video/highperformancemen',
+		},
+	},
+	{
+		name: 'Men Over 30',
+		slug: 'menover30',
+		url: 'https://www.menover30.com',
+		parent: 'pridestudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.menover30.com/en/video/menover30',
+		},
+	},
+	// NEXT DOOR STUDIOS
+	{
+		name: 'Austin Wilde',
+		slug: 'austinwilde',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/austinwilde',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/austinwilde',
+		},
+	},
+	{
+		name: 'Cody Cummings',
+		slug: 'codycummings',
+		url: 'https://www.codycummings.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.codycummings.com/en/video/codycummings',
+		},
+	},
+	{
+		name: 'Marcus Mojo',
+		slug: 'marcusmojo',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/marcusmojo',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/marcusmojo',
+		},
+	},
+	{
+		name: 'Mason Wyler',
+		slug: 'masonwyler',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/masonwyler',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/masonwyler',
+		},
+	},
+	{
+		name: 'Next Door Buddies',
+		slug: 'nextdoorbuddies',
+		url: 'https://www.nextdoorbuddies.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorbuddies.com/en/video/nextdoorbuddies',
+		},
+	},
+	{
+		name: 'Next Door Casting',
+		slug: 'nextdoorcasting',
+		url: 'https://www.nextdoorcasting.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorcasting.com/en/video/nextdoorcasting',
+		},
+	},
+	{
+		name: 'Next Door Films',
+		slug: 'nextdoorfilms',
+		url: 'https://www.nextdoorfilms.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorfilms.com/en/video/nextdoorfilms',
+		},
+	},
+	{
+		name: 'Next Door Homemade',
+		slug: 'nextdoorhomemade',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/nextdoorhomemade',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/nextdoorhomemade',
+		},
+	},
+	{
+		name: 'Next Door Male',
+		slug: 'nextdoormale',
+		url: 'https://www.nextdoormale.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoormale.com/en/video/nextdoormale',
+		},
+	},
+	{
+		name: 'Next Door Hookups',
+		slug: 'nextdoorhookups',
+		url: 'https://www.nextdoorhookups.com',
+		parent: 'nextdoorstudios',
+		parameters: {
+			scene: 'https://www.nextdoorhookups.com/en/video/nextdoorhookups',
+		},
+	},
+	{
+		name: 'Next Door Originals',
+		slug: 'nextdoororiginals',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/nextdoororiginals',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/nextdoororiginals',
+		},
+	},
+	{
+		name: 'Next Door Raw',
+		slug: 'nextdoorraw',
+		url: 'https://www.nextdoorraw.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorraw.com/en/video/nextdoorraw',
+		},
+	},
+	{
+		name: 'Next Door Studios',
+		slug: 'nextdoorstudios',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/nextdoorstudios',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/nextdoorstudios',
+		},
+	},
+	{
+		name: 'Next Door Taboo',
+		slug: 'nextdoortaboo',
+		url: 'https://www.nextdoortaboo.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoortaboo.com/en/video/nextdoortaboo',
+		},
+	},
+	{
+		name: 'Next Door Twink',
+		slug: 'nextdoortwink',
+		url: 'https://www.nextdoortwink.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoortwink.com/en/video/nextdoortwink',
+		},
+	},
+	{
+		name: 'Rod Daily',
+		slug: 'roddaily',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/roddaily',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/roddaily',
+		},
+	},
+	{
+		name: 'Rod\'s Room',
+		slug: 'rodsroom',
+		url: 'https://www.rodsroom.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.rodsroom.com/en/video/rodsroom',
+		},
+	},
+	{
+		name: 'Samuel O\'Toole',
+		slug: 'samuelotoole',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/samuelotoole',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/samuelotoole',
+		},
+	},
+	{
+		name: 'Stag Collective',
+		slug: 'stagcollective',
+		url: 'https://www.stagcollective.com',
+		parent: 'nextdoorstudios',
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.stagcollective.com/en/video/stagcollective',
+		},
+	},
+	{
+		name: 'Stroke That Dick',
+		slug: 'strokethatdick',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/strokethatdick',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/strokethatdick',
+		},
+	},
+	{
+		name: 'Tommy D XXX',
+		slug: 'tommydxxx',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/tommydxxx',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/tommydxxx',
+		},
+	},
+	{
+		name: 'Trystan Bull',
+		slug: 'trystanbull',
+		url: 'https://www.nextdoorstudios.com/en/videos/sites/trystanbull',
+		parent: 'nextdoorstudios',
+		hasLogo: false,
+		tags: ['gay'],
+		parameters: {
+			scene: 'https://www.nextdoorstudios.com/en/video/trystanbull',
+		},
+	},
+	// DISRUPTIVE FILMS
+	{
+		name: 'Disruptive Films',
+		slug: 'disruptivefilms',
+		delete: true,
+		url: 'https://www.disruptivefilms.com',
+		parent: 'disruptivefilms',
+		tags: ['gay'],
+		parameters: {
+			queryChannel: 'asgmaxdisruptivefilms',
+		},
+	},
+	{
+		name: 'Disruptive Originals',
+		slug: 'disruptiveoriginals',
+		url: 'https://www.asgmax.com/en/channel/asgmaxdisruptiveoriginals',
+		parent: 'disruptivefilms',
+		tags: ['gay'],
+		hasLogo: false,
+		parameters: {
+			queryChannel: 'asgmaxdisruptiveoriginals',
+		},
+	},
+	{
+		name: 'Taboo Men',
+		slug: 'taboomen',
+		url: 'https://www.asgmax.com/en/channel/asgmaxtaboomen',
+		parent: 'disruptivefilms',
+		tags: ['gay'],
+		hasLogo: false,
+		parameters: {
+			queryChannel: 'asgmaxtaboomen',
+		},
+	},
+	{
+		name: 'Deviants',
+		slug: 'deviants',
+		url: 'https://www.asgmax.com/en/channel/asgmaxdeviants',
+		parent: 'disruptivefilms',
+		tags: ['gay'],
+		hasLogo: false,
+		parameters: {
+			queryChannel: 'asgmaxdeviants',
+		},
+	},
+	{
+		name: 'True Male',
+		slug: 'truemale',
+		url: 'https://www.asgmax.com/en/channel/asgmaxtruemale',
+		parent: 'disruptivefilms',
+		tags: ['gay'],
+		hasLogo: false,
+		parameters: {
+			queryChannel: 'asgmaxtruemale',
+		},
+	},
 	// AMATEUR ALLURE
 	{
 		name: 'Amateur Allure',
@@ -3433,6 +3878,7 @@ const sites = [
 		name: 'DFXtra Originals',
 		url: 'https://www.dfxtra.com',
 		parent: 'dfxtra',
+		hasLogo: false,
 		parameters: {
 			layout: 'api',
 		},
@@ -3442,6 +3888,7 @@ const sites = [
 		name: 'DFXtra Compilations',
 		url: 'https://www.dfxtra.com',
 		parent: 'dfxtra',
+		hasLogo: false,
 		parameters: {
 			layout: 'api',
 		},
@@ -3451,6 +3898,7 @@ const sites = [
 		name: 'DFX Big Bangz',
 		url: 'https://www.dfxtra.com',
 		parent: 'dfxtra',
+		hasLogo: false,
 		parameters: {
 			layout: 'api',
 		},
@@ -3460,6 +3908,7 @@ const sites = [
 		name: 'DFX Solemates',
 		url: 'https://www.dfxtra.com',
 		parent: 'dfxtra',
+		hasLogo: false,
 		parameters: {
 			layout: 'api',
 		},
@@ -3469,6 +3918,7 @@ const sites = [
 		name: 'Cheating With My Ex',
 		url: 'https://www.dfxtra.com',
 		parent: 'dfxtra',
+		hasLogo: false,
 		parameters: {
 			layout: 'api',
 		},
@@ -4232,9 +4682,7 @@ const sites = [
 		url: 'https://www.massage-parlor.com',
 		parent: 'fantasymassage',
 		parameters: {
-			latest: 'https://www.fantasymassage.com/en/allvideos/massage-parlor/AllCategories/0/AllPornstars/0/updates/',
-			upcoming: 'https://www.fantasymassage.com/en/allvideos/massage-parlor/AllCategories/0/Actor/0/upcoming/',
-			photos: 'https://www.fantasymassage.com/en/photo',
+			querySlug: 'massage-parlor',
 		},
 	},
 	{
@@ -4318,11 +4766,8 @@ const sites = [
 	{
 		slug: 'fillupmymom',
 		name: 'Fill Up My Mom',
-		url: 'https://www.fillupmymom.com',
+		url: 'https://www.filthykings.com/fillupmymom',
 		tags: ['milf'],
-		parameters: {
-			queryChannel: 'fill-up-my-mom',
-		},
 		parent: 'filthykings',
 	},
 	{
diff --git a/seeds/06_affiliates.js b/seeds/06_affiliates.js
index 12d7628cf..7934e7475 100755
--- a/seeds/06_affiliates.js
+++ b/seeds/06_affiliates.js
@@ -5,160 +5,124 @@ const bulkInsert = require('../src/utils/bulk-insert');
 const affiliates = [
 	// vixen
 	{
-		id: '_vixen',
 		network: 'vixen',
 		url: 'http://join.vixen.com/track/MTA0MS43OC44LjQyLjAuMC4wLjAuMA',
 		comment: 'per signup',
 	},
 	{
-		id: 'blacked',
 		channel: 'blacked',
 		url: 'https://join.blacked.com/track/MTA0MS43OC4zLjMuMC4wLjAuMC4w',
 		comment: 'per signup',
 	},
 	{
-		id: 'blackedraw',
 		channel: 'blackedraw',
 		url: 'https://join.blackedraw.com/track/MTA0MS43OC45LjI4LjAuMC4wLjAuMA',
 		comment: 'per signup',
 	},
 	{
-		id: 'deeper',
 		channel: 'deeper',
 		url: 'https://join.deeper.com/track/MTA0MS43OC4xMS4zNC4wLjAuMC4wLjA',
 		comment: 'per signup',
 	},
 	{
-		id: 'milfy',
 		channel: 'milfy',
 		url: 'https://join.milfy.com/track/MTA0MS43OC4xNS41MS4wLjAuMC4wLjA',
 		comment: 'per signup',
 	},
 	{
-		id: 'slayed',
 		channel: 'slayed',
 		url: 'https://join.slayed.com/track/MTA0MS43OC4xNC4zOS4wLjAuMC4wLjA',
 		comment: 'per signup',
 	},
 	{
-		id: 'tushy',
 		channel: 'tushy',
 		url: 'https://join.tushy.com/track/MTA0MS43OC43LjIwLjAuMC4wLjAuMA',
 		comment: 'per signup',
 	},
 	{
-		id: 'tushyraw',
 		channel: 'tushyraw',
 		url: 'https://join.tushyraw.com/track/MTA0MS43OC4xMC4zMS4wLjAuMC4wLjA',
 		comment: 'per signup',
 	},
 	{
-		id: 'vixen',
 		channel: 'vixen',
 		url: 'https://join.vixen.com/track/MTA0MS43OC44LjIzLjAuMC4wLjAuMA',
 		comment: 'per signup',
 	},
 	{
-		id: 'wifey',
 		channel: 'wifey',
 		url: 'https://join.wifey.com/track/MTA0MS43OC4xOC41Ni4wLjAuMC4wLjA',
 		comment: 'per signup',
 	},
 	// mike adriano
 	{
-		id: 'allanal',
 		channel: 'allanal',
 		url: 'https://access.allanal.com/track/OTczLjEuNS41LjAuMC4wLjAuMA',
 		comment: '50% rev share',
 	},
 	{
-		id: 'analonly',
 		channel: 'analonly',
 		url: 'https://access.analonly.com/track/OTczLjEuNi4xMC4wLjAuMC4wLjA',
 		comment: '50% rev share',
 	},
 	{
-		id: 'dirtyauditions',
 		channel: 'dirtyauditions',
 		url: 'https://access.dirtyauditions.com/track/OTczLjEuNy4xNC4wLjAuMC4wLjA',
 		comment: '50% rev share',
 	},
 	{
-		id: 'nympho',
 		channel: 'nympho',
 		url: 'https://access.nympho.com/track/OTczLjEuNC40LjAuMC4wLjAuMA',
 		comment: '50% rev share',
 	},
 	{
-		id: 'swallowed',
 		channel: 'swallowed',
 		url: 'https://access.swallowed.com/track/OTczLjEuMS4xLjAuMC4wLjAuMA',
 		comment: '50% rev share',
 	},
 	{
-		id: 'trueanal',
 		channel: 'trueanal',
 		url: 'https://access.trueanal.com/track/OTczLjEuMy4zLjAuMC4wLjAuMA',
 		comment: '50% rev share',
 	},
 	// gamma
 	{
-		id: 'evilangel',
 		network: 'evilangel',
 		url: 'https://www.g2fame.com/evilangel/go.php?pr=8&su=2&si=128&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2fame.com/evilangel/go.php?pr=8&su=2&si=128&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
-	// xempire > hardx
 	{
-		id: 'xempire',
+		network: 'filthykings',
+		url: 'https://www.g2fame.com/filthykings/go.php?pr=8&su=2&si=566&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > xempire
+	{
 		network: 'xempire',
 		url: 'https://www.g2blazing.com/xempire/go.php?pr=12&su=2&si=81&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2blazing.com/xempire/go.php?pr=12&su=2&si=81&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
 	{
-		id: 'hardx',
 		channel: 'hardx',
 		url: 'https://www.g2blazing.com/hardx/go.php?pr=12&su=2&si=68&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2blazing.com/hardx/go.php?pr=12&su=2&si=68&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
 	{
-		id: 'allblackx',
 		channel: 'allblackx',
 		url: 'https://www.g2blazing.com/allblackx/go.php?pr=12&su=2&si=87&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2blazing.com/allblackx/go.php?pr=12&su=2&si=87&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
 	{
-		id: 'darkx',
 		channel: 'darkx',
 		url: 'https://www.g2blazing.com/darkx/go.php?pr=12&su=2&si=75&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2blazing.com/darkx/go.php?pr=12&su=2&si=75&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
 	{
-		id: 'eroticax',
 		channel: 'eroticax',
 		url: 'https://www.g2blazing.com/eroticax/go.php?pr=12&su=2&si=66&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
-		parameters: {
-			dynamicScene: 'https://www.g2blazing.com/eroticax/go.php?pr=12&su=2&si=66&ad=277470&pa=clip&ar={entryId}&buffer=',
-		},
 	},
 	{
-		id: 'lesbianx',
 		channel: 'lesbianx',
 		url: 'https://www.g2blazing.com/lesbianx/go.php?pr=12&su=2&si=80&ad=277470&pa=index&ar=&buffer=',
 		comment: 'per signup',
@@ -166,83 +130,434 @@ const affiliates = [
 			dynamicScene: 'https://www.g2blazing.com/lesbianx/go.php?pr=12&su=2&si=80&ad=277470&pa=clip&ar={entryId}&buffer=',
 		},
 	},
+	// gamma > 21sextury
+	{
+		network: '21sextury',
+		url: 'https://www.g2fame.com/21sextury/go.php?pr=8&su=2&si=207&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		network: '21sextreme',
+		url: 'https://www.g2fame.com/21sextreme/go.php?pr=8&su=2&si=208&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		network: '21naturals',
+		url: 'https://www.g2fame.com/21naturals/go.php?pr=8&su=2&si=209&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'alettaoceanempire',
+		url: 'https://www.g2fame.com/alettaoceanempire/go.php?pr=8&su=2&si=241&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'dpfanatics',
+		url: 'https://www.g2fame.com/dpfanatics/go.php?pr=8&su=2&si=243&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'footsiebabes',
+		url: 'https://www.g2fame.com/footsiebabes/go.php?pr=8&su=2&si=244&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'lezcuties',
+		url: 'https://www.g2fame.com/lezcuties/go.php?pr=8&su=2&si=223&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	/* redirect to Adult Time login page
+	{
+		channel: 'analteenangels',
+		url: 'https://www.g2fame.com/analteenangels/go.php?pr=8&su=2&si=222&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'assholefever',
+		url: 'https://www.g2fame.com/assholefever/go.php?pr=8&su=2&si=242&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	*/
+	// gamma > adult time
+	{
+		network: 'adulttime',
+		url: 'https://www.g2fame.com/adulttime/go.php?pr=8&su=2&si=247&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false,
+		},
+	},
+	{
+		channel: 'accidentalgangbang',
+		url: 'https://www.g2fame.com/accidentalgangbang/go.php?pr=8&su=2&si=627&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > ags max
+	{
+		network: 'asgmax',
+		url: 'https://www.g2buddy.com/asgmax/go.php?pr=9&su=2&si=136&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'activeduty',
+		url: 'https://www.g2buddy.com/activeduty/go.php?pr=9&su=2&si=80&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'disruptivefilms',
+		url: 'https://www.g2buddy.com/disruptivefilms/go.php?pr=9&su=2&si=119&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > ags max > next door studios
+	// excluded affiliate links that link back to main site and don't seem to track properly
+	{
+		network: 'nextdoorstudios',
+		url: 'https://www.g2buddy.com/nextdoorstudios/go.php?pr=9&su=2&si=46&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorstudios',
+		url: 'https://www.g2buddy.com/nextdoorstudios/go.php?pr=9&su=2&si=46&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'codycummings',
+		url: 'https://www.g2buddy.com/codycummings/go.php?pr=9&su=2&si=7&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorbuddies',
+		url: 'https://www.g2buddy.com/nextdoorbuddies/go.php?pr=9&su=2&si=3&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoortaboo',
+		url: 'https://www.g2buddy.com/nextdoortaboo/go.php?pr=9&su=2&si=96&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorraw',
+		url: 'https://www.g2buddy.com/nextdoorraw/go.php?pr=9&su=2&si=83&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorcasting',
+		url: 'https://www.g2buddy.com/nextdoorcasting/go.php?pr=9&su=2&si=78&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorfilms',
+		url: 'https://www.g2buddy.com/nextdoorfilms/go.php?pr=9&su=2&si=132&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoorhookups',
+		url: 'https://www.g2buddy.com/nextdoorhookups/go.php?pr=9&su=2&si=2&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoormale',
+		url: 'https://www.g2buddy.com/nextdoormale/go.php?pr=9&su=2&si=1&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nextdoortwink',
+		url: 'https://www.g2buddy.com/nextdoortwink/go.php?pr=9&su=2&si=35&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			// dedicated affiliate redirects to homepage for some reason
+			dynamicScene: 'https://www.g2buddy.com/nextdoorstudios/go.php?pr=9&su=2&si=46&ad=277470&pa=clip&ar={entryId}&buffer=',
+		},
+	},
+	{
+		channel: 'rodsroom',
+		url: 'https://www.g2buddy.com/rodsroom/go.php?pr=9&su=2&si=128&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'stagcollective',
+		url: 'https://www.g2buddy.com/stagcollective/go.php?pr=9&su=2&si=117&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > ags max > pride studios
+	// excluded affiliate links that link back to main site and don't seem to track properly
+	{
+		network: 'pridestudios',
+		url: 'https://www.g2buddy.com/pridestudios/go.php?pr=9&su=2&si=70&ad=277470&pa=Index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'pridestudios',
+		url: 'https://www.g2buddy.com/pridestudios/go.php?pr=9&su=2&si=70&ad=277470&pa=join&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'extrabigdicks',
+		url: 'https://www.g2buddy.com/extrabigdicks/go.php?pr=9&su=2&si=66&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to promo page
+		},
+	},
+	{
+		channel: 'familycreep',
+		url: 'https://www.g2buddy.com/familycreep/go.php?pr=9&su=2&si=100&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'menover30',
+		url: 'https://www.g2buddy.com/menover30/go.php?pr=9&su=2&si=67&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to promo page
+		},
+	},
+	// gamma > blowpass
+	{
+		network: 'blowpass',
+		url: 'https://www.g2blazing.com/blowpass/go.php?pr=12&su=2&si=86&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: '1000facials',
+		url: 'https://www.g2blazing.com/1000facials/go.php?pr=12&su=2&si=30&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'immorallive',
+		url: 'https://www.g2blazing.com/immorallive/go.php?pr=12&su=2&si=31&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'mommyblowsbest',
+		url: 'https://www.g2blazing.com/mommyblowsbest/go.php?pr=12&su=2&si=32&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'onlyteenblowjobs',
+		url: 'https://www.g2blazing.com/onlyteenblowjobs/go.php?pr=12&su=2&si=29&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'throated',
+		url: 'https://www.g2blazing.com/throated/go.php?pr=12&su=2&si=28&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > dogfart
+	{
+		network: 'dogfartnetwork',
+		url: 'https://www.g2fame.com/dogfartnetwork/go.php?pr=8&su=2&si=708&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		network: 'dfxtra',
+		url: 'https://www.g2fame.com/dfxtra/go.php?pr=8&su=2&si=681&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'blackmeatwhitefeet',
+		url: 'https://www.g2fame.com/blackmeatwhitefeet/go.php?pr=8&su=2&si=691&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'blacksonblondes',
+		url: 'https://www.g2fame.com/blacksonblondes/go.php?pr=8&su=2&si=682&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'blacksoncougars',
+		url: 'https://www.g2fame.com/blacksoncougars/go.php?pr=8&su=2&si=693&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'cuckoldsessions',
+		url: 'https://www.g2fame.com/cuckoldsessions/go.php?pr=8&su=2&si=683&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'cumbang',
+		url: 'https://www.g2fame.com/cumbang/go.php?pr=8&su=2&si=687&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'gloryhole',
+		url: 'https://www.g2fame.com/gloryhole/go.php?pr=8&su=2&si=685&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'gloryholeinitiations',
+		url: 'https://www.g2fame.com/gloryhole-initiations/go.php?pr=8&su=2&si=694&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'interracialblowbang',
+		url: 'https://www.g2fame.com/interracialblowbang/go.php?pr=8&su=2&si=689&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'watchingmydaughtergoblack',
+		url: 'https://www.g2fame.com/watchingmydaughtergoblack/go.php?pr=8&su=2&si=692&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'watchingmymomgoblack',
+		url: 'https://www.g2fame.com/watchingmymomgoblack/go.php?pr=8&su=2&si=686&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'wefuckblackgirls',
+		url: 'https://www.g2fame.com/wefuckblackgirls/go.php?pr=8&su=2&si=688&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'zebragirls',
+		url: 'https://www.g2fame.com/zebragirls/go.php?pr=8&su=2&si=690&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > fantasymassage, deep links redirect to Adult Time
+	{
+		network: 'fantasymassage',
+		url: 'https://www.g2fame.com/fantasymassage/go.php?pr=8&su=2&si=185&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
+	{
+		channel: 'allgirlmassage',
+		url: 'https://www.g2fame.com/allgirlmassage/go.php?pr=8&su=2&si=162&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
+	{
+		channel: 'massageparlor',
+		url: 'https://www.g2fame.com/massage-parlor/go.php?pr=8&su=2&si=164&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'milkingtable',
+		url: 'https://www.g2fame.com/milkingtable/go.php?pr=8&su=2&si=184&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'nurumassage',
+		url: 'https://www.g2fame.com/nurumassage/go.php?pr=8&su=2&si=161&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
+	{
+		channel: 'soapymassage',
+		url: 'https://www.g2fame.com/soapymassage/go.php?pr=8&su=2&si=163&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'trickyspa',
+		url: 'https://www.g2fame.com/trickyspa/go.php?pr=8&su=2&si=186&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	// gamma > girlsway
+	{
+		network: 'girlsway',
+		url: 'https://www.g2fame.com/girlsway/go.php?pr=8&su=2&si=187&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
+	{
+		channel: 'girlstryanal',
+		url: 'https://www.g2fame.com/girlstryanal/go.php?pr=8&su=2&si=190&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'mommysgirl',
+		url: 'https://www.g2fame.com/mommysgirl/go.php?pr=8&su=2&si=189&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
+	{
+		channel: 'sextapelesbians',
+		url: 'https://www.g2fame.com/sextapelesbians/go.php?pr=8&su=2&si=188&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+	},
+	{
+		channel: 'webyoung',
+		url: 'https://www.g2fame.com/webyoung/go.php?pr=8&su=2&si=175&ad=277470&pa=index&ar=&buffer=',
+		comment: 'per signup',
+		parameters: {
+			scene: false, // redirects to Adult Time
+		},
+	},
 	// kelly madison / 8k
 	{
-		id: '_kellymadison',
 		network: 'kellymadison',
 		url: 'https://www2.kellymadison.com/track/MTAxOTE0LjYuMS4xLjAuNjAwNDgxMS4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'kellymadison',
 		channel: 'kellymadison',
 		url: 'https://www2.kellymadison.com/track/MTAxOTE0LjYuMS4xLjAuNjAwNDgxMS4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'teenfidelity',
 		channel: 'teenfidelity',
 		url: 'https://www2.teenfidelity.com/track/MTAxOTE0LjYuNS42LjAuNjAwNTA0OC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'pornfidelity',
 		channel: 'pornfidelity',
 		url: 'https://www2.pornfidelity.com/track/MTAxOTE0LjYuMy4zLjAuNjAwNDk3MS4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: '5kporn',
 		channel: '5kporn',
 		url: 'https://www2.5kporn.com/track/NzgwLjEuMS4xLjAuMC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: '5kteens',
 		channel: '5kteens',
 		url: 'https://www2.5kteens.com/track/NzgwLjEuMi4yLjAuMC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: '8kmilfs',
 		channel: '8kmilfs',
 		url: 'https://www2.8kmilfs.com/track/NzgwLjEuNC40LjAuMC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: '8kteens',
 		channel: '8kteens',
 		url: 'https://www2.8kteens.com/track/NzgwLjEuNS41LjAuMC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	// jules jordan
 	{
-		id: 'julesjordan',
 		network: 'julesjordan',
 		url: 'https://enter.julesjordan.com/track/Mzk3MS4yLjMuNi4wLjAuMC4wLjA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'manuelferrara',
 		channel: 'manuelferrara',
 		url: 'https://enter.manuelferrara.com/track/Mzk3MS4yLjcuMTYuMC4wLjAuMC4w',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'theassfactory',
 		channel: 'theassfactory',
 		url: 'https://enter.theassfactory.com/track/Mzk3MS4yLjEuMS4wLjAuMC4wLjA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'spermswallowers',
 		channel: 'spermswallowers',
 		url: 'https://enter.spermswallowers.com/track/Mzk3MS4yLjUuMTMuMC4wLjAuMC4w',
 		comment: '$30 per signup',
 	},
 	// naughty america
 	{
-		id: 'naughtyamerica',
 		network: 'naughtyamerica',
 		url: 'https://natour.naughtyamerica.com/track/MTIzODIxLjEwMDI1LjguOC4wLjEwNzU2MTcuMC4wLjA',
 		comment: 'pay per sign-up',
@@ -254,7 +569,6 @@ const affiliates = [
 		},
 	},
 	{
-		id: 'naughtyamericavr',
 		network: 'naughtyamericavr',
 		url: 'http://enter.naughtyamericavr.com/track/MTIzODIxLjEwMDI1Ljk3LjI5OS4wLjAuMC4wLjA',
 		comment: 'pay per sign-up',
@@ -266,13 +580,11 @@ const affiliates = [
 		},
 	},
 	{
-		id: 'tonightsgirlfriend',
 		channel: 'tonightsgirlfriend',
 		url: 'https://enter.tonightsgirlfriend.com/track/MTIzODIxLjEwMDI1LjU4LjgwLjAuMC4wLjAuMA',
 		comment: 'pay per sign-up',
 	},
 	{
-		id: 'realgirlsnow',
 		channel: 'realgirlsnow',
 		url: 'https://enter.realgirlsnow.com/track/MTIzODIxLjEwMDI1LjExMy4zNzkuMC4wLjAuMC4w',
 		comment: 'pay per sign-up',
@@ -282,93 +594,78 @@ const affiliates = [
 	},
 	// radical
 	{
-		id: 'radical',
 		network: 'radical',
 		url: 'http://radicalcash.com/track/MzAwMDA5NzkuNy42LjYuMC4wLjAuMC4w',
 		comment: 'webmaster referral',
 	},
 	{
-		id: 'lucidflix',
 		channel: 'lucidflix',
 		url: 'https://register.lucidflix.com/track/MzAwMDA5NzkuMy4xNDcuMzMzLjAuMC4wLjAuMA',
 		comment: 'rev share',
 	},
 	{
-		id: 'bjraw',
 		channel: 'bjraw',
 		url: 'https://register.bjraw.com/track/MzAwMDA5NzkuMy45Ny4yNTguMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'gotfilled',
 		channel: 'gotfilled',
 		url: 'https://register.gotfilled.com/track/MzAwMDA5NzkuMy4xMDEuMjY0LjAuMC4wLjAuMA',
 		comment: 'rev share',
 	},
 	{
-		id: 'inserted',
 		channel: 'inserted',
 		url: 'https://register.inserted.com/track/MzAwMDA5NzkuMy4xMDIuMjY1LjAuMC4wLjAuMA',
 		comment: 'rev share',
 	},
 	{
-		id: 'purgatoryx',
 		channel: 'purgatoryx',
 		url: 'https://register.purgatoryx.com/track/MzAwMDA5NzkuMy44OC4yNDUuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'toughlovex',
 		channel: 'toughlovex',
 		url: 'https://register.join-toughlovex.com/track/MzAwMDA5NzkuMy43Ni4xOTcuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	// radical > topwebmodels
 	{
-		id: 'topwebmodels',
 		network: 'topwebmodels',
 		url: 'https://register.topwebmodels.com/track/MzAwMDA5NzkuMy41NS4xNjguMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'deepthroatsirens',
 		channel: 'deepthroatsirens',
 		url: 'https://register.deepthroatsirens.com/track/MzAwMDA5NzkuMy42MS4xNzQuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'biggulpgirls',
 		channel: 'biggulpgirls',
 		url: 'https://register.biggulpgirls.com/track/MzAwMDA5NzkuMy42Mi4xNzUuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'cougarseason',
 		channel: 'cougarseason',
 		url: 'https://register.cougarseason.com/track/MzAwMDA5NzkuMy41Ny4xNzAuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'facialsforever',
 		channel: 'facialsforever',
 		url: 'https://register.facialsforever.com/track/MzAwMDA5NzkuMy41OC4xNzEuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'poundedpetite',
 		channel: 'poundedpetite',
 		url: 'https://register.poundedpetite.com/track/MzAwMDA5NzkuMy41OS4xNzIuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	{
-		id: 'shesbrandnew',
 		channel: 'shesbrandnew',
 		url: 'https://register.shesbrandnew.com/track/MzAwMDA5NzkuMy42MC4xNzMuMC4wLjAuMC4w',
 		comment: 'rev share',
 	},
 	// kink
 	{
-		id: 'kink',
 		network: 'kink',
 		url: 'https://www.c4cgmn8trk.com/G483KW96H/225JFQ',
 		comment: '50%',
@@ -379,7 +676,6 @@ const affiliates = [
 		},
 	},
 	{
-		id: 'kinktrans',
 		channel: 'kinktrans',
 		url: 'https://www.c4cgmn8trk.com/G483KW96H/XCQZJ/',
 		comment: '50%',
@@ -390,7 +686,6 @@ const affiliates = [
 		},
 	},
 	{
-		id: 'kinkmen',
 		network: 'kinkmen',
 		url: 'https://www.c4cgmn8trk.com/G483KW96H/SL1HB/',
 		comment: '50%',
@@ -401,7 +696,6 @@ const affiliates = [
 		},
 	},
 	{
-		id: 'kinkvr',
 		channel: 'kinkvr',
 		url: 'https://www.c4cgmn8trk.com/G483KW96H/PS824/',
 		comment: '50%',
@@ -414,7 +708,6 @@ const affiliates = [
 	},
 	// etc
 	{
-		id: 'bang',
 		network: 'bang',
 		parameters: {
 			query: 'aff=eyJ3IjoiMTQ1ODYiLCJsIjoiMzE2NDYiLCJ0IjoiNDU4NjEifQ==', // supported
@@ -702,6 +995,18 @@ async function scan(dir) {
 	return files.flat();
 }
 
+function getAffiliateId(affiliate) {
+	if (affiliate.id) {
+		return affiliate.id;
+	}
+
+	if (affiliate.network) {
+		return `_${affiliate.network}`;
+	}
+
+	return affiliate.channel;
+}
+
 exports.seed = async (knex) => {
 	const files = await scan('./public/banners');
 
@@ -764,7 +1069,7 @@ exports.seed = async (knex) => {
 	const tagsBySlug = tags.reduce((acc, tag) => ({ ...acc, [tag.slug]: tag }), {});
 
 	const affiliatesWithEntityId = affiliates.map((affiliate) => ({
-		id: affiliate.id,
+		id: getAffiliateId(affiliate),
 		entity_id: networksBySlug[affiliate.network]?.id || channelsBySlug[affiliate.channel]?.id || null,
 		url: affiliate.url,
 		parameters: affiliate.parameters,
diff --git a/src/.eslintrc b/src/.eslintrc
deleted file mode 100755
index e4db6f588..000000000
--- a/src/.eslintrc
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-    "extends": "airbnb-base",
-    "parserOptions": {
-        "parser": "@babel/eslint-parser",
-        "sourceType": "script"
-    },
-    "rules": {
-        "strict": 0,
-        "indent": "off",
-        "no-tabs": "off",
-        "no-unused-vars": ["error", {"argsIgnorePattern": "^_"}],
-        "no-console": 0,
-        "max-len": 0,
-        "no-underscore-dangle": 0,
-		"default-param-last": 0,
-        "prefer-destructuring": "off",
-		"arrow-body-style": 0,
-        "template-curly-spacing": "off",
-        "object-curly-newline": "off"
-    }
-}
diff --git a/src/alerts.js b/src/alerts.js
index 57854385f..a353e6d18 100755
--- a/src/alerts.js
+++ b/src/alerts.js
@@ -33,24 +33,24 @@ async function addAlert(alert, sessionUser) {
 
 	await Promise.all([
 		alert.actors?.length > 0 && bulkInsert('alerts_actors', alert.actors.map((actorId) => ({
-				alert_id: alertId,
-				actor_id: actorId,
-			})), false),
+			alert_id: alertId,
+			actor_id: actorId,
+		})), false),
 		alert.tags?.length > 0 && bulkInsert('alerts_tags', alert.tags.map((tagId) => ({
-				alert_id: alertId,
-				tag_id: tagId,
-			})), false),
+			alert_id: alertId,
+			tag_id: tagId,
+		})), false),
 		alert.matches?.length > 0 && bulkInsert('alerts_matches', alert.matches.map((match) => ({
-				alert_id: alertId,
-				property: match.property,
-				expression: /\/.*\//.test(match.expression)
-					? match.expression.slice(1, -1)
-					: escapeRegexp(match.expression),
-			})), false),
+			alert_id: alertId,
+			property: match.property,
+			expression: /\/.*\//.test(match.expression)
+				? match.expression.slice(1, -1)
+				: escapeRegexp(match.expression),
+		})), false),
 		alert.stashes?.length > 0 && bulkInsert('alerts_stashes', alert.stashes.map((stashId) => ({
-				alert_id: alertId,
-				stash_id: stashId,
-			})), false),
+			alert_id: alertId,
+			stash_id: stashId,
+		})), false),
 		alert.entities && bulkInsert('alerts_entities', alert.entities.map((entityId) => ({
 			alert_id: alertId,
 			entity_id: entityId,
diff --git a/src/media.js b/src/media.js
index bb5f49436..da3d799e7 100755
--- a/src/media.js
+++ b/src/media.js
@@ -1090,7 +1090,7 @@ async function flushOrphanedMedia(stage = 1) {
 					)
 					.as('associations'),
 			)
-			.whereRaw('associations.media_id = media.id'),
+				.whereRaw('associations.media_id = media.id'),
 		)
 		.limit(config.media.flushWindow);
 	// .delete();
diff --git a/src/redis.js b/src/redis.js
index f5f290b42..38138c24a 100644
--- a/src/redis.js
+++ b/src/redis.js
@@ -7,7 +7,7 @@ const logger = require('./logger')(__filename);
 logger.verbose('Redis module initialized');
 
 const redisClient = redis.createClient({
-    socket: config.redis,
+	socket: config.redis,
 });
 
 // redisClient.connect();
diff --git a/src/scrapers/adultempire.js b/src/scrapers/adultempire.js
index 8fd2e57e6..141dab67c 100755
--- a/src/scrapers/adultempire.js
+++ b/src/scrapers/adultempire.js
@@ -154,11 +154,11 @@ async function fetchLatest(channel, page, options) {
 	const res = await unprint.get(options.parameters?.latest
 		? `${options.parameters.latest}?page=${page}&view=grid`
 		: `${channel.url}/watch-newest-clips-and-scenes.html?page=${page}&view=grid`, {
-			selectAll: '.item-grid-scene .grid-item',
-			headers: {
-				Cookie: 'ageConfirmed=true;',
-			},
-		});
+		selectAll: '.item-grid-scene .grid-item',
+		headers: {
+			Cookie: 'ageConfirmed=true;',
+		},
+	});
 
 	if (res.ok) {
 		return scrapeAll(res.context, channel, options);
diff --git a/src/scrapers/bang.js b/src/scrapers/bang.js
index 4d1bc4040..e847bb6e7 100755
--- a/src/scrapers/bang.js
+++ b/src/scrapers/bang.js
@@ -42,7 +42,7 @@ function getAvatarFallback(url) {
 			`${origin}${pathname}`,
 			url,
 		];
-	} catch (error) {
+	} catch (_error) {
 		return null;
 	}
 }
@@ -122,11 +122,11 @@ async function scrapeScene({ query }, { url, entity }) {
 
 	release.poster = data?.thumbnailUrl || query.attribute('meta[property="og:image"]', 'content');
 	release.teaser = (sourcesData && [
-			sourcesData.mp4_large,
-			sourcesData.webm_large,
-			sourcesData.mp4,
-			sourcesData.webm,
-		])
+		sourcesData.mp4_large,
+		sourcesData.webm_large,
+		sourcesData.mp4,
+		sourcesData.webm,
+	])
 		|| data?.contentUrl
 		|| query.attribute('meta[property="og:video"]')
 		|| query.video('video[data-videocontainer-target] source');
diff --git a/src/scrapers/gamma.js b/src/scrapers/gamma.js
index 574181056..eb2536f75 100755
--- a/src/scrapers/gamma.js
+++ b/src/scrapers/gamma.js
@@ -238,7 +238,7 @@ async function scrapeApiReleases(json, site, options) {
 		release.title = curateTitle(scene.title, site);
 		release.path = `/${scene.url_title}/${release.entryId}`;
 
-		if (options.parameters?.scene) {
+		if (typeof options.parameters?.scene === 'string') {
 			release.url = `${options.parameters.scene}${release.path}`;
 		} else if (site.url && options.parameters?.scene !== false) {
 			release.url = `${site.url}/en/video${release.path}`;
diff --git a/src/scrapers/mikeadriano.js b/src/scrapers/mikeadriano.js
index def1f1bd3..45610bf64 100755
--- a/src/scrapers/mikeadriano.js
+++ b/src/scrapers/mikeadriano.js
@@ -82,7 +82,7 @@ async function fetchLatestContent(url, parameters) {
 			bypass: {
 				evaluate: async () => {
 					// images lazy loaded by JS, gradually scroll through page
-					return Array.from(document.querySelectorAll('.content-item ')).reduce(async (chain, el) => {
+					return Array.from(this.document.querySelectorAll('.content-item ')).reduce(async (chain, el) => {
 						await chain;
 
 						return new Promise((resolve) => {
diff --git a/src/scrapers/virtualtaboo.js b/src/scrapers/virtualtaboo.js
index 79b3e70cd..fbae9d130 100755
--- a/src/scrapers/virtualtaboo.js
+++ b/src/scrapers/virtualtaboo.js
@@ -19,7 +19,7 @@ function scrapeAll(scenes) {
 			? query.all('.video-card__actors a').map((actorEl) => ({
 				name: unprint.query.content(actorEl),
 				url: unprint.query.url(actorEl, null),
-				}))
+			}))
 			: query.content('.video-card__actors')?.split(',').map((actor) => actor.trim());
 
 		release.poster = query.img('.image-container img');
diff --git a/src/sites.js b/src/sites.js
index cc84ed77d..1f5ba08b7 100755
--- a/src/sites.js
+++ b/src/sites.js
@@ -181,10 +181,10 @@ async function fetchSites(queryObject) {
 		.select(
 			'sites.*',
 			'networks.name as network_name',
-'networks.slug as network_slug',
-'networks.url as network_url',
-'networks.description as network_description',
-'networks.parameters as network_parameters',
+			'networks.slug as network_slug',
+			'networks.url as network_url',
+			'networks.description as network_description',
+			'networks.parameters as network_parameters',
 		)
 		.leftJoin('networks', 'sites.network_id', 'networks.id')
 		.limit(100);
diff --git a/src/tools/slugify-test.js b/src/tools/slugify-test.js
index 983ea1290..91c5b3ed4 100644
--- a/src/tools/slugify-test.js
+++ b/src/tools/slugify-test.js
@@ -3,32 +3,32 @@
 const slugify = require('../utils/slugify');
 
 function init() {
-    const cases = [
-        'Brave, New World',
-        'Jœrgenbahn    Straße',
-        'Partêrre',
-        'Ápres ski.',
-        'very 😀 true 😃',
-        'a véééry long piece of text that should not result in a very long slug, even for $100',
-        'don\'t you, forget about me',
-        'Pneumonoultramicroscopicsilicovolcanoconiosis',
-        'this (old) spicemen[sic]',
-        'contact@example.com',
-        '!@#$%',
-        '',
-        '  ',
+	const cases = [
+		'Brave, New World',
+		'Jœrgenbahn    Straße',
+		'Partêrre',
+		'Ápres ski.',
+		'very 😀 true 😃',
+		'a véééry long piece of text that should not result in a very long slug, even for $100',
+		'don\'t you, forget about me',
+		'Pneumonoultramicroscopicsilicovolcanoconiosis',
+		'this (old) spicemen[sic]',
+		'contact@example.com',
+		'!@#$%',
+		'',
+		'  ',
 		['this is', '2026-01-01', 'an array', '', ' ', 'test'],
-    ];
+	];
 
-    cases.forEach((item) => console.log(item, '-->', slugify(item, '-', { limit: 20 })));
+	cases.forEach((item) => console.log(item, '-->', slugify(item, '-', { limit: 20 })));
 
-    cases.forEach((item) => console.log(item, '-->', slugify(item, '-', {
-        lower: true,
-        accents: false,
-        punctuation: false,
-        symbols: 'split',
-        limit: 50,
-    })));
+	cases.forEach((item) => console.log(item, '-->', slugify(item, '-', {
+		lower: true,
+		accents: false,
+		punctuation: false,
+		symbols: 'split',
+		limit: 50,
+	})));
 }
 
 init();
diff --git a/src/web/server.js b/src/web/server.js
index a96ccca96..a0867abe5 100755
--- a/src/web/server.js
+++ b/src/web/server.js
@@ -63,7 +63,7 @@ const {
 } = require('./alerts');
 
 function getIp(req) {
-    return req.headers['x-forwarded-for'] ? req.headers['x-forwarded-for'].split(',')[0] : req.connection.remoteAddress; // See src/ws
+	return req.headers['x-forwarded-for'] ? req.headers['x-forwarded-for'].split(',')[0] : req.connection.remoteAddress; // See src/ws
 }
 
 async function initServer() {
@@ -72,12 +72,12 @@ async function initServer() {
 	const store = new KnexSessionStore({ knex });
 
 	app.set('view engine', 'ejs');
-    app.disable('x-powered-by');
+	app.disable('x-powered-by');
 
 	router.use('/media', express.static(config.media.path));
 	router.use(express.static('public'));
 
-	router.use('/img', (req, res) => {
+	router.use('/img', (_req, res) => {
 		res.status(404).send();
 	});
 
@@ -86,13 +86,13 @@ async function initServer() {
 
 	router.use(initPg(config.database.query));
 
-	router.use((req, res, next) => {
+	router.use((req, _res, next) => {
 		req.session.safeId = req.session.safeId || nanoid();
 
 		next();
 	});
 
-	router.use((req, res, next) => {
+	router.use((req, _res, next) => {
 		const ip = getIp(req);
 
 		logger.silly(`${ip} (${req.headers['CF-IPCountry'] || 'country N/A'}) requested ${req.originalUrl} as ${req.session.user ? `${req.session.user.username} (${req.session.user.id})` : 'guest'}`);