Added date precision. Added Teen Core Club update scraper.

assets/components/icon/icon.vue

@@ -1,6 +1,5 @@
 <template>
 	<div
-		:title="title"
 		:class="{ active }"
 		class="icon"
 		v-html="svg"

assets/components/releases/release.vue

@@ -32,8 +32,8 @@
 						rel="noopener noreferrer"
 						class="tidbit date"
 					>
-						<span class="showable">{{ formatDate(release.date, 'MMM D, YYYY') }}</span>
-						<span class="hideable">{{ formatDate(release.date, 'MMMM D, YYYY') }}</span>
+						<span class="showable">{{ formatDate(release.date, 'MMM D, YYYY', release.datePrecision) }}</span>
+						<span class="hideable">{{ formatDate(release.date, 'MMMM D, YYYY', release.datePrecision) }}</span>
 
 						<Icon
 							v-if="release.url"
@@ -97,7 +97,21 @@
 
 		<div class="info column">
 			<div class="row">
-				<h2 class="title">{{ release.title }}</h2>
+				<h2
+					v-if="release.title"
+					class="title"
+				>{{ release.title }}</h2>
+
+				<h2
+					v-if="release.actors.length > 0"
+					class="title title-composed"
+				>
+					{{ release.actors.map(actor => actor.name).join(', ') }} for {{ release.entity.name }}
+					<Icon
+						v-tooltip="`This scene has no known official title`"
+						icon="question2"
+					/>
+				</h2>
 			</div>
 
 			<div
@@ -388,7 +402,22 @@ export default {
 }
 
 .title {
+	display: inline-block;
 	margin: 0;
+
+	.icon {
+		fill: var(--shadow);
+		padding: .25rem;
+
+		&:hover {
+			fill: var(--primary);
+			cursor: pointer;
+		}
+	}
+}
+
+.title-composed {
+	color: var(--shadow);
 }
 
 .title-shoot {

assets/components/releases/tile-details.vue

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

assets/components/releases/tile.vue

@@ -51,10 +51,16 @@
 				class="row link"
 			>
 				<h3
+					v-if="release.title"
 					v-tooltip.top="release.title"
 					:title="release.title"
 					class="title"
 				>{{ release.title }}</h3>
+
+				<h3
+					v-else-if="release.actors.length > 0"
+					class="title title-composed"
+				>{{ release.actors[0].name }} for {{ release.entity.name }}</h3>
 			</a>
 
 			<span class="row">
@@ -209,6 +215,10 @@ export default {
     overflow: hidden;
 }
 
+.title-composed {
+	color: var(--shadow);
+}
+
 .network {
     color: #555;
     margin: 0 .25rem 0 0;

assets/components/scroll/scroll.vue

@@ -250,11 +250,9 @@ export default {
 	padding: 1rem .5rem 1rem 2rem;
 }
 
-/*
 @media(max-width: $breakpoint) {
 	.scroll-button {
 		display: none;
 	}
 }
-*/
 </style>

assets/components/tags/photos.vue

@@ -83,12 +83,15 @@ export default {
 		display: flex;
 		justify-content: center;
 		flex-wrap: wrap;
-		padding: 0 1rem;
+		padding: 0 0 0 1rem;
+
+		.photo-link {
+			margin: 0 .5rem .5rem 0;
+		}
 
 		.poster,
 		.photo {
-			height: 18rem;
-			margin: 0 .5rem .5rem 0;
+			max-height: 18rem;
 		}
 	}
 }
@@ -99,7 +102,8 @@ export default {
 
 .poster,
 .photo {
-	height: 15rem;
+	max-height: 15rem;
+	max-width: 100%;
 	box-shadow: 0 0 3px var(--shadow-weak);
 }
 </style>

assets/components/tags/tag.vue

@@ -144,8 +144,4 @@ export default {
 	padding: 0 1rem 1rem 1rem;
     line-height: 1.5;
 }
-
-.dark .sidebar {
-    border-right: solid 1px var(--shadow-hint);
-}
 </style>