1.250.5

Reviewed-on: http://gitea.unknown.name/DebaucheryLibrarian/traxxx/pulls/44

.eslintignore

@@ -1 +0,0 @@
-src/scrapers/template.js

.eslintrc

@@ -1,26 +1,34 @@
 {
     "root": true,
-    "extends": ["airbnb-base", "plugin:vue/recommended"],
+    "extends": ["airbnb-base"],
+	"env": {
+		"node": true
+	},
     "parserOptions": {
-        "parser": "babel-eslint",
-        "ecmaVersion": 2019,
-        "sourceType": "module"
+        "parser": "@babel/eslint-parser",
+        "ecmaVersion": 2024,
+        "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,
         "template-curly-spacing": "off",
         "max-len": 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,
+		"func-names": 0,
+		"space-before-function-paren": 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": {
         "CONFIG": true

.gitignore

@@ -2,9 +2,22 @@ node_modules/
 dist/
 log/
 media/
+html/
+data/
+tmp/*
 public/js/*
 public/css/*
+public/img/tags
+public/img/logos/
+public/banners
 config/*
 !config/default.js
+!config/analvids.json
 assets/js/config/
 !assets/js/config/default.js
+/export*
+/stashes*
+/alerts*
+*.heapprofile
+*.heapsnapshot
+.vscode

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "common"]
+	path = common
+	url = git@unknown.name:DebaucheryLibrarian/traxxx-common.git

.nvmrc

@@ -1 +1 @@
-12.13.0
+21.2.0

README.md

@@ -2,115 +2,195 @@
 **NSFW** - The latest releases from your favorite porn studios in one place.
 
 ## Install & run
-Use [nvm](https://github.com/creationix/nvm) to install a recent version of NodeJS. Download and unpack or clone this repository, and run the following in the root directory:
+Use [nvm](https://github.com/creationix/nvm) to install NodeJS v16.8.0 or newer. Download and unpack or clone this repository, and run the following in the root directory:
 
 `npm install`
 
 ### Set up database
-Install PostgreSQL, make sure password authentication is enabled (scram-sha-256) and create a database with a privileged user.
+Install PostgreSQL, make sure password authentication is enabled (scram-sha-256). Create a database with a fully privileged user.
 
-For optimal search engine performance, copy `traxxx.stop` to your PostgresQL text search directory, usually `/usr/share/postgresql/tsearch_data/ or `/usr/local/share/postgresql/tsearch_data/`.
+### Configuration
+Do not modify `config/default.js`, but instead create a copy at `config/local.js` containing the properties you wish to change. If you have set `NODE_ENV`, copy `assets/js/config/default.js` to `assets/js/config/[environment].js`. After setting up PostgreSQL and configuring the details, run the following commands to create and populate the tables, and build the project:
 
 `npm run migrate`
 
 `npm run seed`
 
-`npm start`
+You can also use `npm run flush` to run both steps at once, and wipe the database completely later.
 
-### Configuration
-Do not modify `config/default.js`, but instead create a copy at `config/local.js` containing the properties you wish to change. If you have set `NODE_ENV`, copy `assets/js/config/default.js` to `assets/js/config/[environment].js`.
+#### Networks and channels
+To scrape the networks and channels available in the database, you can configure `include` and `exclude` lists. To include all available channels and only use the `exclude` list, leave the `include` parameter unconfigured. The `exclude` lists will exclude channels and child networks from networks on the `include` lists, but not vice versa. That is, if the `include` list includes a network and the `exclude` list excludes one of that network's channels, the channel will not be scraped. However, if the `include` list includes a channel, and the `exclude` list includes its parent network, the channel will be scraped.
 
-### Options
-`npm start -- --option value`
+This configuration will scrape Evil Angel and all XEmpire channels, except for LesbianX.
+```
+include: {
+	networks: [
+		'xempire',
+	],
+	channels: [
+		'evilangel',
+	],
+},
+exclude: {
+	channels: [
+		'lesbianx',
+	],
+}
+```
+
+This configuration will scrape all channels, except for BAM Visions, and except all channels part of the Vixen network.
+```
+exclude: {
+	channels: [
+		'bamvisions',
+	],
+	networks: [
+		'vixen'
+	],
+},
+```
+
+### Building
+To build traxxx, run the following command:
+
+`npm run build`
+
+To generate thumbnails for new logos and tag photos, install ImageMagick and run:
+
+`npm run logos-thumbs`
+
+`npm run tags-thumbs`
+
+### Run
+`./traxxx --option value` or `npm start -- --option value`
 
 * `--server`: Run the web server
-* `--fetch`: Fetch updates instead of running the webserver. Without further arguments, it will use the networks and sites defined in the configuration file.
-* `--site [site ID]`: Fetch updates from a specific site. The site ID is typically the site name in lowercase and without cases or special characters. For example, Teens Like It Big is teenslikeitbig.
-* `--network [network ID]`: Fetch updates from all sites of a specific network. The network ID is composed similarly to the site ID.
-* `--after "[time]"`: Do not fetch scenes older than this. Example values are: `"1 month"`, `"2 weeks"`, `"3 years"`.
-* `--scene [URL]`: Try to retrieve scene details from its official site or network URL.
-* `--deep`: Follow each release link found running `--site` or `--network` and scrape it for more details. Enabled by default at the moment of writing; use `--no-deep` to only save information found on the overview pages.
-* `--copy`: Try to copy relevant results to the clipboard. When used with `--scene`, it will copy the filename as defined in the config with all the details filled in.
 
-## Developers
+#### Channels
+* `--channels [slug] [slug]`: Fetch updates from specific channels. The slug is the channel's name in lowercase and without cases or special characters. For example, Teens Like It Big is teenslikeitbig. Overrides configured included networks and channels.
+* `--networks [slug] [slug]`: Fetch updates from all sites of a specific network. The network slug is composed similarly to the channel slug. Overrides configured included networks and channels.
+* `--exclude-channels [slug] [slug]`: Scrape every configured, specified or available channel, except for specified. Overrides configured excluded channels.
+* `--exclude-networks [slug] [slug]`: Scrape every configured, specified or available network, except for specified. Overrides configured excluded networks.
+* `--after "[time]"`: Do not fetch scenes older than this period or date. Example values are: `"1 month"`, `"3 years"`, `"2019-01-01"`.
+* `--scene [URL]`: Try to retrieve scene details from its official channel or network URL.
+* `--deep`: Follow each release link found running `--channel` or `--network` and scrape it for more details. Enabled by default ; use `--no-deep` to only save information found on the overview pages.
 
-### Options
+#### Actors
+* `--actors "[name]" "[name]"`: Fetch actor profiles. When no names are specified, actors without existing profiles are scraped
+* `--actors-file [filepath]`: Fetch all scenes for the actors specified in a file using a newline delimiter.
+* `--actors-sources [slug] [slug]`: Scrapers to use for actor profiles. Defaults to config.
+* `--actors-update [time]`: Update actors that don't have any profiles newer than period ("1 month") or date (2020-08-01). Using this argument without a value will default to 1900-01-01, practically updating all actors.
+* `--actors-scenes`: Fetch all scenes for scraped actors. Use with caution, as an actor may have many scenes.
+* `--scene-actors`: Fetch profiles for actors associated with scraped scenes. Use with caution, as scenes may have many actors, each with many profiles.
+
+#### Developers
 * `--no-save`: Do not store retrieved information in local database, forcing re-fetch.
-* `--debug`: Show full error stack trace.
+* `--level`: Change log level to `silly`, `verbose`, `info`, `warn` or `error`.
+* `--delete-scenes`: Delete scenes and assets by ID.
+* `--delete-movies`: Delete movies and assets by ID.
+* `--flush-network`: Delete all scenes and movies with assets from all network channels
+* `--flush-channel`: Delete all scenes and movies with assets from a channel
+* `--flush-batch`: Delete all scenes and movies with assets from a batch ID
+* `--flush-media`: Delete temporary media directory and all unassociated media entries and files
 
-### Generating thumbnails
-Ensure each tag or sfw category directory has a `thumbs` and `lazy` directory: `for dir in \*; do mkdir "$dir/thumbs $dir/lazy"; done`
+### API
+A GraphQL API is available at `/graphql`, and a REST API is available at the following `GET` endpoints:
 
-Using ImageMagick's bulk tool `mogrify` to generate 240px thumbnails and 90px lazy pre-loading images:
-
-* Generate thumbnails within tag or sfw directory: `mogrify -path lazy -resize x240 -quality 90% \*.jpeg`
-* Generate lazy loading images within tag or sfw directory: `mogrify -path lazy -resize x90 -quality 90% \*.jpeg`
-
-* Generate thumbnails for all tags or categories in `tags` or `sfw` directory: `for dir in \*; do mogrify -path "$dir/thumbs" -resize x240 -quality 90% "$dir/\*.jpeg"; done`
-* Generate lazy loading images for all tags categories in `tags` or `sfw` directory: `for dir in \*; do mogrify -path "$dir/lazy" -resize x90 -quality 90% "$dir/\*.jpeg"; done`
+* `/api/scenes`: Fetch the latest releases. Supports search with `query` or `q` parameter;
+* `/api/scenes/{ID}`: Fetch scene by ID.
+* `/api/actors`: Fetch actors. Search `query` or `q` parameter required.
+* `/api/actors/{ID|slug}`: Fetch detailed actor by ID or slug.
+* `/api/entities`: Fetch networks and channels. Use the `type` parameter to filter for either `channel`s or `network`s.
+* `/api/entities/{ID|slug}`: Fetch detailed network or channel by ID. To fetch by slug, the `type` parameter must specify either `channel` or `network`.
+* `/api/channels`: Fetch channel entities. Supports the `q` or `query` parameter for searching.
+* `/api/channels/{ID|slug}`: Fetch detailed channel by ID or slug.
+* `/api/networks`: Fetch networks. Supports a `q` or `query` parameter for searching.
+* `/api/networks/{ID|slug}`: Fetch detailed network by ID or slug.
+* `/api/tags`: Fetch tags.
+* `/api/tags/{ID|slug|name}`: Fetch detailed tag by ID, slug or name.
 
 ## Supported networks & sites
-768 sites on 62 networks, continuously expanding!
+1121 channels on 83 networks, continuously expanding!
 
 * 21Naturals
 * 21Sextreme
 * 21Sextury
 * Adult Time
 * Amateur Allure
+* Amateur Euro
+* American Pornstar
 * Assylum
-* Aziani
+* Aziani (Gangbang Creampies)
 * Babes
-* BAM Visions
 * Bang!
 * Bang Bros
 * Blowpass
 * Brazzers
 * Burning Angel
 * Cherry Pimps
-* DDF Network
+* CzechAV
+* DDF Network / Porn World
 * Digital Playground
 * Dogfart Network
+* Dorcel
+* Elegant Angel
 * Evil Angel
 * Fake Hub
 * Fame Digital
 * Fantasy Massage
-* Full Porn Network
-* Gamma Entertainment
+* FCUK (Exploited College Girls)
+* First Anal Quest
+* ForBondage
+* Full Porn Network (Analized, James Deen)
+* Gaywire
 * Girlsway
-* Hush
+* Hitzefrei
+* Hookup Hotshot
 * Hush Pass
 * Hussie Pass
+* In The Crack
 * Insex
 * Interracial Pass
 * JayRock Productions
 * Jesse Loads Monster Facials
 * Jules Jordan
-* Kelly Madison Media
+* Karups
+* Kelly Madison Media (Teen Fidelity)
+* Killergram
 * Kink
 * LegalPorno
+* LetsDoeIt
+* Little Caprice Dreams
+* Mamacitaz
 * Men
 * Metro HD
 * Mike Adriano
 * Mile High Media
-* Mind Geek
 * MOFOS
 * Naughty America
 * New Sensations
 * Nubiles
+* Pascal's Sub Sluts
 * Perfect Gonzo
 * Perv City
 * Pimp.XXX
+* Pinky XXX
 * Porn Pros
+* PornCZ
 * Private
 * Pure Taboo
 * Reality Kings
 * SCORE
 * Sexy Hub
 * Team Skeet
+* Teen Core Club
+* TransBella
 * Twistys
+* VIP Sex Vault
 * Vivid
 * Vixen
 * VogoV
-* Whale Member
+* Whale Member (Holed, POVD)
 * Wicked
 * XEmpire
+* ZTOD

assets/20240125011700_manticore.js

@@ -0,0 +1,138 @@
+const config = require('config');
+const manticore = require('manticoresearch');
+
+const mantiClient = new manticore.ApiClient();
+
+mantiClient.basePath = `http://${config.database.manticore.host}:${config.database.manticore.httpPort}`;
+
+const utilsApi = new manticore.UtilsApi(mantiClient);
+
+const scenesFields = `
+	 id int,
+	 title text,
+	 title_filtered text,
+	 shoot_id text,
+	 channel_id int,
+	 channel_name text,
+	 channel_slug text,
+	 network_id int,
+	 network_name text,
+	 network_slug text,
+	 studio_id int,
+	 studio_name text,
+	 studio_slug text,
+	 entity_ids multi,
+	 actor_ids multi,
+	 actors text,
+	 tag_ids multi,
+	 tags text,
+	 movie_ids multi,
+	 movies text,
+	 serie_ids multi,
+	 series text,
+	 meta text,
+	 date timestamp,
+	 is_showcased bool,
+	 created_at timestamp,
+	 effective_date timestamp,
+	 stashed int,
+	 dupe_index int
+`;
+
+const moviesFields = `
+	 id int,
+	 title text,
+	 title_filtered text,
+	 channel_id int,
+	 channel_name text,
+	 channel_slug text,
+	 network_id int,
+	 network_name text,
+	 network_slug text,
+	 entity_ids multi,
+	 actor_ids multi,
+	 actors text,
+	 tag_ids multi,
+	 tags text,
+	 meta text,
+	 date timestamp,
+	 has_cover bool,
+	 created_at timestamp,
+	 effective_date timestamp,
+	 stashed int,
+	 stashed_scenes int,
+	 stashed_total int,
+	 dupe_index int
+`;
+
+const actorsFields = `
+	 id int,
+	 name text,
+	 slug string,
+	 gender string,
+	 date_of_birth timestamp,
+	 country string,
+	 has_avatar bool,
+	 mass int,
+	 height int,
+	 cup string,
+	 natural_boobs int,
+	 penis_length int,
+	 penis_girth int,
+	 stashed int,
+	 scenes int
+`;
+
+exports.up = async () => {
+	try {
+		await utilsApi.sql(`create table if not exists scenes (${scenesFields})`);
+
+		await utilsApi.sql(`create table if not exists scenes_stashed (
+			scene_id int,
+			stash_id int,
+			user_id int,
+			created_at timestamp
+		)`);
+
+		await utilsApi.sql(`create table if not exists movies (${moviesFields})`);
+
+		await utilsApi.sql(`create table if not exists movies_stashed (
+			movie_id int,
+			stash_id int,
+			user_id int,
+			created_at timestamp
+		)`);
+
+		await utilsApi.sql(`create table if not exists actors (${actorsFields}) min_prefix_len='3'`);
+
+		await utilsApi.sql(`create table if not exists actors_stashed (
+			actor_id int,
+			stash_id int,
+			user_id int,
+			created_at timestamp
+		)`);
+
+		/*
+		await knex.schema.alterTable('stashes_scenes', (table) => table.increments('id'));
+		await knex.schema.alterTable('stashes_movies', (table) => table.increments('id'));
+		await knex.schema.alterTable('stashes_actors', (table) => table.increments('id'));
+		await knex.schema.alterTable('stashes_series', (table) => table.increments('id'));
+		*/
+	} catch (error) {
+		console.log(error);
+	}
+};
+
+exports.down = async (knex) => {
+	await utilsApi.sql('drop table if exists scenes');
+	await utilsApi.sql('drop table if exists scenes_stashed');
+	await utilsApi.sql('drop table if exists movies');
+	await utilsApi.sql('drop table if exists movies_stashed');
+	await utilsApi.sql('drop table if exists actors');
+	await utilsApi.sql('drop table if exists actors_stashed');
+
+	await knex.schema.alterTable('stashes_scenes', (table) => table.dropColumn('id'));
+	await knex.schema.alterTable('stashes_movies', (table) => table.dropColumn('id'));
+	await knex.schema.alterTable('stashes_actors', (table) => table.dropColumn('id'));
+	await knex.schema.alterTable('stashes_series', (table) => table.dropColumn('id'));
+};

assets/components/actors/actor.vue

@@ -1,714 +0,0 @@
-<template>
-	<div
-		v-if="actor"
-		class="content actor"
-	>
-		<FilterBar :fetch-releases="fetchActor" />
-
-		<div class="actor-header">
-			<h2 class="header-name">
-				<span v-if="actor.network">{{ actor.name }} ({{ actor.network.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>{{ actor.aliases.join(', ') }}</span>
-			</li>
-
-			<Social
-				v-if="actor.social && actor.social.length > 0"
-				:actor="actor"
-				class="header-social"
-			/>
-		</div>
-
-		<div class="actor-inner">
-			<div
-				class="profile"
-				:class="{ expanded, 'with-avatar': !!actor.avatar }"
-			>
-				<a
-					v-if="actor.avatar"
-					:href="`/media/${actor.avatar.path}`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="avatar-link"
-				>
-					<img
-						:src="sfw ? `/img/${actor.avatar.sfw.thumbnail}` : `/media/${actor.avatar.thumbnail}`"
-						:title="actor.avatar.copyright && `© ${actor.avatar.copyright}`"
-						class="avatar"
-					>
-				</a>
-
-				<span
-					v-show="expanded"
-					class="expand collapse-header noselect"
-					@click="expanded = false"
-				><Icon icon="arrow-up3" /></span>
-
-				<ul class="bio nolist">
-					<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.age }}</span></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.origin"
-						class="bio-item birth"
-					>
-						<dfn class="bio-label"><Icon icon="home2" />Born in</dfn>
-
-						<span>
-							<span
-								v-if="actor.origin.city"
-								class="city hideable"
-							>{{ actor.origin.city }}</span><span
-								v-if="actor.origin.state && (!actor.origin.city || (actor.origin.country && actor.origin.country.alpha2 === 'US'))"
-								class="state hideable"
-							>{{ 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"
-					>
-						<dfn class="bio-label"><Icon icon="location" />Lives in</dfn>
-
-						<span>
-							<span
-								v-if="actor.residence.city"
-								class="city hideable"
-							>{{ actor.residence.city }}</span><span
-								v-if="actor.residence.state && actor.residence.country && actor.residence.country.alpha2 === 'US'"
-								class="state hideable"
-							>{{ 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.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.hair"
-						class="bio-item hair hideable"
-					>
-						<dfn class="bio-label"><Icon icon="haircut" />Hair</dfn>
-						<span>{{ actor.hair }}</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>
-
-				<span
-					v-show="!expanded"
-					class="expand expand-header collapse-header noselect"
-					@click="expanded = true"
-				><Icon icon="arrow-down3" /></span>
-
-				<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.network.id}`"
-							class="description"
-						>
-							{{ description.text }}
-							<router-link :to="{ name: 'network', params: { networkSlug: description.network.slug } }">
-								<img
-									v-if="description.site"
-									:src="`/img/logos/${description.network.slug}/thumbs/${description.site.slug}.png`"
-									class="description-logo"
-								>
-
-								<img
-									v-else
-									:src="`/img/logos/${description.network.slug}/thumbs/network.png`"
-									class="description-logo"
-								>
-							</router-link>
-						</p>
-					</div>
-				</div>
-
-				<Social
-					v-if="actor.social && actor.social.length > 0"
-					:actor="actor"
-					class="profile-social"
-				/>
-
-				<span
-					v-show="expanded"
-					class="expand expand-header collapse-header noselect"
-					@click="expanded = false"
-				><Icon icon="arrow-up3" /></span>
-			</div>
-
-			<div class="actor-content">
-				<Photos
-					v-if="actor.avatar || (actor.photos && actor.photos.length > 0)"
-					:actor="actor"
-				/>
-
-				<Releases :releases="actor.releases" />
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Photos from './photos.vue';
-import FilterBar from '../header/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-import Gender from './gender.vue';
-import Social from './social.vue';
-
-async function fetchActor() {
-	this.actor = await this.$store.dispatch('fetchActorBySlug', {
-		actorSlug: this.$route.params.actorSlug,
-		range: this.$route.params.range,
-	});
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-async function route() {
-	await this.fetchActor();
-}
-
-async function mounted() {
-	await this.fetchActor();
-
-	if (this.actor) {
-		this.pageTitle = this.actor.name;
-	}
-}
-
-export default {
-	components: {
-		FilterBar,
-		Photos,
-		Releases,
-		Gender,
-		Social,
-	},
-	data() {
-		return {
-			actor: null,
-			releases: null,
-			pageTitle: null,
-			expanded: false,
-		};
-	},
-	computed: {
-		sfw,
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchActor,
-	},
-};
-</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: $highlight-extreme;
-    background: $profile;
-    padding: .75rem 1rem;
-}
-
-.header-name {
-    padding: 0;
-    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, .1rem);
-}
-
-.header-social {
-    overflow: hidden;
-    white-space: nowrap;
-    margin: 0 1rem 0 0;
-}
-
-.actor-inner {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    overflow-x: auto;
-}
-
-.profile {
-    background: $profile;
-    color: $highlight-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 $highlight-hint;
-    }
-}
-
-.bio-label,
-.bio-value {
-	display: flex;
-	align-items: center;
-}
-
-.bio-label {
-    color: $highlight;
-    margin: 0 1rem 0 0;
-    flex-shrink: 0;
-    font-style: normal;
-    font-weight: 400;
-
-    .icon {
-        fill: $highlight;
-        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 $highlight-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 {
-    padding: 0 0 0 .5rem;
-    border-left: solid 1px $highlight-weak;
-    margin: 0 0 0 .5rem;
-}
-
-.enhanced.icon {
-    fill: $primary;
-    padding: 0 .5rem;
-	transform: scaleX(-1);
-}
-
-.ethnicity,
-.hair,
-.eyes {
-    text-transform: capitalize;
-}
-
-.scraped {
-    color: $highlight-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;
-}
-
-.heading {
-    padding: 0;
-    margin: 0 0 1rem 0;
-}
-
-.photos.compact {
-    display: none;
-}
-
-.releases {
-    flex-grow: 1;
-    padding: 1rem;
-}
-
-.profile-social {
-    display: none;
-}
-
-.expand,
-.collapse-header {
-    display: none;
-}
-
-@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;
-        padding: 0 0 .5rem 0;
-
-        &.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;
-    }
-
-    .expand,
-    .expand-header {
-        display: flex;
-    }
-
-	/*
-    .expanded .descriptions-container {
-        display: block;
-        max-width: 100%;
-        max-height: 30rem;
-        margin: 0;
-        padding: 0 1rem;
-    }
-	*/
-
-    .expanded {
-        .collapse-header {
-            display: block;
-        }
-
-        .bio-value {
-            white-space: normal;
-        }
-    }
-}
-
-@media(max-width: $breakpoint0) {
-    .header-social {
-        display: none;
-    }
-
-    .expanded .profile-social {
-        display: block;
-        margin: 1rem 0 0 0;
-    }
-
-    .header-name {
-        flex-grow: 1;
-    }
-}
-</style>

assets/components/actors/actors.vue

@@ -1,260 +0,0 @@
-<template>
-	<div class="actors">
-		<nav class="filter">
-			<ul class="genders nolist">
-				<li class="gender">
-					<router-link
-						:to="{ name: 'actors', params: { gender: 'female', letter } }"
-						: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', letter } }"
-						:class="{ selected: gender === 'male' }"
-						class="gender-link male"
-					><Gender gender="male" /></router-link>
-				</li>
-				<li class="gender">
-					<router-link
-						:to="{ name: 'actors', params: { gender: 'trans', letter } }"
-						:class="{ selected: gender === 'trans' }"
-						class="gender-link transsexual"
-					><Gender gender="transsexual" /></router-link>
-				</li>
-				<li class="gender">
-					<router-link
-						:to="{ name: 'actors', params: { gender: 'other', letter } }"
-						:class="{ selected: gender === 'other' }"
-						class="gender-link other"
-					><Icon icon="question5" /></router-link>
-				</li>
-			</ul>
-
-			<ul class="letters nolist">
-				<li
-					v-for="letterX in letters"
-					:key="letterX"
-					class="letter"
-				>
-					<router-link
-						:to="{ name: 'actors', params: { gender, letter: letterX } }"
-						:class="{ selected: letterX === letter }"
-						class="letter-link"
-					>{{ letterX || 'All' }}</router-link>
-				</li>
-			</ul>
-		</nav>
-
-		<Pagination
-			:items-total="totalCount"
-			:items-per-page="limit"
-		/>
-
-		<div
-			v-lazy-container="{ selector: '.lazy' }"
-			class="tiles"
-		>
-			<Actor
-				v-for="actor in actors"
-				:key="`actor-${actor.id}`"
-				:actor="actor"
-			/>
-		</div>
-
-		<Pagination
-			:items-total="totalCount"
-			:items-per-page="limit"
-			class="pagination-top"
-		/>
-	</div>
-</template>
-
-<script>
-import Actor from '../tile/actor.vue';
-import Gender from './gender.vue';
-import Pagination from '../pagination/pagination.vue';
-
-async function fetchActors() {
-	const curatedGender = this.gender.replace('trans', 'transsexual');
-
-	const { actors, totalCount } = await this.$store.dispatch('fetchActors', {
-		limit: this.limit,
-		pageNumber: Number(this.$route.params.pageNumber) || 1,
-		letter: this.letter.replace('all', ''),
-		gender: curatedGender === 'other' ? null : curatedGender,
-	});
-
-	this.actors = actors;
-	this.totalCount = totalCount;
-}
-
-function letter() {
-	return this.$route.params.letter || 'all';
-}
-
-function gender() {
-	return this.$route.params.gender || 'female';
-}
-
-async function route() {
-	await this.fetchActors();
-}
-
-async function mounted() {
-	this.pageTitle = 'Actors';
-
-	await this.fetchActors();
-}
-
-export default {
-	components: {
-		Actor,
-		Gender,
-		Pagination,
-	},
-	data() {
-		return {
-			actors: [],
-			pageTitle: null,
-			totalCount: 0,
-			limit: 30,
-			letters: ['all'].concat(Array.from({ length: 26 }, (value, index) => String.fromCharCode(index + 97).toUpperCase())),
-		};
-	},
-	computed: {
-		letter,
-		gender,
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchActors,
-	},
-};
-</script>
-
-<style lang="scss">
-@import 'theme';
-
-.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 'theme';
-
-.actors {
-    display: flex;
-    flex-direction: column;
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-    grid-gap: 0 .5rem;
-    padding: 1rem;
-    flex-grow: 1;
-}
-
-.filter {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0 1rem;
-    margin: 1rem 0;
-}
-
-.genders {
-    display: flex;
-    flex-shrink: 0;
-    padding: 0 .5rem 0 0;
-    border-right: solid 1px var(--shadow-hint);
-    margin: 0 1rem 0 0;
-}
-
-.letter,
-.gender {
-    display: inline-block;
-}
-
-.letter-link,
-.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);
-        }
-    }
-}
-
-@media(max-width: $breakpoint0) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-
-    .genders {
-        flex-direction: column;
-    }
-}
-</style>

assets/components/actors/gender.vue

@@ -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: $female;
-        filter: drop-shadow(0 0 1px $shadow);
-    }
-
-    &.male .icon {
-        fill: $male;
-        filter: drop-shadow(0 0 1px $shadow);
-    }
-
-    &.transsexual .icon {
-        fill: $text-contrast;
-        filter: drop-shadow(1px 0 0 $female) drop-shadow(-1px 0 0 $female) drop-shadow(0 1px 0 $female) drop-shadow(0 -1px 0 $female)
-            drop-shadow(1px 0 0 $male) drop-shadow(-1px 0 0 $male) drop-shadow(0 1px 0 $male) drop-shadow(0 -1px 0 $male)
-            drop-shadow(0 0 1px $shadow)
-    }
-}
-</style>

assets/components/actors/photos.vue

@@ -1,110 +0,0 @@
-<template>
-	<div
-		v-lazy-container
-		class="photos"
-		:class="{
-			avatar: !!actor.avatar,
-			empty: actor.photos.length === 0,
-			wide: actor.photos.length > 2
-		}"
-	>
-		<a
-			v-if="actor.avatar"
-			:href="`/media/${actor.avatar.path}`"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="avatar-link photo-link"
-		>
-			<img
-				:data-src="sfw ? `/img/${actor.avatar.sfw.thumbnail}` : `/media/${actor.avatar.thumbnail}`"
-				:data-loading="sfw ? `/img/${actor.avatar.sfw.lazy}` : `/media/${actor.avatar.lazy}`"
-				:title="actor.avatar.copyright && `© ${actor.avatar.copyright}`"
-				class="avatar photo"
-			>
-		</a>
-
-		<a
-			v-for="photo in actor.photos"
-			:key="`photo-${photo.id}`"
-			:href="`/media/${photo.path}`"
-			target="_blank"
-			rel="noopener noreferrer"
-			class="photo-link"
-		>
-			<img
-				:data-src="sfw ? `/img/${photo.sfw.thumbnail}` : `/media/${photo.thumbnail}`"
-				:data-loading="sfw ? `/img/${photo.sfw.lazy}` : `/media/${photo.lazy}`"
-				:title="photo.copyright && `© ${photo.copyright}`"
-				class="photo"
-			>
-		</a>
-	</div>
-</template>
-
-<script>
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-	},
-	computed: {
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.photos {
-	width: 100%;
-    display: flex;
-	box-sizing: border-box;
-	padding: 1rem;
-	border-bottom: solid 1px var(--darken-hint);
-    font-size: 0;
-	overflow-x: scroll;
-	scrollbar-width: none;
-
-	&.empty {
-		display: none;
-	}
-
-    .avatar-link {
-        display: none;
-    }
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
-}
-
-.photo-link {
-	height: 16rem;
-	flex-shrink: 0;
-	margin: 0 .5rem 0 0;
-}
-
-.photo {
-    height: 100%;
-    box-shadow: 0 0 3px $shadow-weak;
-}
-
-@media(max-width: $breakpoint3) {
-	.photos {
-		&.empty.avatar {
-			display: flex;
-		}
-
-		.avatar-link {
-			display: inline-block;
-		}
-    }
-}
-</style>

assets/components/actors/social.vue

@@ -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: $highlight;
-        fill: $highlight;
-        width: 1.5rem;
-        height: 1.5rem;
-    }
-
-    &:hover .icon {
-        fill: $primary;
-    }
-}
-</style>

assets/components/container/container.vue

@@ -1,90 +0,0 @@
-<template>
-    <div
-        class="container"
-        :class="theme"
-    >
-        <Sidebar
-            v-if="showSidebar"
-            :toggle-sidebar="toggleSidebar"
-        />
-
-        <Header :toggle-sidebar="toggleSidebar" />
-
-        <div class="content">
-            <!-- key forces rerender when new and old path use same component -->
-            <router-view />
-        </div>
-    </div>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-import EventBus from '../../js/event-bus';
-
-import Header from '../header/header.vue';
-import Sidebar from '../sidebar/sidebar.vue';
-
-function theme(state) {
-    return state.ui.theme;
-}
-
-function toggleSidebar(state) {
-    this.showSidebar = typeof state === 'boolean' ? state : !this.showSidebar;
-}
-
-function mounted() {
-    document.addEventListener('click', () => {
-        EventBus.$emit('blur');
-        this.showSidebar = false;
-    });
-}
-
-export default {
-    components: {
-        Header,
-        Sidebar,
-    },
-    data() {
-        return {
-            showSidebar: false,
-        };
-    },
-    computed: {
-        ...mapState({
-            theme,
-        }),
-    },
-    mounted,
-    methods: {
-        toggleSidebar,
-    },
-};
-</script>
-
-<style lang="scss">
-@import 'theme';
-
-.container {
-    position: relative;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    background: var(--background-dim);
-    color: var(--text);
-}
-
-.content {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    overflow-y: auto;
-}
-
-.content-inner {
-    flex-grow: 1;
-    padding: 1rem;
-    overflow-y: auto;
-}
-</style>

assets/components/errors/404.vue

@@ -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: $background;
-    color: $primary;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    font-size: 2rem;
-}
-
-.error {
-    margin: 0;
-}
-
-.home {
-    color: $shadow;
-    margin: 3rem 0;
-}
-</style>

assets/components/header/filter-bar.vue

@@ -1,190 +0,0 @@
-<template>
-    <div class="filter-bar noselect">
-        <span class="sort">
-            <router-link
-                :to="{ name: isHome ? 'latest' : $route.name, params: { ...$route.params, range: 'latest' } }"
-                :class="{ active: $route.name === 'latest' || range === 'latest' }"
-                class="range range-button"
-            >Latest</router-link>
-
-            <router-link
-                :to="{ name: isHome ? 'upcoming' : $route.name, params: { ...$route.params, range: 'upcoming' } }"
-                :class="{ active: $route.name === 'upcoming' || range === 'upcoming' }"
-                class="range-button"
-            >Upcoming</router-link>
-
-            <router-link
-                :to="{ name: isHome ? 'new' : $route.name, params: { ...$route.params, range: 'new' } }"
-                :class="{ active: $route.name === 'new' || range === 'new' }"
-                class="range-button"
-            >New</router-link>
-
-            <!--
-            <router-link
-                :to="{ name: $route.name, params: { ...$route.params, range: 'all' } }"
-                :class="{ active: range === 'all' }"
-                class="range-button"
-            >All</router-link>
-            -->
-        </span>
-
-        <span>
-            <span class="filters-container">
-                <Icon icon="filter" />
-
-                <Filters
-                    class="filters-block"
-                    :filter="filter"
-                    @set-filter="setFilter"
-                />
-            </span>
-
-            <v-popover class="filters-compact">
-                <Icon icon="filter" />
-
-                <div slot="popover">
-                    <Filters
-                        :compact="true"
-                        :filter="filter"
-                        @set-filter="setFilter"
-                    />
-                </div>
-            </v-popover>
-        </span>
-    </div>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-import Filters from './filters.vue';
-
-function filter(state) {
-    return state.ui.filter;
-}
-
-function range() {
-    return this.$route.params.range;
-}
-
-function batch(state) {
-    return state.ui.batch;
-}
-
-async function setFilter(newFilter) {
-    this.$store.dispatch('setFilter', newFilter);
-
-    await this.fetchReleases();
-}
-
-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: {
-        Filters,
-    },
-    props: {
-        fetchReleases: {
-            type: Function,
-            default: null,
-        },
-        isHome: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    computed: {
-        ...mapState({
-            filter,
-            range,
-            batch,
-        }),
-    },
-    methods: {
-        setFilter,
-        setRange,
-        setBatch,
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.filter-bar {
-    background: var(--background);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: .5rem 1rem;
-    border-top: solid 1px var(--shadow-hint);
-    z-index: 1;
-    font-size: 0;
-    box-shadow: 0 0 3px var(--darken);
-
-    .icon {
-        margin: 0 .5rem 0 0;
-        fill: var(--shadow);
-    }
-}
-
-.sort {
-    display: flex;
-    align-items: center;
-}
-
-.filters-container {
-    display: inline-block;
-}
-
-.filters-block {
-    display: inline-block;
-}
-
-.filters-compact {
-    font-size: 1rem;
-    font-weight: bold;
-    display: none;
-    margin: 0 0 0 .5rem;
-}
-
-.range-button {
-    color: var(--shadow);
-    background: var(--background);
-    display: inline-block;
-    padding: .5rem 1rem;
-    border: none;
-    box-shadow: 0 0 2px var(--shadow-weak);
-    font-size: .8rem;
-    font-weight: bold;
-    text-decoration: none;
-
-    &:hover:not(.active) {
-        color: var(--shadow-strong);
-        cursor: pointer;
-    }
-
-    &.active {
-        color: var(--primary);
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .filters-container {
-        display: none;
-    }
-
-    .filters-compact {
-        display: inline-block;
-    }
-}
-</style>

assets/components/header/filters.vue

@@ -1,141 +0,0 @@
-<template>
-    <div :class="{ compact }">
-        <ul class="filters">
-            <li class="filter">
-                <label
-                    class="toggle"
-                    :class="{ active: !localFilter.includes('lesbian') }"
-                >
-                    <input
-                        v-model="localFilter"
-                        value="lesbian"
-                        type="checkbox"
-                        class="check"
-                        @change="$emit('set-filter', localFilter)"
-                    >lesbian
-                </label>
-            </li>
-
-            <li class="filter">
-                <label
-                    class="toggle"
-                    :class="{ active: !localFilter.includes('gay') }"
-                >
-                    <input
-                        v-model="localFilter"
-                        value="gay"
-                        type="checkbox"
-                        class="check"
-                        @change="$emit('set-filter', localFilter)"
-                    >gay
-                </label>
-            </li>
-
-            <li class="filter">
-                <label
-                    class="toggle"
-                    :class="{ active: !localFilter.includes('transsexual') }"
-                >
-                    <input
-                        v-model="localFilter"
-                        value="transsexual"
-                        type="checkbox"
-                        class="check"
-                        @change="$emit('set-filter', localFilter)"
-                    >trans
-                </label>
-            </li>
-        </ul>
-
-        <ul class="filters">
-            <li class="filter">
-                <label
-                    class="toggle"
-                    :class="{ active: !localFilter.includes('anal') }"
-                >
-                    <input
-                        v-model="localFilter"
-                        value="anal"
-                        type="checkbox"
-                        class="check"
-                        @change="$emit('set-filter', localFilter)"
-                    >anal
-                </label>
-            </li>
-        </ul>
-    </div>
-</template>
-
-<script>
-export default {
-    props: {
-        filter: {
-            type: Array,
-            default: () => [],
-        },
-        compact: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    data() {
-        return {
-            localFilter: this.filter,
-        };
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.filters {
-    display: inline-block;
-    list-style: none;
-    padding: .5rem;
-    margin: 0;
-
-    &:not(:last-child) {
-        border-right: solid 1px var(--shadow-hint);
-    }
-}
-
-.filter {
-    display: inline-block;
-}
-
-.compact {
-    .filters {
-        padding: 0;
-        border: none;
-    }
-
-    .filter {
-        margin: 0 0 1.5rem 0;
-    }
-}
-
-.toggle {
-    color: var(--shadow-weak);
-    box-sizing: border-box;
-    padding: .5rem;
-    margin: 0 .25rem;
-    border: solid 1px transparent;
-    font-size: .9rem;
-    font-weight: bold;
-    cursor: pointer;
-
-    .check {
-        display: none;
-    }
-
-    &:hover {
-        color: var(--shadow);
-    }
-
-    &.active {
-        color: var(--primary);
-        box-shadow: 0 0 2px var(--shadow-weak);
-    }
-}
-</style>

assets/components/header/header.vue

@@ -1,348 +0,0 @@
-<template>
-	<header class="header">
-		<div class="header-nav">
-			<Icon
-				icon="menu"
-				class="sidebar-toggle"
-				@click.native.stop="toggleSidebar"
-			/>
-
-			<router-link
-				to="/"
-				class="logo-link"
-			><h1 class="header-logo">
-				<div
-					class="logo"
-					v-html="logo"
-				/>
-			</h1></router-link>
-
-			<nav class="nav">
-				<ul class="nav-list nolist">
-					<li class="nav-item">
-						<router-link
-							v-slot="{ href, isActive, navigate }"
-							to="/actors"
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Actors</a>
-						</router-link>
-					</li>
-
-					<li class="nav-item">
-						<router-link
-							v-slot="{ href, isActive, navigate }"
-							to="/networks"
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Sites</a>
-						</router-link>
-					</li>
-
-					<li class="nav-item">
-						<router-link
-							v-slot="{ href, isActive, navigate }"
-							to="/tags"
-						>
-							<a
-								class="nav-link"
-								:href="href"
-								:class="{ active: isActive }"
-								@click="navigate"
-							>Tags</a>
-						</router-link>
-					</li>
-				</ul>
-			</nav>
-		</div>
-
-		<div class="header-section">
-			<div class="header-toggles">
-				<Icon
-					v-show="!sfw"
-					v-tooltip="'Hit S to use SFW mode'"
-					icon="flower"
-					class="toggle noselect"
-					@click.native="setSfw(true)"
-				/>
-
-				<Icon
-					v-show="sfw"
-					v-tooltip="'Hit N to use NSFW mode'"
-					icon="flower"
-					class="toggle active noselect"
-					@click.native="setSfw(false)"
-				/>
-
-				<Icon
-					v-show="theme === 'light'"
-					v-tooltip="'Hit D to use dark theme'"
-					icon="moon"
-					class="toggle noselect"
-					@click.native="setTheme('dark')"
-				/>
-
-				<Icon
-					v-show="theme === 'dark'"
-					v-tooltip="'Hit L to use light theme'"
-					icon="sun"
-					class="toggle noselect"
-					@click.native="setTheme('light')"
-				/>
-			</div>
-
-			<Search class="search-full" />
-
-			<v-popover
-				class="search-compact"
-				:open="searching"
-				@show="searching = true"
-				@hide="searching = false"
-			>
-				<button
-					type="button"
-					class="search-button"
-				><Icon
-					icon="search"
-				/></button>
-
-				<Search
-					slot="popover"
-					:searching="searching"
-					class="compact"
-					@search="searching = false"
-				/>
-			</v-popover>
-		</div>
-	</header>
-</template>
-
-<script>
-import { mapState } from 'vuex';
-
-import Search from './search.vue';
-
-import logo from '../../img/logo.svg';
-
-function sfw(state) {
-	return state.ui.sfw;
-}
-
-function theme(state) {
-	return state.ui.theme;
-}
-
-function setTheme(newTheme) {
-	this.$store.dispatch('setTheme', newTheme);
-}
-
-function setSfw(enabled) {
-	this.$store.dispatch('setSfw', enabled);
-}
-
-export default {
-	components: {
-		Search,
-	},
-	props: {
-		toggleSidebar: {
-			type: Function,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			logo,
-			searching: false,
-		};
-	},
-	computed: {
-		...mapState({
-			sfw,
-			theme,
-		}),
-	},
-	methods: {
-		setSfw,
-		setTheme,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.header {
-    height: 3rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: var(--background);
-    color: var(--primary);
-    box-shadow: 0 1px 0 var(--darken-hint);
-    font-size: 0;
-}
-
-.header-nav {
-    display: flex;
-    align-items: center;
-    height: 100%;
-}
-
-.header-section {
-    height: 100%;
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-}
-
-.sidebar-toggle {
-    display: none;
-    fill: var(--shadow-modest);
-    padding: 0 1rem;
-    width: 1.5rem;
-    height: 100%;
-
-    &:hover {
-        fill: var(--primary);
-        cursor: pointer;
-    }
-}
-
-.logo-link {
-    height: 100%;
-    display: inline-block;
-    text-decoration: none;
-    margin: 0 1rem 0 0;
-}
-
-.header-logo {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    padding: 0 0 0 1rem;
-}
-
-.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-toggles {
-    margin: 0 .5rem 0 0;
-
-    .icon {
-        padding: 1rem .75rem;
-        fill: var(--shadow);
-
-        &:hover {
-            fill: var(--shadow-strong);
-            cursor: pointer;
-        }
-
-        &.active {
-            fill: var(--primary);
-        }
-    }
-}
-
-.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: $breakpoint2) {
-    .search-full {
-        display: none;
-    }
-
-    .search-compact {
-        display: flex;
-    }
-
-    .header-toggles {
-        margin: 0;
-    }
-}
-
-@media(max-width: $breakpoint0) {
-    .nav {
-        display: none;
-    }
-
-    .sidebar-toggle {
-        display: inline-block;
-    }
-
-    .header-logo {
-        padding: 0 0 0 .5rem;
-    }
-}
-</style>

assets/components/header/search.vue

@@ -1,148 +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() {
-	this.$router.push({ name: 'search', query: { q: this.query } });
-	this.$emit('search');
-}
-
-function searching(to) {
-	if (to) {
-		setTimeout(() => {
-			// nextTick does not seem to work
-			this.$refs.search.focus();
-		}, 20);
-	}
-}
-
-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,
-		};
-	},
-	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;
-    padding: 0 1rem 0 0;
-    border-left: solid 1px var(--shadow-hint);
-
-    &.compact {
-        padding: 0;
-        border: none;
-
-        .search-input {
-            border: solid 1px var(--shadow-hint);
-        }
-
-        .search-button {
-            padding: 0 .5rem 0 1rem;
-            margin: 0;
-        }
-    }
-}
-
-.search-input {
-    height: 100%;
-    width: 100%;
-    padding: .5rem;
-    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 {
-    height: 100%;
-    padding: 0 1rem;
-    background: none;
-    border: none;
-    margin: .3rem 0 0 0;
-    outline: none;
-
-    .icon {
-        fill: var(--shadow-weak);
-    }
-
-    &:hover {
-        cursor: pointer;
-
-        .icon {
-            fill: var(--shadow);
-        }
-    }
-}
-</style>

assets/components/home/home.vue

@@ -1,76 +0,0 @@
-<template>
-	<div class="content">
-		<FilterBar
-			:fetch-releases="fetchReleases"
-			:is-home="true"
-		/>
-
-		<div class="content-inner">
-			<Pagination
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-top"
-			/>
-
-			<Releases :releases="releases" />
-
-			<Pagination
-				:items-total="totalCount"
-				:items-per-page="limit"
-				class="pagination-bottom"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import FilterBar from '../header/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-import Pagination from '../pagination/pagination.vue';
-
-async function fetchReleases() {
-	const { releases, totalCount } = await this.$store.dispatch('fetchReleases', {
-		limit: this.limit,
-		pageNumber: Number(this.$route.params.pageNumber) || 1,
-		range: this.$route.name,
-	});
-
-	this.totalCount = totalCount;
-	this.releases = releases;
-}
-
-async function route() {
-	await this.fetchReleases();
-}
-
-async function mounted() {
-	this.pageTitle = '';
-
-	await this.fetchReleases();
-}
-
-export default {
-	components: {
-		FilterBar,
-		Releases,
-		Pagination,
-	},
-	data() {
-		return {
-			releases: [],
-			networks: [],
-			pageTitle: null,
-			limit: 15,
-			totalCount: 0,
-			from: null,
-		};
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchReleases,
-	},
-};
-</script>

assets/components/icon/icon.vue

@@ -1,61 +0,0 @@
-<template>
-    <div
-        :title="title"
-        :class="{ active }"
-        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;
-    },
-};
-</script>
-
-<style lang="scss">
-@import '../../css/theme';
-
-.icon {
-    fill: $text;
-    display: inline-block;
-    flex-shrink: 0;
-    width: 1rem;
-    height: 1rem;
-
-    svg {
-        width: 100%;
-        height: 100%;
-    }
-
-    &.active {
-        fill: $shadow;
-
-        &:hover {
-            fill: $text;
-            cursor: pointer;
-        }
-    }
-}
-</style>

assets/components/networks/network.vue

@@ -1,327 +0,0 @@
-<template>
-	<div
-		v-if="network"
-		class="content"
-	>
-		<FilterBar :fetch-releases="fetchNetwork" />
-
-		<div
-			class="network"
-			:class="{ nosites: sites.length === 0 && networks.length === 0 }"
-		>
-			<div
-				v-show="sites.length > 0 || networks.length > 0"
-				class="sidebar"
-				:class="{ expanded }"
-			>
-				<a
-					v-tooltip.bottom="`Go to ${network.url}`"
-					:href="network.url"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="title"
-				>
-					<img
-						:src="`/img/logos/${network.slug}/thumbs/network.png`"
-						class="logo"
-					>
-				</a>
-
-				<p
-					v-if="network.description"
-					class="description"
-				>{{ network.description }}</p>
-
-				<Sites
-					v-if="sites.length"
-					:sites="sites"
-					:class="{ expanded }"
-				/>
-
-				<div
-					v-if="networks.length > 0"
-					class="networks"
-				>
-					<Network
-						v-for="childNetwork in networks"
-						:key="`network-${childNetwork.id}`"
-						:network="childNetwork"
-					/>
-				</div>
-
-				<Network
-					v-if="network.parent"
-					:network="network.parent"
-					class="parent"
-				/>
-			</div>
-
-			<template v-if="sites.length > 0 || networks.length > 0">
-				<span
-					v-show="!expanded"
-					class="expand expand-sidebar noselect"
-					@click="expanded = true"
-				><Icon icon="arrow-right3" /></span>
-
-				<span
-					v-show="expanded"
-					class="expand expand-sidebar noselect"
-					@click="expanded = false"
-				><Icon icon="arrow-left3" /></span>
-			</template>
-
-			<div
-				class="header"
-				:class="{ hideable: sites.length > 0 || networks.length > 0 }"
-			>
-				<a
-					v-tooltip.bottom="`Go to ${network.url}`"
-					:href="network.url"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="title"
-				>
-					<img
-						:src="`/img/logos/${network.slug}/thumbs/network.png`"
-						class="logo"
-					>
-				</a>
-			</div>
-
-			<div class="content-inner">
-				<template v-if="sites.length > 0 || networks.length > 0">
-					<span
-						v-show="expanded"
-						class="expand collapse-header noselect"
-						@click="expanded = false"
-					><Icon icon="arrow-up3" /></span>
-
-					<Sites
-						:sites="sites"
-						:class="{ expanded }"
-						class="compact"
-					/>
-
-					<span
-						v-show="!expanded"
-						class="expand expand-header noselect"
-						@click="expanded = true"
-					><Icon icon="arrow-down3" /></span>
-
-					<span
-						v-show="expanded"
-						class="expand expand-header noselect"
-						@click="expanded = false"
-					><Icon icon="arrow-up3" /></span>
-				</template>
-
-				<Releases :releases="releases" />
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import FilterBar from '../header/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-import Sites from '../sites/sites.vue';
-import Network from '../tile/network.vue';
-
-async function fetchNetwork() {
-	this.network = await this.$store.dispatch('fetchNetworkBySlug', {
-		networkSlug: this.$route.params.networkSlug,
-		range: this.$route.params.range,
-	});
-
-	if (this.network.studios) {
-		this.studios = this.network.studios.map(studio => ({
-			...studio,
-			network: this.network,
-		}));
-	}
-
-	this.networks = this.network.networks;
-	this.sites = this.network.sites
-		.filter(site => !site.independent);
-
-	this.releases = this.network.releases;
-}
-
-async function route() {
-	await this.fetchNetwork();
-}
-
-async function mounted() {
-	await this.fetchNetwork();
-	this.pageTitle = this.network.name;
-}
-
-export default {
-	components: {
-		FilterBar,
-		Releases,
-		Sites,
-		Network,
-	},
-	data() {
-		return {
-			network: null,
-			sites: [],
-			networks: [],
-			studios: [],
-			releases: [],
-			pageTitle: null,
-			expanded: false,
-		};
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchNetwork,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.network {
-    display: flex;
-    flex-direction: row;
-    flex-grow: 1;
-    justify-content: stretch;
-    overflow-y: auto;
-
-    &.nosites {
-        flex-direction: column;
-    }
-}
-
-.content-inner {
-    padding: 0;
-}
-
-.releases {
-    padding: 1rem 1rem 1rem .5rem;
-}
-
-.sidebar {
-    background: $profile;
-    height: 100%;
-    width: 18rem;
-    display: flex;
-    flex-direction: column;
-    flex-shrink: 0;
-    color: $text-contrast;
-    overflow: hidden;
-
-    .title {
-        display: flex;
-        justify-content: center;
-        border-bottom: solid 1px $highlight-hint;
-    }
-
-    &.expanded {
-        width: calc(100% - 25rem);
-
-        .logo {
-            max-width: 18rem;
-        }
-    }
-}
-
-.networks {
-    display: grid;
-    grid-gap: 0 1rem;
-    flex-grow: 1;
-    padding: 1rem;
-    grid-template-columns: 1fr;
-    grid-template-rows: repeat(auto-fit, 6rem);
-    overflow-y: auto;
-    scrollbar-color: $highlight-weak $profile;
-}
-
-.logo {
-    width: 100%;
-    max-height: 8rem;
-    display: flex;
-    justify-content: center;
-    object-fit: contain;
-    box-sizing: border-box;
-    padding: 1rem;
-    filter: $logo-highlight;
-}
-
-.parent {
-    display: inline-block;
-    height: 3rem;
-}
-
-.header {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex-shrink: 0;
-    border-bottom: solid 1px $shadow-hint;
-    background: $profile;
-
-    &.hideable {
-        display: none;
-    }
-
-    .logo {
-        max-width: 20rem;
-        max-height: 3rem;
-        padding: .5rem;
-    }
-}
-
-.sites.compact {
-    display: none;
-    background: $profile;
-    grid-row: 1;
-}
-
-.collapse-header {
-    display: none;
-}
-
-@media(max-width: $breakpoint3) {
-    .header,
-    .header.hideable {
-        display: flex;
-    }
-
-    .sites.compact {
-        display: flex;
-
-        &.expanded {
-            display: grid;
-        }
-    }
-
-    .expand-header,
-    .collapse-header {
-        display: flex;
-    }
-
-    .expand-sidebar,
-    .collapse-sidebar {
-        display: none;
-    }
-
-    .network {
-        flex-direction: column;
-    }
-
-    .sidebar {
-        display: none;
-        height: auto;
-        width: 100%;
-        overflow: hidden;
-    }
-}
-</style>

assets/components/networks/networks.vue

@@ -1,150 +0,0 @@
-<template>
-	<div class="networks">
-		<form
-			class="search"
-			@submit.prevent="searchSites"
-		>
-			<input
-				v-model="query"
-				:placeholder="`Find ${siteCount} sites in ${networks.length} networks`"
-				class="query"
-				@input="searchSites"
-			>
-
-			<button
-				type="submit"
-				class="search-button"
-			><Icon icon="search" /></button>
-		</form>
-
-		<div
-			v-if="query.length"
-			class="network-tiles"
-		>
-			<Site
-				v-for="site in searchResults"
-				:key="`site-tile-${site.slug}`"
-				:site="site"
-			/>
-
-			<span v-if="searchResults.length === 0">No results for "{{ query }}"</span>
-		</div>
-
-		<div
-			v-if="query.length === 0"
-			class="network-tiles"
-		>
-			<Network
-				v-for="network in networks"
-				:key="`network-tile-${network.slug}`"
-				:network="network"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import Network from '../tile/network.vue';
-import Site from '../tile/site.vue';
-
-async function searchSites() {
-	this.searchResults = await this.$store.dispatch('searchSites', {
-		query: this.query,
-		limit: 20,
-	});
-}
-
-async function mounted() {
-	this.networks = await this.$store.dispatch('fetchNetworks');
-	this.pageTitle = 'Networks';
-}
-
-function siteCount() {
-	return this.networks.map(network => network.sites).flat().length;
-}
-
-export default {
-	components: {
-		Network,
-		Site,
-	},
-	data() {
-		return {
-			query: '',
-			pageTitle: null,
-			networks: [],
-			searchResults: [],
-		};
-	},
-	computed: {
-		siteCount,
-	},
-	mounted,
-	methods: {
-		searchSites,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.networks {
-    padding: 0 1rem;
-}
-
-.search {
-    display: flex;
-    width: 100%;
-    max-width: 40rem;
-}
-
-.query {
-    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);
-    margin: 1rem 0;
-    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);
-        }
-    }
-}
-
-.network-tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
-    grid-gap: 1rem;
-    padding: 1rem 0;
-}
-
-@media(max-width: $breakpoint) {
-    .networks {
-        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
-    }
-}
-</style>

assets/components/pagination/pagination.vue

@@ -1,153 +0,0 @@
-<template>
-	<div class="pagination">
-		<span
-			v-show="pageNumber > 1"
-			class="cursors"
-		>
-			<router-link
-				class="pagination-button cursor"
-				:to="{ params: { pageNumber: 1 } }"
-			><Icon icon="first2" /></router-link>
-
-			<router-link
-				class="pagination-button cursor"
-				:to="{ params: { pageNumber: pageNumber - 1 } }"
-			><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">
-			<router-link
-				v-for="pageX in pageCount"
-				:key="`page-${pageX}`"
-				:to="{ params: { pageNumber: pageX } }"
-				:class="{ active: pageX === pageNumber }"
-				class="pagination-button page"
-			> {{ pageX }} </router-link>
-		</span>
-
-		<span
-			v-show="pageNumber < pageCount"
-			class="cursors"
-		>
-			<router-link
-				class="pagination-button cursor"
-				:to="{ params: { pageNumber: pageNumber + 1 } }"
-			><Icon icon="arrow-right" /></router-link>
-
-			<router-link
-				class="pagination-button cursor"
-				:to="{ params: { pageNumber: pageCount } }"
-			><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,
-		},
-	},
-	computed: {
-		pageNumber,
-		pageCount,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.pagination {
-	width: 100%;
-	display: flex;
-	justify-content: center;
-}
-
-.pagination-top {
-	margin: 0 0 1rem 0;
-}
-
-.pagination-bottom {
-	margin: 1rem 0 0 0;
-}
-
-.pagination-button {
-	width: 2.5rem;
-	height: 2rem;
-	display: inline-flex;
-	flex-shrink: 0;
-	align-items: center;
-	justify-content: center;
-	color: var(--shadow);
-	font-weight: bold;
-	text-decoration: none;
-
-	.icon {
-		width: .8rem;
-		height: .8rem;
-		margin: 0 0 .125rem 0;
-		fill: var(--shadow);
-	}
-
-	&:hover:not(.active):not(.disabled) {
-		color: var(--text);
-
-		.icon {
-			fill: var(--text);
-		}
-	}
-
-	&.active {
-		color: var(--primary);
-	}
-
-	&.disabled {
-		color: var(--shadow-weak);
-
-		.icon {
-			fill: var(--shadow-weak);
-		}
-	}
-}
-
-.pages,
-.cursors {
-	flex-shrink: 0;
-}
-
-.cursors {
-	margin: 0 .5rem;
-	font-size: 0;
-}
-</style>

assets/components/releases/banner.vue

@@ -1,257 +0,0 @@
-<template>
-	<div
-		class="banner"
-		@wheel.prevent="scrollBanner"
-	>
-		<div class="trailer">
-			<video
-				v-if="release.trailer"
-				:src="`/media/${release.trailer.path}`"
-				:poster="release.poster && (sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`)"
-				:alt="release.title"
-				:class="{ sfw: sfw && paused }"
-				class="item trailer-video"
-				controls
-				@playing="playing = true; paused = false;"
-				@pause="playing = false; paused = true;"
-			>Sorry, the tailer cannot be played in your browser</video>
-
-			<video
-				v-else-if="release.teaser && /^video\//.test(release.teaser.mime)"
-				:src="`/media/${release.teaser.path}`"
-				:poster="release.poster && (sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`)"
-				:alt="release.title"
-				:class="{ sfw: sfw && paused }"
-				class="item trailer-video"
-				controls
-				@playing="playing = true; paused = false;"
-				@pause="playing = false; paused = true;"
-			>Sorry, the tailer cannot be played in your browser</video>
-
-			<img
-				v-else-if="release.teaser && /^image\//.test(release.teaser.mime)"
-				:src="sfw ? `/img/${release.teaser.sfw.thumbnail}` : `/media/${release.teaser.path}`"
-				:alt="release.title"
-				class="item trailer-video"
-			>
-
-			<a
-				v-if="release.poster"
-				:href="`/media/${release.poster.path}`"
-				:class="{ playing }"
-				target="_blank"
-				rel="noopener noreferrer"
-				class="poster-link"
-			><Icon icon="image" /></a>
-
-			<span
-				v-if="sfw && !playing"
-				class="warning"
-			>
-				<Icon icon="warning2" />NSFW
-			</span>
-		</div>
-
-		<template v-if="release.covers && release.covers.length > 0">
-			<a
-				v-for="cover in release.covers"
-				:key="`cover-${cover.id}`"
-				:href="`/media/${cover.path}`"
-				target="_blank"
-				rel="noopener noreferrer"
-			>
-				<img
-					:src="`/media/${cover.thumbnail}`"
-					class="item cover"
-				>
-			</a>
-		</template>
-
-		<a
-			v-for="photo in photos"
-			:key="`banner-${photo.index}`"
-			:href="`/media/${photo.path}`"
-			:class="{ sfw }"
-			class="item-link"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			<img
-				:src="sfw ? `/img/${photo.sfw.thumbnail}` : `/media/${photo.thumbnail}`"
-				:alt="`Photo ${photo.index + 1}`"
-				class="item"
-			>
-
-			<span
-				v-if="sfw"
-				class="warning"
-			>
-				<Icon icon="warning2" />NSFW
-			</span>
-		</a>
-	</div>
-</template>
-
-<script>
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-function photos() {
-	if (this.release.trailer || this.release.teaser) {
-		// poster will be on trailer video
-		return this.release.photos;
-	}
-
-	if (this.release.poster) {
-		return [this.release.poster].concat(this.release.photos);
-	}
-
-	return this.release.photos;
-}
-
-function scrollBanner(event) {
-	event.currentTarget.scrollLeft += event.deltaY; // eslint-disable-line no-param-reassign
-}
-
-export default {
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-	},
-	data() {
-		return {
-			playing: false,
-			paused: false,
-		};
-	},
-	computed: {
-		photos,
-		sfw,
-	},
-	methods: {
-		scrollBanner,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.banner {
-    background: var(--empty);
-    flex-shrink: 0;
-    white-space: nowrap;
-    overflow-x: auto;
-    scrollbar-width: none;
-    box-shadow: 0 0 3px var(--shadow);
-    font-size: 0;
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
-
-.poster-link {
-    position: absolute;
-    top: .5rem;
-    right: .5rem;
-    transition: opacity .1s ease;
-
-    .icon {
-        width: 1.5rem;
-        height: 1.5rem;
-        fill: var(--lighten-strong);
-        filter: drop-shadow(0 0 1px var(--darken-weak));
-    }
-
-    &.playing {
-        opacity: 0;
-    }
-
-    &:hover {
-        cursor: pointer;
-        opacity: 1;
-
-        .icon {
-            fill: var(--text-light);
-        }
-    }
-}
-
-.item-link,
-.trailer {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-    .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 {
-    height: 18rem;
-    vertical-align: middle;
-}
-
-.trailer {
-    max-width: 100vw;
-}
-
-.trailer-video {
-    max-width: 100%;
-    object-fit: cover;
-
-    &.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: $breakpoint2) {
-    .trailer-video {
-        object-fit: contain;
-    }
-}
-</style>

assets/components/releases/release.vue

@@ -1,489 +0,0 @@
-<template>
-	<div
-		v-if="release"
-		class="content"
-	>
-		<Banner :release="release" />
-
-		<div class="details">
-			<div class="column">
-				<a
-					v-if="release.date"
-					v-tooltip.bottom="release.url && `View scene on ${release.site.name}`"
-					:title="release.url && `View scene on ${release.site.name}`"
-					:href="release.url"
-					:class="{ link: release.url }"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="tidbit date"
-				>
-					<Icon
-						v-if="isAfter(new Date(), release.date)"
-						icon="calendar2"
-					/>
-
-					<Icon
-						v-else
-						v-tooltip.bottom="'To be released'"
-						icon="sun3"
-					/>
-
-					<span class="showable">{{ formatDate(release.date, 'MMM D, YYYY') }}</span>
-					<span class="hideable">{{ formatDate(release.date, 'MMMM D, YYYY') }}</span>
-				</a>
-
-				<span
-					v-if="release.shootId"
-					v-tooltip.bottom="`Shoot #`"
-					class="tidbit shoot hideable"
-				>
-					<Icon icon="clapboard-play" />
-					{{ release.shootId }}
-				</span>
-
-				<span
-					v-if="release.duration"
-					v-tooltip.bottom="`Duration`"
-					class="tidbit duration hideable"
-				>
-					<Icon icon="stopwatch" />
-
-					<span
-						v-if="release.duration >= 3600"
-						class="duration-segment"
-					>{{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}:</span>
-					<span class="duration-segment">{{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}:</span>
-					<span class="duration-segment">{{ (release.duration % 60).toString().padStart(2, '0') }}</span>
-				</span>
-
-				<span class="tidbit site">
-					<a
-						v-if="release.site.independent"
-						:href="`/network/${release.network.slug}`"
-					>
-						<img
-							:src="`/img/logos/${release.network.slug}/thumbs/network.png`"
-							:title="release.network.name"
-							class="logo logo-site"
-						>
-					</a>
-
-					<template v-else>
-						<a :href="`/network/${release.network.slug}`">
-							<img
-								:src="`/img/logos/${release.network.slug}/thumbs/network.png`"
-								:title="release.network.name"
-								:alt="release.network.name"
-								class="logo logo-network"
-							>
-						</a>
-
-						<span class="chain">presents</span>
-
-						<a
-							:href="`/site/${release.site.slug}`"
-						>
-							<img
-								:src="`/img/logos/${release.network.slug}/thumbs/${release.site.slug}.png`"
-								:title="release.site.name"
-								class="logo logo-site"
-							>
-						</a>
-					</template>
-
-				</span>
-			</div>
-		</div>
-
-		<div class="info column">
-			<h2 class="row title">{{ release.title }}</h2>
-
-			<div class="row associations">
-				<ul
-					v-lazy-container="{ selector: '.lazy' }"
-					class="actors nolist"
-				>
-					<li
-						v-for="actor in release.actors"
-						:key="actor.id"
-					>
-						<Actor :actor="actor" />
-					</li>
-				</ul>
-
-				<div
-					v-if="release.movies && release.movies.length > 0"
-					class="movies"
-				>
-					<Release :release="release.movies[0]" />
-				</div>
-			</div>
-
-			<div
-				v-if="release.scenes && release.scenes.length > 0"
-				class="scenes"
-			>
-				<h3>Scenes</h3>
-				<Releases
-					:releases="release.scenes"
-					class="row"
-				/>
-			</div>
-
-			<div
-				v-if="release.tags.length > 0"
-				class="row"
-			>
-				<Icon icon="price-tags3" />
-
-				<ul class="tags nolist">
-					<li
-						v-for="tag in release.tags"
-						:key="`tag-${tag.slug}`"
-						class="tag"
-					>
-						<a
-							:href="`/tag/${tag.slug}`"
-							class="link"
-						>{{ tag.name }}</a>
-					</li>
-				</ul>
-			</div>
-
-			<div
-				v-if="release.duration"
-				class="row duration showable"
-			>
-				<Icon icon="stopwatch" />
-
-				<span
-					v-if="release.duration >= 3600"
-					class="duration-segment"
-				>{{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}:</span>
-				<span class="duration-segment">{{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}:</span>
-				<span class="duration-segment">{{ (release.duration % 60).toString().padStart(2, '0') }}</span>
-			</div>
-
-			<p
-				v-if="release.description"
-				class="row description"
-			>
-				<Icon icon="info2" />
-				{{ release.description }}
-			</p>
-
-			<div
-				v-if="release.studio"
-				class="row"
-			>
-				<Icon icon="video-camera2" />
-
-				<a
-					v-if="release.studio"
-					:href="release.studio.url"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="link"
-				>{{ release.studio.name }}</a>
-			</div>
-
-			<div
-				v-if="release.shootId"
-				class="row showable"
-			>
-				<Icon icon="clapboard-play" />
-
-				<a
-					:href="release.url"
-					:title="`release.shootId`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="link shoot"
-				>{{ release.shootId }}</a>
-			</div>
-
-			<span class="row">
-				<Icon icon="drawer-in" />
-
-				<a
-					:href="`/added/${formatDate(release.dateAdded, 'YYYY-MM-DD')}`"
-					:title="`Added on ${formatDate(release.dateAdded, 'MMMM D, YYYY')}`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="link added"
-				>{{ formatDate(release.dateAdded, 'MMMM D, YYYY') }}</a>
-			</span>
-
-			<div class="row">
-				<Icon icon="paste2" />
-
-				<input
-					class="filename"
-					:value="filename"
-					@focus="copyFilename"
-				>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import config from 'config';
-import format from 'template-format';
-
-import Banner from './banner.vue';
-import Actor from '../tile/actor.vue';
-import Release from '../tile/release.vue';
-import Releases from './releases.vue';
-
-function pageTitle() {
-	return this.release && this.release.title;
-}
-
-function copyFilename(event) {
-	event.target.setSelectionRange(0, event.target.value.length);
-	document.execCommand('copy');
-}
-
-async function mounted() {
-	this.release = await this.$store.dispatch('fetchReleaseById', this.$route.params.releaseId);
-	this.filename = format(config.filename.pattern, {
-		...this.release,
-		shootId: this.release.shootId || '',
-		date: this.formatDate(this.release.date, config.filename.date),
-	}, {
-		spreadSeparator: config.filename.separator,
-	});
-}
-
-export default {
-	components: {
-		Actor,
-		Banner,
-		Release,
-		Releases,
-	},
-	data() {
-		return {
-			release: null,
-			filename: null,
-		};
-	},
-	computed: {
-		pageTitle,
-	},
-	mounted,
-	methods: {
-		copyFilename,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-.column {
-    width: 1200px;
-    max-width: 100%;
-    padding: 0 1rem;
-    margin: 0 auto;
-    box-sizing: border-box;
-}
-
-.info {
-    padding: 1rem;
-    border-left: solid 1px var(--shadow-hint);
-    border-right: solid 1px var(--shadow-hint);
-    flex-grow: 1;
-}
-
-.row {
-    display: flex;
-    align-items: center;
-    margin: 0 0 1rem 0;
-
-    &.associations {
-        align-items: start;
-    }
-
-    .icon {
-        display: inline-block;
-        width: 1rem;
-        fill: var(--shadow-strong);
-        margin: 0 1rem 0 0;
-    }
-}
-
-.details {
-    background: var(--profile);
-    color: var(--text-light);
-    box-shadow: 0 0 3px var(--shadow-weak);
-    cursor: default;
-
-    .column {
-        display: flex;
-        align-items: center;
-        padding: 0 1rem;
-    }
-
-    .link {
-        color: var(--text-light);
-    }
-}
-
-.tidbit {
-    display: inline-block;
-    height: 100%;
-
-    &:not(:last-child) {
-        border-right: solid 1px var(--lighten-hint);
-    }
-
-    .icon {
-        fill: var(--lighten-weak);
-        margin: 0 .25rem 0 0;
-    }
-
-    &.date,
-    &.duration,
-    &.shoot {
-        flex-shrink: 0;
-        padding: 1.25rem 1rem 1.25rem 0;
-        margin: 0 1rem 0 0;
-    }
-}
-
-.site {
-    display: inline-flex;
-    flex-grow: 1;
-    align-items: center;
-    justify-content: flex-end;
-    padding: .25rem 0;
-    font-size: 0;
-}
-
-.logo {
-    display: inline-block;
-}
-
-.logo-site {
-    height: 3rem;
-    max-width: 15rem;
-    object-fit: contain;
-    object-position: 100% 50%;
-}
-
-.logo-network {
-    height: 1.5rem;
-    max-width: 10rem;
-    object-fit: contain;
-    object-position: 100% 50%;
-}
-
-.chain {
-    color: var(--lighten);
-    padding: 0 .5rem;
-    font-weight: bold;
-    font-size: .8rem;
-}
-
-.title {
-    margin: 0 0 1.5rem 0;
-}
-
-.description {
-    line-height: 1.5;
-}
-
-.duration {
-    font-size: 0;
-}
-
-.duration-segment {
-    font-size: 1rem;
-}
-
-.actors {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-    grid-gap: 1rem;
-    flex-grow: 1;
-    flex-wrap: wrap;
-}
-
-.actor {
-    margin: 0 1rem .5rem 0;
-}
-
-.movies {
-}
-
-.filename {
-    width: 100%;
-    padding: .5rem;
-    color: var(--text);
-    border: solid 1px var(--shadow-weak);
-    background: var(--background);
-}
-
-.link {
-    display: inline-block;
-    color: var(--link);
-    text-decoration: none;
-
-    &:hover {
-        color: var(--primary);
-
-        .icon {
-            fill: var(--primary);
-        }
-    }
-}
-
-.tag .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);
-    }
-}
-
-.showable {
-    display: none;
-}
-
-@media(max-width: $breakpoint3) {
-    .logo-network,
-    .chain {
-        display: none;
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .hideable {
-        display: none;
-    }
-
-    .row .showable {
-        display: block;
-    }
-
-    .tidbit .showable {
-        display: inline-block;
-    }
-
-    .logo-site {
-        width: 15rem;
-        max-width: 100%;
-    }
-
-    .actors {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-}
-</style>

assets/components/releases/releases.vue

@@ -1,108 +0,0 @@
-<template>
-	<div class="releases">
-		<h3
-			v-if="context"
-			class="heading"
-		><span class="range">{{ range }}</span> releases for '{{ context }}'</h3>
-
-		<ul
-			:key="sfw"
-			v-lazy-container="{ selector: '.thumbnail' }"
-			class="nolist tiles"
-		>
-			<li
-				v-for="(release, index) in releases"
-				:key="`release-${release.id}`"
-			>
-				<ReleaseTile
-					:release="release"
-					:referer="referer"
-					:index="index"
-				/>
-			</li>
-		</ul>
-
-		<span
-			v-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>
-import ReleaseTile from '../tile/release.vue';
-
-function range() {
-	return this.$route.params.range;
-}
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	components: {
-		ReleaseTile,
-	},
-	props: {
-		releases: {
-			type: Array,
-			default: () => [],
-		},
-		context: {
-			type: String,
-			default: null,
-		},
-		referer: {
-			type: String,
-			default: null,
-		},
-	},
-	computed: {
-		range,
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.heading {
-    padding: 0;
-    margin: 0 0 1rem 0;
-
-    .range {
-        text-transform: capitalize;
-    }
-}
-
-.tiles {
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
-    grid-gap: 1rem;
-}
-
-.empty {
-    color: var(--shadow-strong);
-    font-weight: bold;
-}
-
-@media(max-width: $breakpoint3) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
-    }
-}
-
-@media(max-width: $breakpoint2) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
-    }
-}
-</style>

assets/components/search/search.vue

@@ -1,115 +0,0 @@
-<template>
-	<div class="content-inner">
-		<span
-			v-if="loading"
-			class="summary"
-		>Searching...</span>
-
-		<span
-			v-if="!loading"
-			class="summary"
-		>Found {{ actors.length }} actors for '{{ query }}'</span>
-
-		<div
-			v-if="!loading && actors.length > 0"
-			class="tiles"
-		>
-			<Actor
-				v-for="actor in actors"
-				:key="`actor-${actor.id}`"
-				:actor="actor.aliasFor || actor"
-				:alias="actor.aliasFor && actor"
-			/>
-		</div>
-
-		<span
-			v-if="!loading"
-			class="summary"
-		>Found {{ releases.length }} releases for '{{ query }}'</span>
-
-		<Releases
-			v-if="!loading && releases.length > 0"
-			:releases="releases"
-		/>
-	</div>
-</template>
-
-<script>
-import Actor from '../tile/actor.vue';
-import Releases from '../releases/releases.vue';
-
-async function search() {
-	const results = await this.$store.dispatch('search', {
-		query: this.query,
-		limit: 100,
-	});
-
-	this.loading = false;
-
-	if (results) {
-		this.actors = results.actors;
-		this.releases = results.releases;
-	}
-}
-
-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';
-
-.summary {
-    display: block;
-    margin: 0 0 1rem 0;
-    color: $shadow;
-    font-weight: bold;
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
-    grid-gap: 0 .5rem;
-    flex-grow: 1;
-	margin: 0 0 1rem 0;
-}
-
-@media(max-width: $breakpoint0) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
-    }
-}
-</style>

assets/components/sidebar/sidebar.vue

@@ -1,212 +0,0 @@
-<template>
-    <div
-        class="sidebar"
-        @click.stop
-    >
-        <div class="sidebar-header">
-            <Icon
-                icon="cross2"
-                class="sidebar-close"
-                @click.native="toggleSidebar(false)"
-            />
-
-            <router-link
-                to="/home"
-                class="logo-link"
-                @click.native="toggleSidebar(false)"
-            >
-                <h1 class="sidebar-logo">
-                    <div
-                        class="logo logo-primary"
-                        v-html="logoPrimary"
-                    />
-
-                    <div
-                        class="logo logo-light"
-                        v-html="logoLight"
-                    />
-                </h1>
-            </router-link>
-        </div>
-
-        <nav class="nav">
-            <ul class="nolist">
-                <li class="nav-item">
-                    <router-link
-                        v-slot="{ href, isActive, navigate }"
-                        to="/home"
-                        @click.native="toggleSidebar(false)"
-                    >
-                        <a
-                            class="nav-link"
-                            :href="href"
-                            :class="{ active: isActive }"
-                            @click="navigate"
-                        >Home</a>
-                    </router-link>
-                </li>
-
-                <li class="nav-item">
-                    <router-link
-                        v-slot="{ href, isActive, navigate }"
-                        to="/actors"
-                        @click.native="toggleSidebar(false)"
-                    >
-                        <a
-                            class="nav-link"
-                            :href="href"
-                            :class="{ active: isActive }"
-                            @click="navigate"
-                        >Actors</a>
-                    </router-link>
-                </li>
-
-                <li class="nav-item">
-                    <router-link
-                        v-slot="{ href, isActive, navigate }"
-                        to="/networks"
-                        @click.native="toggleSidebar(false)"
-                    >
-                        <a
-                            class="nav-link"
-                            :href="href"
-                            :class="{ active: isActive }"
-                            @click="navigate"
-                        >Sites</a>
-                    </router-link>
-                </li>
-
-                <li class="nav-item">
-                    <router-link
-                        v-slot="{ href, isActive, navigate }"
-                        to="/tags"
-                        @click.native="toggleSidebar(false)"
-                    >
-                        <a
-                            class="nav-link"
-                            :href="href"
-                            :class="{ active: isActive }"
-                            @click="navigate"
-                        >Tags</a>
-                    </router-link>
-                </li>
-            </ul>
-        </nav>
-    </div>
-</template>
-
-<script>
-import logoPrimary from '../../img/logo.svg';
-import logoLight from '../../img/logo-light.svg';
-
-export default {
-    props: {
-        toggleSidebar: {
-            type: Function,
-            default: null,
-        },
-    },
-    data() {
-        return {
-            logoPrimary,
-            logoLight,
-        };
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-.sidebar {
-    display: flex;
-    flex-direction: column;
-    width: 15rem;
-    height: 100%;
-    position: absolute;
-    z-index: 10;
-    color: var(--text-light);
-    background: var(--primary);
-    box-shadow: 0 0 3px var(--darken);
-}
-
-.sidebar-header {
-    display: flex;
-    justify-content: space-between;
-    height:  3rem;
-    border-bottom: solid 1px var(--shadow-hint);
-    margin: 0 0 .5rem 0;
-}
-
-.sidebar-close {
-    width: 1.5rem;
-    height: 100%;
-    padding: 0 1rem;
-    fill: var(--lighten);
-
-    &:hover {
-        fill: var(--text-light);
-        cursor: pointer;
-    }
-}
-
-.sidebar-logo {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    margin: 0;
-}
-
-.logo-link {
-    display: block;
-    height: 100%;
-    padding: 0 1rem;
-}
-
-.logo {
-    width: 6rem;
-    display: flex;
-    align-items: center;
-    margin: 0;
-}
-
-.logo-primary {
-    display: none;
-}
-
-.nav-item {
-    display: block;
-}
-
-.nav-link {
-    color: var(--lighten-strong);
-    display: block;
-    padding: 1rem;
-    text-decoration: none;
-    font-weight: bold;
-
-    &:hover,
-    &.active {
-        background: var(--shadow-hint);
-    }
-
-    &.active {
-        color: var(--text-light);
-    }
-}
-
-.dark .sidebar {
-    background: var(--profile);
-
-    .nav-link.active {
-        color: var(--primary);
-        background: var(--shadow-hint);
-    }
-
-    .logo-primary {
-        display: flex;
-    }
-
-    .logo-light {
-        display: none;
-    }
-}
-</style>

assets/components/sites/site.vue

@@ -1,156 +0,0 @@
-<template>
-    <div
-        v-if="site"
-        class="content site"
-    >
-        <FilterBar :fetch-releases="fetchSite" />
-
-        <div class="header">
-            <a
-                v-tooltip.bottom="site.url && `Go to ${site.url}`"
-                :href="site.url"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="link link-site"
-            >
-                <img
-                    :src="`/img/logos/${site.network.slug}/${site.slug}.png`"
-                    :title="site.name"
-                    :alt="site.name"
-                    class="logo logo-site"
-                >
-            </a>
-
-            <ul class="tags nolist">
-                <li
-                    v-for="tag in site.tags"
-                    :key="`tag-${tag.slug}`"
-                    class="tag"
-                >{{ tag.name }}</li>
-            </ul>
-
-            <a
-                v-tooltip.bottom="`Go to ${site.network.name} overview`"
-                :href="`/network/${site.network.slug}`"
-                class="link link-network"
-            >
-                <img
-                    :src="`/img/logos/${site.network.slug}/network.png`"
-                    :title="site.network.name"
-                    :alt="site.network.name"
-                    class="logo logo-network"
-                >
-            </a>
-        </div>
-
-        <div class="content-inner">
-            <Releases :releases="releases" />
-        </div>
-    </div>
-</template>
-
-<script>
-import FilterBar from '../header/filter-bar.vue';
-import Releases from '../releases/releases.vue';
-
-async function fetchSite() {
-    this.site = await this.$store.dispatch('fetchSiteBySlug', {
-        siteSlug: this.$route.params.siteSlug,
-        range: this.$route.params.range,
-    });
-
-    this.releases = this.site.releases;
-}
-
-async function route() {
-    await this.fetchSite();
-}
-
-async function mounted() {
-    await this.fetchSite();
-
-    this.pageTitle = this.site.name;
-}
-
-export default {
-    components: {
-        FilterBar,
-        Releases,
-    },
-    data() {
-        return {
-            site: null,
-            releases: null,
-            pageTitle: null,
-        };
-    },
-    watch: {
-        $route: route,
-    },
-    mounted,
-    methods: {
-        fetchSite,
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.header {
-    background: $profile;
-    color: $text-contrast;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.link {
-    padding: 1rem;
-}
-
-.link-site {
-    margin: 0 1rem 0 0;
-    justify-content: flex-start;
-
-    .logo {
-        object-position: 0 0;
-    }
-}
-
-.link-network {
-    justify-content: flex-end;
-
-    .logo {
-        object-position: 100% 0;
-    }
-}
-
-.logo {
-    width: 100%;
-    max-width: 15rem;
-    max-height: 5rem;
-    object-fit: contain;
-    filter: $logo-highlight;
-}
-
-.tag {
-    background: $shadow;
-    padding: .5rem;
-    margin: 0 .5rem .5rem 0;
-}
-
-@media(max-width: $breakpoint) {
-    .link {
-        padding: .5rem 1rem;
-    }
-
-    .logo {
-        max-height: 2.5rem;
-    }
-
-    .tags {
-        display: none;
-    }
-}
-</style>

assets/components/sites/sites.vue

@@ -1,95 +0,0 @@
-<template>
-    <div class="sites">
-        <ul class="nolist tiles">
-            <li
-                v-for="site in sites"
-                :key="`site-${site.id}`"
-                class="site"
-            >
-                <SiteTile :site="site" />
-            </li>
-        </ul>
-    </div>
-</template>
-
-<script>
-import SiteTile from '../tile/site.vue';
-
-export default {
-    components: {
-        SiteTile,
-    },
-    props: {
-        network: {
-            type: Object,
-            default: null,
-        },
-        sites: {
-            type: Array,
-            default: () => [],
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.sites {
-    overflow: hidden;
-    display: flex;
-    flex-grow: 1;
-
-    &.compact:not(.expanded) {
-        flex-direction: row;
-
-        .tiles {
-            display: flex;
-            overflow-x: auto;
-        }
-
-        .tile {
-            width: 15rem;
-            margin: 0 1rem 0 0;
-        }
-    }
-
-    &.expanded {
-        .tiles {
-            grid-template-columns: repeat(auto-fit, minmax(15rem, .5fr));
-        }
-
-        &.compact .tiles {
-            padding: 0 1rem 1rem 1rem;
-        }
-    }
-}
-
-.tiles {
-    display: grid;
-    grid-gap: 0 1rem;
-    flex-grow: 1;
-    padding: 1rem;
-    grid-template-columns: 1fr;
-    grid-template-rows: min-content;
-    overflow-y: auto;
-    scrollbar-color: $highlight-weak $profile;
-}
-
-.site {
-    /* vertical grid-gap not compatible with bottom padding on scrolling containers */
-    margin: 0 0 1rem 0;
-}
-
-@media(max-width: $breakpoint3) {
-    .sites.expanded .tiles {
-        grid-template-columns: repeat(auto-fit, minmax(12rem, .5fr));
-    }
-}
-
-@media(max-width: $breakpoint0) {
-    .sites.expanded .tiles {
-        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
-    }
-}
-</style>

assets/components/tags/photos.vue

@@ -1,104 +0,0 @@
-<template>
-    <div class="photos">
-        <ul class="nolist photos-inner">
-            <li>
-                <a
-                    v-if="tag.poster"
-                    :href="`/img/${poster.path}`"
-                    :title="poster.comment"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="photo-link"
-                >
-                    <img
-                        :src="`/img/${poster.thumbnail}`"
-                        :alt="tag.poster.comment"
-                        class="poster"
-                    >
-                </a>
-            </li>
-
-            <li
-                v-for="photo in photos"
-                :key="`photo-${photo.id}`"
-            >
-                <a
-                    :title="photo.comment"
-                    :href="`/img/${photo.path}`"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="photo-link"
-                >
-                    <img
-                        :src="`/img/${photo.thumbnail}`"
-                        :alt="photo.comment"
-                        class="photo"
-                    >
-                </a>
-            </li>
-        </ul>
-    </div>
-</template>
-
-<script>
-function poster() {
-    if (this.$store.state.ui.sfw) {
-        return this.tag.poster.sfw;
-    }
-
-    return this.tag.poster;
-}
-
-function photos() {
-    if (this.$store.state.ui.sfw) {
-        return this.tag.photos.map(photo => photo.sfw);
-    }
-
-    return this.tag.photos;
-}
-
-export default {
-    props: {
-        tag: {
-            type: Object,
-            default: null,
-        },
-    },
-    computed: {
-        poster,
-        photos,
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.photos {
-    background: $profile;
-    display: flex;
-    padding: 0 1rem;
-    overflow: hidden;
-
-    &.compact {
-        display: none;
-        padding: 0 1rem 0 1rem;
-        overflow-x: auto;
-
-        .photos-inner {
-            flex-shrink: 0;
-        }
-
-        .photo-link {
-            display: inline-block;
-            margin: 0 .5rem 0 0;
-        }
-    }
-}
-
-.poster,
-.photo {
-    width: 100%;
-    margin: 0 0 .5rem 0;
-}
-</style>

assets/components/tags/tag.vue

@@ -1,241 +0,0 @@
-<template>
-	<div
-		v-if="tag"
-		class="content"
-	>
-		<FilterBar :fetch-releases="fetchReleases" />
-
-		<div
-			class="tag"
-			:class="{ nomedia: !hasMedia }"
-		>
-			<div class="header">
-				<h2 class="title">
-					<Icon icon="price-tag4" />
-					{{ tag.name }}
-				</h2>
-
-				<p
-					v-if="description"
-					class="description header-description"
-					v-html="description"
-				/>
-			</div>
-
-			<div class="sidebar">
-				<h2 class="title">
-					<Icon icon="price-tag4" />
-					{{ tag.name }}
-				</h2>
-
-				<div class="sidebar-content">
-					<p
-						v-if="description"
-						class="description"
-						v-html="description"
-					/>
-
-					<Photos
-						v-if="hasMedia"
-						:tag="tag"
-					/>
-				</div>
-			</div>
-
-			<div class="content-inner">
-				<Photos
-					v-if="hasMedia"
-					:tag="tag"
-					class="compact"
-				/>
-
-				<Releases :releases="tag.releases" />
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-/* eslint-disable no-v-html */
-import { Converter } from 'showdown';
-
-import escapeHtml from '../../../src/utils/escape-html';
-
-import FilterBar from '../header/filter-bar.vue';
-import Photos from './photos.vue';
-import Releases from '../releases/releases.vue';
-
-const converter = new Converter();
-
-async function fetchReleases() {
-	this.tag = await this.$store.dispatch('fetchTagBySlug', {
-		tagSlug: this.$route.params.tagSlug,
-		range: this.$route.params.range,
-	});
-
-	this.hasMedia = this.tag.poster || this.tag.photos.length > 0;
-	this.description = this.tag.description && converter.makeHtml(escapeHtml(this.tag.description));
-}
-
-async function route() {
-	await this.fetchReleases();
-}
-
-async function mounted() {
-	await this.fetchReleases();
-	this.pageTitle = this.tag.name;
-}
-
-export default {
-	components: {
-		FilterBar,
-		Photos,
-		Releases,
-	},
-	data() {
-		return {
-			tag: null,
-			description: null,
-			releases: null,
-			pageTitle: null,
-			hasMedia: false,
-		};
-	},
-	watch: {
-		$route: route,
-	},
-	mounted,
-	methods: {
-		fetchReleases,
-	},
-};
-</script>
-
-<style lang="scss">
-@import 'theme';
-
-.description a {
-    color: var(--link);
-    text-decoration: inherit;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.header .description,
-.header .description p {
-    padding: 0;
-    margin: 0;
-}
-</style>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tag {
-    display: flex;
-    flex-grow: 1;
-    overflow: hidden;
-
-    &.nomedia {
-        flex-direction: column;
-
-        .sidebar {
-            display: none;
-        }
-
-        .header {
-            display: flex;
-        }
-    }
-}
-
-.content-inner {
-    padding: 0;
-}
-
-.header {
-    background: var(--profile);
-    color: var(--text-light);
-    display: none;
-    justify-content: space-between;
-    padding: .5rem 1rem;
-
-    .title {
-        margin: 0 2rem 0 0;
-    }
-}
-
-.sidebar {
-    background: var(--profile);
-    color: var(--text-light);
-    display: flex;
-    flex-direction: column;
-	flex-shrink: 0;
-    width: 25rem;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    .title {
-        padding: 1rem;
-    }
-
-    .description {
-        padding: 0 1rem;
-        margin: -1rem 0 0 0;
-    }
-
-    &.empty {
-        display: none;
-    }
-}
-
-.sidebar-content {
-    overflow-y: auto;
-}
-
-.title {
-    padding: 0;
-    margin: 0;
-    flex-shrink: 0;
-    text-transform: capitalize;
-
-    .icon {
-        fill: var(--text-light);
-        width: 1.25rem;
-        height: 1.25rem;
-    }
-}
-
-.description {
-    margin: 0;
-    line-height: 1.5;
-}
-
-.releases {
-    padding: 1rem;
-}
-
-.dark .sidebar {
-    border-right: solid 1px var(--shadow-hint);
-}
-
-@media(max-width: $breakpoint3) {
-    .tag {
-        flex-direction: column;
-    }
-
-    .sidebar {
-        display: none;
-    }
-
-    .header {
-        display: flex;
-    }
-
-    .photos.compact {
-        display: flex;
-    }
-}
-</style>

assets/components/tags/tags.vue

@@ -1,168 +0,0 @@
-<template>
-	<div class="tags">
-		<div
-			v-for="(tags, category) in categories"
-			:key="category"
-		>
-			<h3 class="heading">{{ category }}</h3>
-
-			<div
-				:key="sfw"
-				v-lazy-container
-				class="tiles"
-			>
-				<Tag
-					v-for="tag in tags"
-					:key="`tag-${tag.id}`"
-					:tag="tag"
-					:lazy="true"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Tag from '../tile/tag.vue';
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-async function mounted() {
-	const tagSlugsByCategory = {
-		popular: [
-			'anal',
-			'lesbian',
-			'interracial',
-			'mff',
-			'mfm',
-			'teen',
-			'milf',
-			'blowjob',
-			'orgy',
-			'gangbang',
-			'double-penetration',
-			'facial',
-			'creampie',
-		],
-		appearance: [
-			'asian',
-			'ebony',
-			'latina',
-			'caucasian',
-			'natural-boobs',
-			'fake-boobs',
-			'blonde',
-			'brunette',
-			'redhead',
-			'tattoos',
-			'piercings',
-		],
-		oral: [
-			'blowjob',
-			'deepthroat',
-			'facefucking',
-			'double-blowjob',
-			'blowbang',
-			'pussy-eating',
-			'ass-eating',
-			'ass-to-mouth',
-		],
-		extreme: [
-			'airtight',
-			'double-anal',
-			'double-vaginal',
-			'da-tp',
-			'dv-tp',
-			'triple-anal',
-		],
-		cumshot: [
-			'facial',
-			'bukkake',
-			'creampie',
-			'anal-creampie',
-			'cum-in-mouth',
-		],
-		roleplay: [
-			'family',
-			'schoolgirl',
-			'nurse',
-			'maid',
-		],
-		fetish: [
-			'bdsm',
-			'femdom',
-		],
-		toys: [
-			'double-dildo',
-			'double-dildo-blowjob',
-		],
-		misc: [
-			'gaping',
-			'oil',
-		],
-	};
-
-	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]) => ({
-		...acc,
-		[category]: tagSlugs.map(tagSlug => tagsBySlug[tagSlug]),
-	}), {});
-
-	this.pageTitle = 'Tags';
-}
-
-export default {
-	components: {
-		Tag,
-	},
-	data() {
-		return {
-			categories: {},
-			pageTitle: null,
-		};
-	},
-	computed: {
-		sfw,
-	},
-	mounted,
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tags {
-    padding: 1rem;
-}
-
-.tiles {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(23rem, .33fr));
-    grid-gap: 1rem;
-    margin: 0 0 1.5rem 0;
-}
-
-.heading {
-    font-size: 1.3rem;
-    text-transform: capitalize;
-}
-
-@media(max-width: $breakpoint3) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(21rem, .5fr));
-    }
-}
-
-@media(max-width: $breakpoint) {
-    .tiles {
-        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
-    }
-}
-</style>

assets/components/tile/actor.vue

@@ -1,277 +0,0 @@
-<template>
-	<div
-		v-if="actor"
-		class="actor"
-	>
-		<router-link
-			:to="{ name: 'actor', params: { actorSlug: actor.slug } }"
-			class="link"
-		>
-			<span
-				class="handle"
-			>
-				<span
-					v-tooltip.top="actor.name"
-					class="name"
-				>{{ actor.name }}</span>
-
-				<router-link
-					v-if="actor.network"
-					v-tooltip="actor.network.name"
-					:to="{ name: 'network', params: { networkSlug: actor.network.slug } }"
-					class="favicon"
-				>
-					<img
-						:src="`/img/logos/${actor.network.slug}/favicon.png`"
-						class="favicon-icon"
-					>
-				</router-link>
-
-				<Icon
-					v-if="alias"
-					v-tooltip="`Alias for ${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>
-
-			<div class="avatar-container">
-				<img
-					v-if="actor.avatar"
-					:data-src="sfw ? `/img/${actor.avatar.sfw.thumbnail}` : `/media/${actor.avatar.thumbnail}`"
-					:data-loading="sfw ? `/img/${actor.avatar.sfw.lazy}` : `/media/${actor.avatar.lazy}`"
-					class="avatar lazy"
-				>
-
-				<span
-					v-else
-					class="avatar"
-				><img
-					:src="`/img/avatar_${actor.gender || 'female'}.svg`"
-					class="avatar-fallback"
-				></span>
-
-				<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.age"
-							v-tooltip="`Born on ${formatDate(actor.dateOfBirth, 'MMMM D, YYYY')}`"
-							class="age-now"
-						>{{ actor.age }}</span>
-
-						<span
-							v-if="actor.ageThen && actor.ageThen < actor.age"
-							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>
-			</div>
-		</router-link>
-	</div>
-</template>
-
-<script>
-import Gender from '../actors/gender.vue';
-
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	components: {
-		Gender,
-	},
-	props: {
-		actor: {
-			type: Object,
-			default: null,
-		},
-		alias: {
-			type: Object,
-			default: null,
-		},
-	},
-	computed: {
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.actor {
-    width: 100%;
-    display: inline-block;
-    position: relative;
-    margin: 0 .5rem .5rem 0;
-    box-shadow: 0 0 3px var(--darken-weak);
-    background: var(--background);
-	overflow: hidden;
-
-    &::before {
-        content: '';
-        display: inline-block;
-        padding-bottom: 150%;
-    }
-}
-
-.link {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    top: 0;
-    left: 0;
-    color: var(--text);
-    text-decoration: none;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.handle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: bold;
-	box-shadow: 0 0 3px var(--shadow);
-
-	.name {
-		padding: .5rem;
-	}
-
-	.alias {
-		fill: var(--highlight);
-	}
-}
-
-.favicon {
-	font-size: 0;
-	padding: .5rem .25rem;
-
-	&:last-child {
-		padding: .5rem;
-	}
-
-	&.died {
-		fill: var(--lighten);
-	}
-}
-
-.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);
-}
-
-.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: 50% 0;
-}
-
-.avatar-fallback {
-    max-height: 100%;
-    max-width: 100%;
-    opacity: .1;
-}
-
-.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-then {
-    color: var(--lighten);
-}
-</style>

assets/components/tile/network.vue

@@ -1,74 +0,0 @@
-<template>
-    <a
-        :href="`/network/${network.slug}`"
-        :title="network.name"
-        class="tile"
-        :class="{ sfw }"
-    >
-        <img
-            :src="`/img/logos/${network.slug}/thumbs/network.png`"
-            :alt="network.name"
-            class="logo"
-        >
-    </a>
-</template>
-
-<script>
-function sfw() {
-    return this.$store.state.ui.sfw;
-}
-
-export default {
-    props: {
-        network: {
-            type: Object,
-            default: null,
-        },
-    },
-    computed: {
-        sfw,
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tile {
-    height: 6rem;
-    background: var(--profile);
-    display: flex;
-    flex-shrink: 0;
-    flex-direction: column;
-    align-items: center;
-    box-sizing: border-box;
-    padding: .5rem 1rem;
-    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
-    text-align: center;
-}
-
-.link {
-    text-decoration: none;
-}
-
-.logo {
-    width: 100%;
-    height: 100%;
-    color: $text;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    object-fit: contain;
-    font-size: 1rem;
-    font-weight: bold;
-    /* filter: $logo-highlight; */
-}
-
-.title {
-    color: var(--text);
-    height: 100%;
-    display: flex;
-    align-items: center;
-    margin: 0;
-}
-</style>

assets/components/tile/release.vue

@@ -1,361 +0,0 @@
-<template>
-	<div
-		:id="`${release.type}-${release.id}`"
-		:class="{ [release.type]: true }"
-		class="tile"
-	>
-		<span class="poster">
-			<span class="details">
-				<router-link
-					v-if="release.site && release.site.independent"
-					:to="`/network/${release.network.slug}`"
-					class="site site-link"
-				><img
-					:src="`/img/logos/${release.network.slug}/favicon.png`"
-					class="favicon"
-				>{{ release.network.name }}</router-link>
-
-				<span
-					v-else-if="release.network"
-					class="site"
-				>
-					<router-link
-						v-tooltip.bottom="`Part of ${release.network.name}`"
-						:title="`Part of ${release.network.name}`"
-						:to="`/network/${release.network.slug}`"
-						class="site-link"
-					><img
-						:src="`/img/logos/${release.network.slug}/favicon.png`"
-						class="favicon"
-					></router-link>
-
-					<router-link
-						v-tooltip.bottom="`More from ${release.site.name}`"
-						:title="`More from ${release.site.name}`"
-						:to="`/site/${release.site.slug}`"
-						class="site-link"
-					>{{ release.site.name }}</router-link>
-				</span>
-
-				<span v-else />
-
-				<a
-					v-if="release.date"
-					v-tooltip.bottom="release.url && `View scene on ${release.site.name}`"
-					:title="release.url && `View scene on ${release.site.name}`"
-					:href="release.url"
-					:class="{ upcoming: isAfter(release.date, new Date()), new: release.isNew }"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="date"
-				>{{ formatDate(release.date, 'MMM D, YYYY') }}</a>
-
-				<a
-					v-else
-					:href="release.url"
-					:class="{ upcoming: isAfter(release.date, new Date()), new: release.isNew }"
-					title="Scene date N/A, showing date added"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="date"
-				>{{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }}</a>
-			</span>
-
-			<a
-				:href="`/${release.type || 'scene'}/${release.id}/${release.slug}`"
-				target="_blank"
-				rel="noopener noreferrer"
-				class="link"
-			>
-				<img
-					v-if="release.poster"
-					:data-src="sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`"
-					:data-loading="sfw ? `/img/${release.poster.sfw.lazy}` : `/media/${release.poster.lazy}`"
-					:alt="release.title"
-					class="thumbnail"
-				>
-
-				<span
-					v-else-if="release.covers && release.covers.length > 0"
-					class="covers"
-				>
-					<img
-						v-for="cover in release.covers"
-						:key="cover.id"
-						:data-src="sfw ? `/img/${cover.sfw.thumbnail}` : `/media/${cover.thumbnail}`"
-						:data-loading="sfw ? `/img/${cover.sfw.lazy}` : `/media/${cover.lazy}`"
-						:alt="release.title"
-						class="thumbnail cover"
-					>
-				</span>
-
-				<div
-					v-else
-					:title="release.title"
-					class="thumbnail"
-				>No thumbnail available</div>
-			</a>
-		</span>
-
-		<div class="info">
-			<a
-				:href="`/${release.type || 'scene'}/${release.id}/${release.slug}`"
-				target="_blank"
-				rel="noopener noreferrer"
-				class="row link"
-			>
-				<h3
-					v-tooltip.top="release.title"
-					:title="release.title"
-					class="title"
-				>
-					<Icon
-						v-if="release.type === 'movie'"
-						icon="film"
-					/>{{ release.title }}
-				</h3>
-			</a>
-
-			<span class="row">
-				<ul class="actors nolist">
-					<li
-						v-for="actor in release.actors"
-						:key="actor.id"
-						class="actor"
-					>
-						<a
-							:href="`/actor/${actor.slug}`"
-							class="actor-link"
-						>{{ actor.name }}</a>
-					</li>
-				</ul>
-			</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"
-				>
-					<router-link
-						:to="`/tag/${tag.slug}`"
-						class="tag-link"
-					>{{ tag.name }}</router-link>
-				</li>
-			</ul>
-		</div>
-	</div>
-</template>
-
-<script>
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	props: {
-		release: {
-			type: Object,
-			default: null,
-		},
-		referer: {
-			type: String,
-			default: null,
-		},
-	},
-	computed: {
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tile {
-    background: var(--background);
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    padding: 0 0 .5rem 0;
-    overflow: hidden;
-    box-shadow: 0 0 3px var(--darken-weak);
-    height: 100%;
-}
-
-.poster {
-    position: relative;
-    margin: 0 0 .5rem 0;
-}
-
-.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);
-}
-
-.row {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    padding: 0 .5rem;
-    margin: 0 0 .25rem 0;
-}
-
-.details {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    position: absolute;
-    font-size: 0;
-
-    .favicon {
-        height: 1rem;
-        margin: 0 .25rem 0 0;
-    }
-}
-
-.site,
-.date {
-    color: var(--text-light);
-    display: flex;
-    align-items: center;
-    background: var(--darken);
-    position: relative;
-    font-size: .8rem;
-    padding: .25rem;
-    text-decoration: none;
-}
-
-.date {
-    &.upcoming:before {
-        content: '';
-        background: var(--primary);
-        width: .5rem;
-        display: inline-block;
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: -.5rem;
-    }
-
-    &.new {
-        font-weight: bold;
-    }
-}
-
-.site {
-    font-weight: bold;
-}
-
-.site-link {
-    display: flex;
-    color: var(--text-light);
-    text-decoration: none;
-}
-
-.info {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-}
-
-.link {
-    text-decoration: none;
-}
-
-.title {
-    margin: 0 .25rem .25rem 0;
-    color: var(--text);
-    max-height: 2.75rem;
-    font-size: 1rem;
-    line-height: 1.5;
-    text-overflow: ellipsis;
-    overflow: hidden;
-
-    .icon {
-        margin: 0 .25rem 0 0;
-    }
-}
-
-.network {
-    color: #555;
-    margin: 0 .25rem 0 0;
-    font-size: .8rem;
-}
-
-.actors {
-    word-wrap: break-word;
-    overflow: hidden;
-    max-height: 2.75rem;
-    line-height: 1.5rem;
-}
-
-.tags {
-    max-height: .5rem;
-    padding: .25rem .5rem 1rem .5rem;
-    word-wrap: break-word;
-    overflow-y: hidden;
-}
-
-.actor {
-    margin: 0 .25rem 0 0;
-}
-
-.tag {
-    margin: 0 .25rem .25rem 0;
-}
-
-.actor:not(:last-of-type)::after {
-    content: ",";
-}
-
-.actor-link {
-    text-decoration: none;
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-
-.actor-link {
-    color: var(--link);
-}
-
-.tag-link {
-    color: var(--shadow);
-    display: inline-block;
-    padding: .25rem;
-    font-size: .75rem;
-    font-weight: bold;
-    text-decoration: none;
-    line-height: 1;
-    border: solid 1px var(--shadow-hint);
-
-    &:hover {
-        color: var(--primary);
-    }
-}
-</style>

assets/components/tile/site.vue

@@ -1,67 +0,0 @@
-<template>
-	<a
-		:href="`/site/${site.slug}`"
-		:title="site.name"
-		class="tile"
-	>
-		<img
-			:src="`/img/logos/${site.network.slug}/thumbs/${site.slug}.png`"
-			:alt="site.name"
-			class="logo"
-		>
-	</a>
-</template>
-
-<script>
-export default {
-	props: {
-		site: {
-			type: Object,
-			default: null,
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tile {
-    height: 6rem;
-    background: $tile;
-    display: flex;
-    flex-shrink: 0;
-    flex-direction: column;
-    align-items: center;
-    box-sizing: border-box;
-    padding: .5rem 1rem;
-    border-radius: .25rem;
-    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
-    text-align: center;
-}
-
-.link {
-    text-decoration: none;
-}
-
-.logo {
-    width: 100%;
-    height: 5rem;
-    color: $text-contrast;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    object-fit: contain;
-    font-size: 1rem;
-    font-weight: bold;
-    filter: $logo-highlight;
-}
-
-.title {
-    color: $text;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    margin: 0;
-}
-</style>

assets/components/tile/tag.vue

@@ -1,105 +0,0 @@
-<template>
-	<router-link
-		:to="{ name: 'tag', params: { tagSlug: tag.slug } }"
-		:title="tag.name"
-		class="tile"
-	>
-		<span class="title">{{ tag.name }}</span>
-
-		<template v-if="tag.poster">
-			<img
-				v-if="!lazy && !sfw"
-				:src="`/img/${tag.poster.thumbnail}`"
-				:title="tag.poster.comment"
-				:alt="tag.name"
-				class="poster"
-			>
-
-			<img
-				v-if="!lazy && sfw"
-				:src="`/img/${tag.poster.sfw.thumbnail}`"
-				:title="tag.poster.sfw.comment"
-				:alt="tag.name"
-				class="poster"
-			>
-
-			<img
-				v-if="lazy && !sfw"
-				:data-src="`/img/${tag.poster.thumbnail}`"
-				:data-loading="`/img/${tag.poster.lazy}`"
-				:title="tag.poster.comment"
-				:alt="tag.name"
-				class="poster"
-			>
-
-			<img
-				v-if="lazy && sfw"
-				:data-src="`/img/${tag.poster.sfw.thumbnail}`"
-				:data-loading="`/img/${tag.poster.sfw.lazy}`"
-				:title="tag.poster.sfw.comment"
-				:alt="tag.name"
-				class="poster"
-			>
-		</template>
-	</router-link>
-</template>
-
-<script>
-function sfw() {
-	return this.$store.state.ui.sfw;
-}
-
-export default {
-	props: {
-		tag: {
-			type: Object,
-			default: null,
-		},
-		lazy: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	computed: {
-		sfw,
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'theme';
-
-.tile {
-    color: var(--text-light);
-    background: var(--profile);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    box-sizing: border-box;
-    position: relative;
-    text-align: center;
-    text-decoration: none;
-    box-shadow: 0 0 3px var(--darken-weak);
-}
-
-.poster {
-    width: 100%;
-    height: 17rem;
-    object-fit: cover;
-    object-position: 50% 100%;
-}
-
-.title {
-    width: 100%;
-    display: flex;
-    box-sizing: border-box;
-    padding: .5rem 1rem;
-    position: absolute;
-    bottom: 0;
-    background: var(--darken);
-    font-size: 1rem;
-    font-weight: bold;
-    text-transform: capitalize;
-    text-shadow: 0 0 3px var(--darken-strong);
-}
-</style>

assets/css/_inputs.scss

@@ -1,8 +0,0 @@
-.select {
-    color: $shadow-strong;
-    background: $background;
-    padding: .5rem;
-    font-size: 1rem;
-    border: solid 1px $shadow-weak;
-    cursor: pointer;
-}

assets/css/_states.scss

@@ -1,27 +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;
-    }
-}
-
-:focus {
-    outline: none;
-}
-
-::-moz-focus-inner {
-    border: 0;
-}

assets/css/_theme.scss

@@ -1,123 +0,0 @@
-/* $primary: #ff886c; */
-$breakpoint0: 540px;
-$breakpoint: 720px;
-$breakpoint2: 900px;
-$breakpoint3: 1200px;
-$breakpoint4: 1500px;
-$primary: #ff6c88;
-
-$background: #fff;
-$background-dim: #fafafa;
-$text: #222;
-$text-contrast: #fff;
-
-$shadow: rgba(0, 0, 0, .5);
-$shadow-extreme: rgba(0, 0, 0, .9);
-$shadow-strong: rgba(0, 0, 0, .7);
-$shadow-weak: rgba(0, 0, 0, .2);
-$shadow-hint: rgba(0, 0, 0, .1);
-
-$highlight: rgba(255, 255, 255, .5);
-$highlight-extreme: rgba(255, 255, 255, .9);
-$highlight-strong: rgba(255, 255, 255, .7);
-$highlight-weak: rgba(255, 255, 255, .2);
-$highlight-hint: rgba(255, 255, 255, .075);
-
-$logo-shadow: drop-shadow(1px 0 0 var(--shadow-weak)) drop-shadow(-1px 0 0 var(--shadow-weak)) drop-shadow(0 1px 0 var(--shadow-weak)) drop-shadow(0 -1px 0 var(--shadow-weak));
-$logo-highlight: drop-shadow(0 0 1px var(--highlight));
-
-$profile: #222;
-$tile: #2a2a2a;
-
-$link: #dd6688;
-$empty: #333;
-
-$male: #0af;
-$female: #f0a;
-
-:root {
-    --primary: #ff6c88;
-
-    --text-dark: #222;
-    --text-light: #fff;
-
-    --darken: rgba(0, 0, 0, .5);
-    --darken-strong: rgba(0, 0, 0, .7);
-    --darken-extreme: rgba(0, 0, 0, .9);
-    --darken-weak: rgba(0, 0, 0, .2);
-    --darken-hint: rgba(0, 0, 0, .1);
-
-    --lighten: rgba(255, 255, 255, .5);
-    --lighten-strong: rgba(255, 255, 255, .7);
-    --lighten-extreme: rgba(255, 255, 255, .9);
-    --lighten-weak: rgba(255, 255, 255, .2);
-    --lighten-hint: rgba(255, 255, 255, .1);
-
-    --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);
-
-    --alert: #f00;
-    --warn: #fa0;
-}
-
-.light {
-    --text: #222;
-    --text-contrast: #fff;
-
-    --background: #fff;
-    --background-dim: #fafafa;
-
-    --profile: #222;
-    --tile: #2a2a2a;
-
-    --link: #dd6688;
-    --empty: #333;
-
-    --male: #0af;
-    --female: #f0a;
-
-    --shadow: rgba(0, 0, 0, .5);
-    --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);
-
-    --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: #222;
-    --background-dim: #181818;
-
-    --profile: #222;
-    --tile: #2a2a2a;
-
-    --link: #dd6688;
-    --empty: #333;
-
-    --male: #0af;
-    --female: #f0a;
-
-    --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);
-
-    --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);
-}

assets/css/_tooltip.scss

@@ -1,110 +0,0 @@
-.tooltip {
-  display: block !important;
-  z-index: 10000;
-
-  .tooltip-inner {
-    max-width: 20rem;
-    background: #222;
-    color: white;
-    border-radius: 16px;
-    padding: 5px 10px 4px;
-  }
-
-  .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;
-      padding: .5rem;
-      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; */
-  }
-}

assets/css/style.scss

@@ -1,92 +0,0 @@
-@import 'theme';
-@import 'inputs';
-@import 'states';
-@import 'tooltip';
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-.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: $shadow;
-
-    :hover {
-        fill: $primary;
-    }
-}
-
-.expand {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: .5rem .25rem;
-    font-weight: bold;
-    font-size: .9rem;
-    cursor: pointer;
-
-    .icon {
-        fill: $shadow;
-    }
-
-    &:hover {
-        background: $shadow-hint;
-
-        .icon {
-            fill: $shadow-strong;
-        }
-    }
-}
-
-.expand-sidebar:hover {
-    background: $shadow-hint;
-}
-
-.expand-header {
-    display: none;
-
-    &:hover {
-        background: $shadow-hint;
-    }
-}
-
-.collapse-header {
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    background: $profile;
-
-    .icon {
-        width: 100%;
-        fill: $highlight;
-        padding: .5rem 0;
-    }
-
-    &:hover .icon {
-        background: $highlight-hint;
-        fill: $text-contrast;
-    }
-}

assets/img/avatars/Ace Rockwood - outline - hardon.svg

@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="338.93176"
+   height="589.84552"
+   viewBox="0 0 338.93176 589.84552"
+   sodipodi:docname="Ace Rockwood - outline - hardon.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1024"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="1.1565452"
+     inkscape:cx="4.7736842"
+     inkscape:cy="356.99934"
+     inkscape:window-x="1182"
+     inkscape:window-y="932"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g10"
+     transform="translate(-36.295882,-155.56359)">
+    <path
+       d="m 275.47475,596.59256 c 0,0 -5.57045,16.25525 -2.26517,28.71709 3.30528,12.46185 16.14089,37.99437 -2.7299,43.01501 -18.87079,5.02063 -17.86029,-21.31429 -17.53605,-23.41181 0.32424,-2.09752 7.39331,-27.47071 6.01109,-52.99575"
+       id="path841"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 276.91561,665.35059 c 0,0 12.61189,8.44579 14.50873,-10.68153"
+       id="path847"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 253.22194,645.08168 c 0,0 -11.01816,56.67539 -28.36563,95.24526"
+       id="path849"
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 244.57937,683.12347 c 0,0 3.2737,26.40483 9.54025,57.82357"
+       id="path851"
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 316.04674,497.63234 c 0,0 62.71911,92.14608 54.69476,243.32198"
+       id="path853"
+       sodipodi:nodetypes="cc"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 120.06808,741.6296 c 0,0 -6.62708,-56.81125 8.51463,-136.07764 0,0 10.38277,-52.37528 6.92135,-77.56092"
+       id="path855"
+       sodipodi:nodetypes="ccc"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 135.50406,527.99104 c 0,0 -3.81154,-4.17766 15.59765,-31.45559 0,0 2.60877,-1.97035 4.27961,-19.96442 0,0 -4.26771,-18.38982 -0.90695,-29.02908"
+       id="path857"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 154.47437,447.54195 c 0,0 -3.22246,-21.67664 -15.69254,-40.07537 0,0 -5.65525,34.58955 -24.34696,61.05037 0,0 -6.06915,7.2186 -0.60673,13.38372"
+       id="path859"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 113.82814,481.90067 c 0,0 8.2906,7.41008 21.67592,46.09037"
+       id="path861"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 128.81165,604.54868 c 0,0 -64.030285,-53.11103 -70.652618,-87.58275 0,0 -0.190498,-5.4772 -12.31525,-16.03813 0,0 -5.931684,-4.74148 -2.683719,-17.79945 0,0 1.222082,-4.08813 0.936722,-5.49299 -0.28536,-1.40486 -15.879565,-52.62724 16.336608,-114.89948 0,0 3.684461,-7.51013 3.859208,-11.52805 0.174747,-4.01793 -4.770333,-53.55053 14.207228,-71.63893 18.97756,-18.0884 13.354543,-12.18511 35.389091,-31.66871 0,0 7.81837,-6.40344 7.74477,-9.50585 -0.0736,-3.1024 23.35598,-21.87076 47.93206,-34.74942 0,0 11.27377,-7.2633 11.02038,-19.28434 -0.2534,-12.02104 -4.20148,-25.01746 -4.20148,-25.01746"
+       id="path863"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <g
+       transform="rotate(-24.597622,275.06212,612.76383)"
+       inkscape:transform-center-y="3.7858371"
+       inkscape:transform-center-x="-37.612849"
+       id="g868">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path839"
+         d="m 301.91735,580.43313 c 0,0 20.81118,37.91217 29.99809,71.56868 0,0 -1.27474,2.72695 1.28783,3.73133 2.56257,1.00438 1.04672,7.25865 1.04672,7.25865 0,0 -2.91284,37.39221 -29.37703,14.46554 0,0 -1.27844,-0.52885 -2.43403,-3.12866 -1.15559,-2.59982 -2.25028,-3.46823 -3.00127,-4.09416 -0.75098,-0.62594 -17.48928,-34.97245 -26.66746,-57.11914" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path883"
+         d="m 333.16826,655.78513 c 0,0 -27.35631,-11.44567 -31.39538,16.61767" />
+    </g>
+    <path
+       sodipodi:nodetypes="cc"
+       d="m 258.95472,591.9171 c 0,0 -1.19161,-6.96253 6.25959,-16.53364"
+       id="path885"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 316.04674,497.63234 c 0,0 -1.06007,-1.80628 -1.06103,-4.64592 -9.5e-4,-2.83965 3.44823,-19.38153 -0.53273,-33.49052 0,0 -2.58853,-11.54571 0.30044,-23.06558 2.88897,-11.51988 6.4611,-21.08418 5.34295,-32.33966 0,0 -0.28941,-1.91395 1.29432,-7.18164 1.58374,-5.26769 0.9702,-17.77481 0.52632,-19.31286 0,0 -0.9758,-7.57132 4.77059,-10.11194 0,0 5.70975,-4.12189 8.85414,-10.47351 0,0 -5.23319,-8.96335 2.55042,-10.41987"
+       id="path887"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 342.99285,294.02579 c 0,0 2.40863,34.29764 -4.90069,52.56505 0,0 0.11318,6.77567 -2.55042,10.41987"
+       id="path889"
+       sodipodi:nodetypes="ccc"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 315.57928,464.92242 c 0,0 -1.26908,-10.90421 0.85002,-17.80542 2.1191,-6.90121 12.41382,-29.04882 18.64462,-68.0488 0,0 -0.41097,-3.1104 4.79552,-12.60636 5.20649,-9.49597 4.31944,-23.71327 4.31944,-23.71327 0,0 -0.62263,-5.09044 0.52859,-10.37701 1.15122,-5.28657 0.90097,-9.52259 7.22618,-30.47694 6.32521,-20.95435 -0.69525,-46.50796 -0.5162,-47.42953 0.17904,-0.92158 -3.16691,-11.40884 -13.83809,-21.72476 -10.67118,-10.31592 -19.99048,-11.46923 -19.99048,-11.46923 0,0 -5.97561,-0.50521 -13.58234,-7.00204 -7.60674,-6.49682 -31.87768,-16.8264 -31.87768,-16.8264"
+       id="path893"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 280.09799,468.44554 c 0,0 2.90232,-4.65637 11.26679,0.31348"
+       id="path895"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 284.69236,466.46836 c 0,0 -4.41383,5.42951 -0.006,7.00776"
+       id="path897"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <ellipse
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path903"
+       cx="85.181969"
+       cy="424.32559"
+       rx="9.2404251"
+       ry="4.6258879"
+       transform="rotate(-19.456297)" />
+    <ellipse
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path905"
+       cx="221.74664"
+       cy="372.79306"
+       rx="2.4708648"
+       ry="2.4088912" />
+    <path
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.56045;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path907"
+       sodipodi:type="arc"
+       sodipodi:cx="-280.18185"
+       sodipodi:cy="406.56561"
+       sodipodi:rx="2.0267301"
+       sodipodi:ry="1.6016541"
+       sodipodi:start="6.2560712"
+       sodipodi:end="3.2413906"
+       sodipodi:arc-type="slice"
+       d="m -278.15587,406.52219 a 2.0267301,1.6016541 0 0 1 -1.0394,1.4425 2.0267301,1.6016541 0 0 1 -2.09913,-0.0603 2.0267301,1.6016541 0 0 1 -0.9041,-1.49834 l 2.01665,0.15957 z"
+       transform="matrix(0.21840939,-0.97585723,0.98143007,0.1918203,0,0)" />
+    <path
+       d="m 138.78183,407.46658 c 0,0 3.10416,-7.61169 2.10619,-17.95459 0,0 -0.64177,-4.93172 0.83747,-9.14456 1.47925,-4.21285 4.08993,-12.80237 5.85172,-22.38993"
+       id="path909"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 147.57721,357.9775 c 0,0 -0.25569,-1.24908 2.28661,-3.58316 2.54229,-2.33407 7.55128,-11.40353 9.73711,-19.99208"
+       id="path913"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 226.49166,410.49362 c 0,0 -1.75222,14.98063 37.81976,6.59317"
+       id="path915"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 230.09209,441.27245 c 0,0 3.08682,18.35365 39.82279,11.0958"
+       id="path917"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 160.46824,474.23252 c 0,0 5.54755,17.65952 45.97744,22.23086"
+       id="path919"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 267.47967,291.38393 c 0,0 12.90638,54.84957 6.43688,75.26399"
+       id="path921"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 175.64273,372.31082 c 0,0 3.74111,22.67897 56.34499,16.53804"
+       id="path925"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 245.53449,253.09208 c 0,0 -68.25989,-12.22844 -87.19681,-7.69003"
+       id="path927"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 300.12954,225.9896 c 0,0 -24.55374,10.43093 -36.08466,27.88195"
+       id="path929"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 332.63151,261.29222 c 0,0 -27.14867,-14.42698 -24.6289,-27.59554"
+       id="path931"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 326.6876,367.48422 c 0,0 -7.45101,6.4638 -32.86038,8.19647"
+       id="path935"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 231.66646,518.93745 c 0,0 11.89409,5.38851 20.24104,36.03176"
+       id="path937"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 319.26342,402.92347 c 0,0 -0.66468,6.77058 -19.66362,11.10696"
+       id="path941"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 314.05126,437.06207 c 0,0 -3.75693,9.33427 -19.48835,13.97482"
+       id="path943"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 316.04674,497.63234 c 0,0 -11.16016,13.50078 -10.55031,39.39049"
+       id="path945" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path870"
+       d="m 291.42434,654.66906 c 0,0 2.35422,-13.25577 -12.8767,-34.10306"
+       style="fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

assets/img/avatars/Megan Snow - outline.svg

@@ -0,0 +1,311 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="Megan Snow - outline.svg"
+   viewBox="0 0 561.61536 707.20742"
+   height="707.2074"
+   width="561.61536"
+   id="svg2"
+   version="1.1">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     inkscape:current-layer="g10"
+     inkscape:window-maximized="1"
+     inkscape:window-y="932"
+     inkscape:window-x="1182"
+     inkscape:cy="313.02867"
+     inkscape:cx="-286.80995"
+     inkscape:zoom="0.35507257"
+     showgrid="false"
+     id="namedview4"
+     inkscape:window-height="1024"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     transform="translate(85.128736,-655.1402)"
+     id="g10"
+     inkscape:label="Image"
+     inkscape:groupmode="layer">
+    <path
+       id="path837"
+       d="m 180.64383,874.94338 c 0,0 45.01282,6.66546 69.63612,-6.64344 24.62331,-13.30887 21.54749,-44.60738 21.54749,-44.60738"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path839"
+       d="m 303.13683,882.56812 c 0,0 12.86717,23.22869 15.07226,51.74219"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path841"
+       d="m 309.50687,813.33764 c 0,0 25.9537,15.10988 37.65925,30.47878 0,0 -0.69542,3.55481 12.2517,28.85364 0,0 4.55976,30.69042 -13.39525,50.82631 0,0 -7.69361,10.24391 -27.81348,10.81394"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path845"
+       d="m 347.16612,843.81642 c 0,0 5.06607,6.66321 8.24486,9.56009"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path917"
+       d="m 357.88201,859.62589 c 0,0 -2.71396,-1.42378 -2.47103,-6.24938 l 2.17398,-0.11804 c 0,0 0.65586,0.0273 0.77614,0.3991 0.12027,0.37176 1.44879,1.92416 1.6074,3.89789 0,0 -0.26041,0.92561 -2.08649,2.07043"
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path915"
+       d="m 358.67129,864.89746 c -1.20681,-2.16634 -0.78928,-5.27157 -0.78928,-5.27157"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path847"
+       d="m 359.41782,872.67006 c 0,0 0.46025,-5.60625 -0.74653,-7.7726"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path849"
+       d="m 129.39508,800.57116 c 0,0 -6.42849,19.00807 6.86727,41.21627"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccscsccssccccsc"
+       id="path853"
+       d="m 196.00906,721.46356 -31.13163,-7.0542 c 0,0 -5.56243,-1.46956 -16.22775,0.94799 -10.66531,2.41754 -13.01156,1.15581 -13.01156,1.15581 0,0 -8.2882,-2.72139 -10.80284,-2.49666 -2.12332,0.18976 -11.99975,-4.99663 -11.99975,-4.99663 0,0 -7.71653,-4.99098 -15.258126,-3.59356 0,0 -0.921647,0.27079 -13.073799,-3.51418 -12.152156,-3.78498 -23.484453,1.68181 -24.220915,1.98858 -0.736463,0.30678 -16.977586,5.39212 -52.3635288,51.53174 0,0 -13.6901312,22.12708 -17.7711189,40.00038 0,0 -3.5462743,10.87168 -17.7798223,29.12531 0,0 -8.159184,12.25936 -12.020172,25.49026 0,0 -0.816465,3.38885 -5.634047,11.49248 -4.81758,8.10362 -13.268427,21.79625 -16.433798,30.87411"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path855"
+       d="m 260.05145,793.17349 c 0,0 -12.64494,-21.48395 -41.767,-31.42437"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path857"
+       d="m 265.5875,674.63472 c 0,0 -14.34966,28.76781 -12.3588,75.51865 0,0 -0.7618,-0.34729 1.62771,2.29991 2.38948,2.64723 6.87779,8.25387 10.98221,19.96175 0,0 1.03498,5.706 10.7301,15.04698 9.69515,9.34096 19.45049,19.39091 32.93815,25.87563"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path877"
+       d="m 318.20909,934.31031 c 0,0 2.14893,21.27837 0.84918,33.11066 -1.29972,11.83226 -0.6652,16.28372 1.5525,21.89782 2.21773,5.61409 2.7296,18.82501 2.7296,19.16971 0,0.3447 -0.18873,8.4855 7.55301,27.1697 7.74177,18.6841 13.78834,25.6487 15.2215,28.8787 1.43319,3.23 5.89288,11.3679 10.39494,23.2342 4.50203,11.8664 19.16133,35.9374 34.09209,70.2326"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path879"
+       d="m 304.98966,1020.2735 c 0,0 -12.80353,-8.5875 -8.53168,0.7025"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path881"
+       d="m 411.28783,1195.8696 c 0,2.5252 37.9235,72.8874 50.84067,162.6985"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path883"
+       d="m 70.116768,1358.2192 c 0,0 7.148734,-48.8735 8.470197,-59.4548 1.321463,-10.5814 -0.07269,-24.427 -3.540811,-39.3925 -3.46812,-14.9656 -5.200483,-47.6561 13.865754,-79.8676 0,0 5.453487,-11.9234 10.987251,-18.745"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path887"
+       d="m 54.420419,840.50419 c 0,0 12.223788,20.70533 14.551698,25.2744 2.327913,4.56908 6.86629,13.45866 18.410208,45.7131 11.543919,32.25442 12.014467,36.78208 15.646845,54.51347 3.63238,17.73135 9.93896,31.95668 15.79171,43.23424 5.85275,11.2775 13.92108,26.588 14.10431,55.0118 0,0 -0.0502,6.2159 -2.06838,15.5116"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <ellipse
+       ry="9.7903976"
+       rx="20.201965"
+       cy="680.05347"
+       cx="438.19302"
+       transform="rotate(17.702283)"
+       id="path889"
+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path907"
+       d="m 206.32021,777.96691 c 0,0 2.00563,-4.26056 5.37759,-3.3968 3.37196,0.86377 4.4794,3.71448 3.77167,6.51131 -0.70773,2.79683 -10.68448,-0.34128 -9.14926,-3.11451 z"
+       style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path929"
+       d="m 303.44533,1022.7759 c 0,0 -2.16439,-0.042 -3.86487,-1.7347"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path931"
+       d="m 340.46427,1190.0515 c 0,0 64.02925,-40.5515 71.26342,-45.6514"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cscsscccsscccsc"
+       id="path933"
+       d="m 411.72769,1144.4001 c 0,0 3.93206,-2.9812 7.00034,-3.308 3.06826,-0.3267 6.7188,-3.8296 6.7188,-3.8296 0,0 1.79274,-4.5179 5.59595,-3.9536 3.80321,0.5644 9.17143,0.051 15.13498,-1.8011 5.96354,-1.8523 31.08998,-0.5687 25.84094,18.3743 0,0 -1.78144,8.2253 -7.10935,7.8337 0,0 -1.55607,-0.1472 -6.32826,2.0415 0,0 -2.72429,0.8446 -6.91682,5.9068 -4.1925,5.0622 -17.91311,17.2595 -29.42995,23.6967 -11.51687,6.4372 -15.5251,9.5211 -26.41287,19.1278 -4.55423,3.6915 -6.16093,7.8739 -9.90203,10.9048 -1.07265,0.8435 -7.37344,4.3075 -6.94607,13.2653 0,0 0.36533,4.041 1.93415,17.9482 1.62908,14.4416 6.34902,41.767 -32.80491,40.9816"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path937"
+       d="m 308.1583,1237.8237 c 0,0 -3.82207,35.5661 -9.03082,48.7985 0,0 -3.53508,12.6588 -4.77084,33.7106 -1.23576,21.0518 -6.97865,37.4751 -6.97865,37.4751"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path939"
+       d="m 328.66236,1289.2546 c 0,0 -30.92744,-18.7529 -16.58827,-85.1658"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path941"
+       d="m 77.224576,785.65473 c 0,0 -1.451816,41.49444 -22.804157,54.84946 0,0 -6.656305,7.01859 -11.859105,18.41938 -5.202801,11.4008 -7.154437,9.54861 -13.52328,26.96313 -6.36884,17.41451 -21.1949386,43.788 -21.6268931,45.17395 -0.4319545,1.38592 -9.0666882,13.58801 -10.8056302,24.54584"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccssssc"
+       id="path943"
+       d="m -11.301003,935.4521 c 0,0 18.003835,45.35358 23.249445,70.6101 0,0 2.424328,9.1244 3.948133,13.0716 1.523802,3.9472 5.977187,19.9579 6.678058,25.8999 0.700872,5.942 5.592951,24.3027 8.767896,29.342 3.174943,5.0392 12.379221,24.5275 18.18301,35.706 5.803792,11.1785 4.312352,6.6578 10.054425,18.5994"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cssssssc"
+       id="path945"
+       d="m 59.579964,1128.6811 c 0,0 2.371923,6.0097 12.535194,1.6812 10.163268,-4.3285 13.870922,-8.4041 14.750883,-9.6483 0.87996,-1.2442 10.353785,-8.328 13.115225,-8.56 2.761444,-0.2319 3.947774,-3.9546 5.516944,-5.6746 1.62584,-1.782 5.8957,-9.0703 7.09268,-10.2089 1.64128,-1.5613 18.97077,-16.8714 20.25885,-18.0236 1.12531,-1.0066 2.25596,-5.1114 9.1877,-5.3398"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path947"
+       d="m 142.03744,1072.9071 c 0,0 2.20289,0.3098 6.13568,-0.498 3.93279,-0.8077 6.89551,-2.7078 13.77312,-3.6751 6.87761,-0.9674 6.07114,-1.7305 13.16371,-1.4133 0,0 -8.74944,1.1995 -3.95902,8.868 0,0 1.26897,1.1855 9.25166,0.244 7.98268,-0.9415 5.91381,-0.9875 5.91381,-0.9875 0,0 -1.2051,4.6887 -11.72551,6.8214 -10.52042,2.1327 -12.79269,1.9537 -12.79269,1.9537 0,0 -4.31814,2.5021 -13.37016,5.8751 0,0 -3.69793,1.4825 -0.89861,2.069 2.79934,0.5865 19.88082,5.8242 22.49776,6.0766 2.61694,0.2524 10.81564,3.847 12.1207,5.0917 -0.50855,0.1037 -10.19658,-1.2491 -5.89714,8.2795 0,0 1.57115,2.6129 8.72753,4.1186 0,0 5.15859,1.2497 5.85701,1.3655 0.69842,0.1157 -3.03318,2.4728 -4.29566,2.3465"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccsc"
+       id="path949"
+       d="m 146.43989,1091.6699 c 0,0 -4.29101,-1.2516 -6.69111,-1.2461 -2.4001,0.01 -2.93172,-0.1821 -5.51552,1.7439 -2.5838,1.926 -9.4116,4.3142 -15.15635,9.9812"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path951"
+       d="m 253.2287,750.15337 c 0,0 -6.54237,-7.6488 -14.2592,-11.24274"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path955"
+       d="m 143.65268,716.32525 c -0.28507,-0.13995 19.91012,-10.13206 30.79078,-57.40552"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path957"
+       d="m 175.10995,1067.3207 c 0,0 11.44317,-3.2987 25.71302,4.2 0,0 3.90435,2.2953 -2.87428,2.9281 0,0 -8.5002,0.098 -11.63229,0.9964"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path959"
+       d="m 182.14789,1103.3327 c 0,0 13.69386,3.32 23.24095,14.585 0,0 3.27564,3.8888 -3.032,2.0981 0,0 -5.301,-1.8737 -11.52722,-2.8161"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cscscc"
+       id="path961"
+       d="m 115.3041,1117.2783 c 0,0 18.92056,-9.3826 21.22883,-8.7675 2.30828,0.6151 24.40651,3.883 24.74662,3.8517 0.34011,-0.031 2.25159,0.1897 3.87814,1.3246 1.62655,1.1349 3.1886,1.6735 3.1886,1.6735 v 0"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="csccsc"
+       id="path963"
+       d="m 178.02695,1126.1083 c 0,0 -6.1006,-0.3301 -13.73589,-4.2277 -6.35485,-3.244 4.05523,-6.52 4.05523,-6.52 0,0 13.49894,-1.3739 26.3429,9.6548 0,0 4.85605,4.3229 -1.99015,3.1431 -6.84619,-1.1799 -10.83641,-1.2092 -14.67209,-2.0502 z"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cscc"
+       id="path965"
+       d="m 182.52186,1128.4201 c 0,0 -4.20937,4.1072 -16.55179,1.3872 -12.34242,-2.7199 -34.63486,-4.4808 -34.63486,-4.4808 0,0 -16.69247,5.5395 -23.20947,4.9878"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="csc"
+       id="path969"
+       d="m 100.14772,1132.0293 c 19.43698,1.2874 27.97131,1.7185 30.66984,1.8196 2.69852,0.1011 12.58083,-0.092 19.4616,0.7416"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccccsc"
+       id="path971"
+       d="m 154.22718,1143.9245 c -9.3306,1.3045 -12.49183,-0.5792 -12.49183,-0.5792 -6.46822,-7.9125 8.54381,-8.7548 8.54381,-8.7548 0,0 8.18926,-1.0348 19.50893,4.7399 0,0 4.95565,2.513 -2.76743,3.4041 -7.72308,0.891 -5.97229,0.1406 -12.79348,1.19 z"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path973"
+       d="m 154.22718,1143.9245 c 0,0 -1.78349,4.1869 -16.14414,5.2152 -14.36066,1.0283 -29.31457,-0.4359 -29.31457,-0.4359"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path977"
+       d="m 99.899159,1160.7593 c 0,0 6.876811,-10.6417 8.869311,-12.0555"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path979"
+       d="m 97.289198,1164.1138 c 0,0 -6.033801,5.7607 -9.891516,7.2028 0,0 -14.935694,14.3749 -24.80715,16.8935 -9.871456,2.5185 -22.07969,8.3053 -37.173356,-6.5296 -15.093666,-14.835 -44.225253,-65.8094 -45.936644,-70.9813 -1.711391,-5.1719 -17.68623,-35.1318 -24.093388,-51.6092 -6.407158,-16.4773 -11.923997,-30.5339 -13.670985,-39.6394 -1.746989,-9.1056 -3.269505,-12.0325 -3.269505,-12.0325"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path983"
+       d="m 61.80753,1131.2378 c 0,0 -8.629557,-1.6946 -16.8855,7.8893"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path987"
+       d="m 88.911908,1179.5043 c 0,0 -4.534683,4.2049 -18.274506,4.7969"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path989"
+       d="m 221.11696,969.1049 c 0,0 64.60648,-11.28325 97.06597,11.83173"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path991"
+       d="m 231.18186,1009.1275 c 0,0 45.47044,-10.21795 59.71625,-2.3054 14.24577,7.9125 15.72144,3.4223 16.65365,3.4223 0.93221,0 2.05262,-1.4625 17.21482,7.0833"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path993"
+       d="m 333.91206,1057.1572 c 0,0 25.04958,43.0978 10.46448,83.3062"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path995"
+       d="m 230.37497,1088.0169 c 0,0 40.88924,22.0277 48.0803,77.6339"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path997"
+       d="m 357.66347,1090.3523 c 0,0 6.4681,4.586 9.76647,4.6572 3.29838,0.071 12.55296,5.4354 19.71248,8.8952 7.15954,3.4598 12.39822,4.1345 15.03094,7.7641 2.63272,3.6295 6.5511,15.4049 9.27471,18.1913 2.7236,2.7864 5.09634,8.4249 4.88873,11.8933"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cssc"
+       id="path999"
+       d="m 400.65141,1151.7728 c 0,0 -2.07373,-5.9875 -2.39928,-8.2519 -0.32557,-2.2644 -7.40477,-10.4046 -7.29711,-11.4529 0.10766,-1.0483 1.56227,3.9531 -1.1424,-2.7265"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1011"
+       d="m 415.04129,1135.8729 c 0,0 2.68458,1.7133 4.68794,4.8124"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cssssc"
+       id="path1013"
+       d="m 427.32736,1186.3721 c 0,0 1.31013,2.6968 1.05746,5.5806 -0.25265,2.8839 0.0723,5.0595 0.5632,6.3724 0.49093,1.313 0.0387,5.1408 -0.34557,6.1087 -0.38426,0.9679 -0.12499,6.1554 -3.33778,7.6652 -3.21279,1.5097 -5.89897,0.633 -7.16776,-0.7125"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1015"
+       d="m 428.63457,1204.608 c 0,0 1.31637,4.2463 -0.71478,7.1472 -2.03118,2.9009 -6.06306,2.8689 -6.90134,2.7856 -0.83825,-0.083 -0.90724,-1.8071 -0.90724,-1.8071"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1017"
+       d="m 422.97506,1214.7013 c 0,0 3.4221,6.5425 1.3304,10.8287"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1019"
+       d="m 424.7898,1220.0266 c 0,0 3.44295,6.1599 2.37999,11.6389"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1023"
+       d="m 463.37418,1158.1021 c 0,0 -6.05151,4.5131 -37.92735,-20.8396"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1025"
+       d="m 413.16793,1199.2956 c 0,0 2.9299,-6.0576 12.07829,-5.8866"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cscssc"
+       id="path1029"
+       d="m -61.719797,892.41499 c 0,0 -11.215194,30.55038 -13.654945,39.1082 -2.404258,8.43331 -5.242534,10.58329 -5.019013,10.87054 0,0 -1.949303,5.73432 -0.162776,9.10668 1.786526,3.37239 3.182327,6.38706 4.428054,9.00902 1.245727,2.62196 5.903429,15.20199 14.575131,46.90867"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path1037"
+       d="m 328.66236,1289.2546 c 2.71815,2.8685 39.44725,17.911 33.18117,-44.7925"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path1047"
+       d="m 238.9695,738.91063 c 0,0 -9.3827,-0.64717 -19.71953,-37.70436"
+       style="opacity:1;fill:none;stroke:#000000;stroke-width:7.55906;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

assets/img/favicon/2021-03/favicon.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="26.528891mm"
+   height="26.528891mm"
+   viewBox="0 0 26.528891 26.528891"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="favicon.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="-25.862887"
+     inkscape:cy="46.089189"
+     inkscape:document-units="mm"
+     inkscape:current-layer="text835"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1024"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-41.157469,-57.836902)">
+    <g
+       aria-label="t"
+       id="text835"
+       style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:35.2778px;line-height:1.25;font-family:Orbitron;-inkscape-font-specification:'Orbitron Heavy';fill:#ff2280;fill-opacity:1;stroke:none;stroke-width:0.264583">
+      <path
+         d="m 53.328303,69.30218 v 9.666111 h 7.584722 v 5.3975 h -7.831667 q -1.058333,0 -2.010833,-0.388055 -0.9525,-0.423334 -1.658056,-1.128889 -0.670277,-0.705556 -1.093611,-1.622778 -0.388055,-0.917222 -0.388055,-1.975556 V 57.836902 h 5.3975 v 6.067778 h 7.584722 v 5.3975 z"
+         style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:35.2778px;font-family:Orbitron;-inkscape-font-specification:'Orbitron Heavy';fill:#ff2280;fill-opacity:1;stroke-width:0.264583"
+         id="path858" />
+    </g>
+  </g>
+</svg>

assets/img/favicon/border/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/img/favicon/mstile-150x150.png"/>
+            <TileColor>#ff6c88</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

assets/img/favicon/border/safari-pinned-tab.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1388.000000pt" height="1388.000000pt" viewBox="0 0 1388.000000 1388.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,1388.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4200 13869 c-183 -23 -340 -73 -511 -160 -400 -206 -674 -568 -781
+-1034 l-23 -100 -3 -4640 c-2 -3327 0 -4675 8 -4765 31 -351 108 -680 232
+-994 53 -134 202 -427 283 -556 198 -314 472 -620 770 -859 462 -371 1002
+-614 1580 -710 283 -47 250 -46 2140 -46 l1790 0 105 23 c464 102 830 377
+1039 782 68 131 109 247 143 400 l23 105 0 1125 0 1125 -23 105 c-34 153 -75
+269 -143 400 -208 403 -571 677 -1034 781 -99 23 -106 23 -1067 26 l-968 4 0
+779 0 779 968 4 c961 3 968 3 1067 26 463 104 826 378 1034 781 68 131 109
+247 143 400 l23 105 0 1125 0 1125 -23 105 c-34 153 -75 269 -143 400 -208
+403 -571 677 -1034 781 -99 23 -106 23 -1067 26 l-967 4 -4 622 c-3 600 -4
+626 -26 722 -103 463 -385 834 -791 1044 -128 66 -245 108 -395 142 l-100 23
+-1090 2 c-599 1 -1119 -2 -1155 -7z m2060 -2769 l0 -1280 1620 0 1620 0 0
+-940 0 -940 -1620 0 -1620 0 0 -2117 c0 -2088 3 -2310 33 -2372 8 -16 27 -31
+52 -39 75 -25 441 -31 1798 -32 l1357 0 0 -940 0 -940 -1582 0 c-988 0 -1634
+4 -1718 10 -545 42 -1017 285 -1368 705 -221 264 -354 549 -424 908 l-22 112
+-3 4573 -3 4572 940 0 940 0 0 -1280z"/>
+</g>
+</svg>

assets/img/favicon/border/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/img/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/img/favicon/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ff6c88",
+    "background_color": "#ff6c88",
+    "display": "standalone"
+}

assets/img/favicon/favicon.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="favicon.svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 6.8008499 14.439897"
+   height="14.439898mm"
+   width="6.8008499mm">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:window-maximized="1"
+     inkscape:window-y="932"
+     inkscape:window-x="1182"
+     inkscape:window-height="1024"
+     inkscape:window-width="1920"
+     showguides="false"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="text835"
+     inkscape:document-units="mm"
+     inkscape:cy="-1.3646808"
+     inkscape:cx="-12.677594"
+     inkscape:zoom="3.959798"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <sodipodi:guide
+       id="guide837"
+       orientation="0.70710678,-0.70710678"
+       position="-151.83278,131.09394" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-31.294238,-94.737942)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:19.05px;line-height:1.25;font-family:Orbitron;-inkscape-font-specification:'Orbitron Bold';letter-spacing:0px;word-spacing:0px;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       id="text835"
+       aria-label="traxxx">
+      <path
+         id="path839"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:19.05px;font-family:Orbitron;-inkscape-font-specification:'Orbitron Bold';fill:#ff6c88;fill-opacity:1;stroke-width:0.264583"
+         d="m 33.923138,109.17784 q -1.08585,0 -1.8669,-0.762 -0.762,-0.78105 -0.762,-1.8669 V 94.737942 h 2.49555 v 3.3909 h 4.3053 v 2.495548 h -4.3053 v 5.39115 q 0,0.5334 0.05715,0.6096 0.0762,0.0571 0.6096,0.0571 h 3.63855 v 2.49555 z" />
+    </g>
+  </g>
+</svg>