Updated tag page layout. Added shoot date property. Showing parent favicon on compact entity page. Re-added 'new' indicator on tile. Added Family Sinner to Mile High Media. Various fixes and improvements.

assets/components/releases/media.vue

@@ -149,6 +149,10 @@ export default {
 	scroll-behavior: smooth;
     font-size: 0;
 
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
 	&.expanded {
 		display: flex;
 		justify-content: center;
@@ -165,10 +169,6 @@ export default {
 			height: 100%;
 		}
 	}
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
 }
 
 .poster-link {
@@ -241,7 +241,7 @@ export default {
     height: 18rem;
     vertical-align: middle;
 	object-fit: cover;
-	box-shadow: 0 0 3px var(--shadow);
+	box-shadow: 0 0 3px var(--shadow-weak);
 }
 
 .trailer-container {

assets/components/releases/release.vue

@@ -25,7 +25,6 @@
 				<div class="tidbits">
 					<a
 						v-if="release.date"
-						v-tooltip.bottom="release.url && `View scene on ${release.entity.name}`"
 						:title="release.url && `View scene on ${release.entity.name}`"
 						:href="release.url"
 						:class="{ link: release.url }"
@@ -35,18 +34,22 @@
 					>
 						<span class="showable">{{ formatDate(release.date, 'MMM D, YYYY') }}</span>
 						<span class="hideable">{{ formatDate(release.date, 'MMMM D, YYYY') }}</span>
-						<Icon icon="share2" />
+
+						<Icon
+							v-if="release.url"
+							icon="share2"
+						/>
 					</a>
 				</div>
 
 				<div class="site">
-					<template v-if="release.entity.parent">
+					<template v-if="release.entity.parent && !release.entity.independent">
 						<a :href="`/network/${release.entity.parent.slug}`">
 							<img
 								:src="`/img/logos/${release.entity.parent.slug}/thumbs/network.png`"
 								:title="release.entity.parent.name"
 								:alt="release.entity.parent.name"
-								class="logo logo-network"
+								class="logo logo-parent"
 							>
 						</a>
 
@@ -191,14 +194,22 @@
 						class="link studio"
 					>{{ release.studio.name }}</router-link>
 				</div>
+
+				<div
+					v-if="release.productionDate"
+					class="row-tidbit"
+				>
+					<span class="row-label">Production date</span>
+					{{ formatDate(release.productionDate, 'MMMM D, YYYY') }}
+				</div>
 			</div>
 
 			<div class="row">
-				<span class="row-label">Added</span>
+				<span class="row-label">Indexed</span>
 
 				<router-link
-					:to="`/added/${formatDate(release.dateAdded, 'YYYY/MM/DD')}`"
-					:title="`Added on ${formatDate(release.dateAdded, 'MMMM D, YYYY')}`"
+					:to="`/added/${formatDate(release.createdAt, 'YYYY/MM/DD')}`"
+					:title="`Added on ${formatDate(release.createdAt, 'MMMM D, YYYY HH:mm')}`"
 					class="link added"
 				>{{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }}</router-link>
 			</div>
@@ -207,9 +218,6 @@
 </template>
 
 <script>
-// import config from 'config';
-// import format from 'template-format';
-
 import Media from './media.vue';
 import Actor from '../actors/tile.vue';
 import Release from './tile.vue';
@@ -273,6 +281,18 @@ export default {
 
     .link {
         color: var(--text-light);
+
+		.icon {
+			fill: var(--lighten);
+		}
+
+		&:hover {
+			color: var(--text-light);
+
+			.icon {
+				fill: var(--text-light);
+			}
+		}
     }
 }
 
@@ -293,7 +313,7 @@ export default {
 
 		.icon {
 			fill: var(--lighten);
-			margin: -.2rem 0 0 .5rem;
+			margin: -.2rem 0 0 .75rem;
 		}
     }
 }
@@ -317,7 +337,7 @@ export default {
     object-position: 100% 50%;
 }
 
-.logo-network {
+.logo-parent {
     height: 1.5rem;
     max-width: 10rem;
     object-fit: contain;
@@ -343,7 +363,7 @@ export default {
 }
 
 .row {
-    margin: 0 0 1rem 0;
+    margin: 0 0 1.5rem 0;
 
     &.associations {
         align-items: start;
@@ -364,7 +384,7 @@ export default {
 
 .row-tidbit {
 	display: inline-block;
-	margin: 0 1rem 0 0;
+	margin: 0 2rem 0 0;
 }
 
 .title {
@@ -432,7 +452,7 @@ export default {
 }
 
 @media(max-width: $breakpoint3) {
-    .logo-network,
+    .logo-parent,
     .chain {
         display: none;
     }

assets/components/releases/tile-details.vue

@@ -43,7 +43,7 @@
 			target="_blank"
 			rel="noopener noreferrer"
 			class="date"
-		>{{ formatDate(release.date, 'MMM D, YYYY') }}</a>
+		>{{ formatDate(release.date, 'MMMM D, YYYY') }}</a>
 
 		<a
 			v-else
@@ -53,7 +53,7 @@
 			target="_blank"
 			rel="noopener noreferrer"
 			class="date"
-		>{{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }}</a>
+		>{{ `(${formatDate(release.dateAdded, 'MMMM D, YYYY')})` }}</a>
 	</span>
 </template>
 

assets/components/releases/tile.vue

@@ -1,12 +1,12 @@
 <template>
 	<div
 		:id="`${release.type}-${release.id}`"
-		:class="{ [release.type]: true }"
+		:class="{ new: release.isNew }"
 		class="tile"
 	>
 		<span class="poster">
 			<a
-				:href="`/${release.type || 'scene'}/${release.id}/${release.slug}`"
+				:href="`/scene/${release.id}/${release.slug}`"
 				target="_blank"
 				rel="noopener noreferrer"
 				class="link"
@@ -39,13 +39,13 @@
 					class="thumbnail"
 				>No thumbnail available</div>
 			</a>
-		</span>
 
-		<Details :release="release" />
+			<Details :release="release" />
+		</span>
 
 		<div class="info">
 			<a
-				:href="`/${release.type || 'scene'}/${release.id}/${release.slug}`"
+				:href="`/scene/${release.id}/${release.slug}`"
 				target="_blank"
 				rel="noopener noreferrer"
 				class="row link"
@@ -138,10 +138,23 @@ export default {
     overflow: hidden;
     box-shadow: 0 0 3px var(--darken-weak);
     height: 100%;
+
+	&.new .poster::after {
+		content: 'new';
+		position: absolute;
+		top: 0;
+		right: 0;
+		padding: .15rem .25rem;
+		color: var(--text-light);
+		background: var(--primary);
+		font-size: .8rem;
+		font-weight: bold;
+	}
 }
 
 .poster {
     position: relative;
+    margin: 0 0 .6rem 0;
 }
 
 .covers {
@@ -167,10 +180,6 @@ export default {
     text-shadow: 1px 1px 0 var(--highlight);
 }
 
-.details {
-    margin: 0 0 .6rem 0;
-}
-
 .row {
     display: flex;
     justify-content: space-between;
@@ -193,9 +202,9 @@ export default {
 .title {
     margin: 0 .25rem .25rem 0;
     color: var(--text);
-    max-height: 2.75rem;
     font-size: 1rem;
     line-height: 1.5;
+	white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }