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>

assets/css/_tooltip.scss

@@ -10,7 +10,7 @@
   }
 
   &:not(.popover) .tooltip-inner {
-	padding: .25rem .5rem;
+	padding: .5rem 1rem;
   }
 
   .tooltip-arrow {

assets/img/icons/question2.svg

@@ -1,5 +1,4 @@
 <!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-<title>question2</title>
 <path d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8s-3.582-8-8-8zM9 13h-2v-2h2v2zM12 8l-3 2h-2v-1l3-2v-1h-5v-2h6c0.552 0 1 0.448 1 1v3z"></path>
 </svg>

assets/js/fragments.js

@@ -169,6 +169,7 @@ const releaseFields = `
     id
     title
     date
+	datePrecision
     slug
     type
 	shootId
@@ -235,6 +236,7 @@ const releaseFragment = `
     title
     description
     date
+	datePrecision
     duration
     createdAt
     shootId

assets/js/main.js

@@ -13,6 +13,20 @@ import '../css/style.scss';
 import Container from '../components/container/container.vue';
 import Icon from '../components/icon/icon.vue';
 
+function formatDate(date, format = 'MMMM D, YYYY', precision = 'day') {
+	if (precision === 'year') {
+		const newFormat = format.match(/Y+/);
+		return dayjs(date).format(newFormat ? newFormat[0] : 'YYYY');
+	}
+
+	if (precision === 'month') {
+		const newFormat = format.match(/(M{1,4})|(Y{2,4})/g);
+		return dayjs(date).format(newFormat ? newFormat.join(' ') : 'MMMM YYYY');
+	}
+
+	return dayjs(date).format(format);
+}
+
 function init() {
 	const store = initStore(router);
 
@@ -37,7 +51,7 @@ function init() {
 			},
 		},
 		methods: {
-			formatDate: (date, format) => dayjs(date).format(format),
+			formatDate,
 			isAfter: (dateA, dateB) => dayjs(dateA).isAfter(dateB),
 			isBefore: (dateA, dateB) => dayjs(dateA).isBefore(dateB),
 		},