Added 'visible' property to entities. Added various Teen Core Club logos.

assets/components/releases/release.vue

@@ -44,7 +44,11 @@
 
 				<div class="site">
 					<template v-if="release.entity.parent && !release.entity.independent">
-						<a :href="`/network/${release.entity.parent.slug}`">
+						<a
+							v-if="release.entity.parent.hasLogo"
+							:href="`/network/${release.entity.parent.slug}`"
+							class="logo-link"
+						>
 							<img
 								:src="`/img/logos/${release.entity.parent.slug}/thumbs/network.png`"
 								:title="release.entity.parent.name"
@@ -53,10 +57,18 @@
 							>
 						</a>
 
+						<a
+							v-else
+							:href="`/network/${release.entity.parent.slug}`"
+							class="logo-link logo-name"
+						>{{ release.entity.parent.name }}</a>
+
 						<span class="chain">presents</span>
 
 						<a
+							v-if="release.entity.hasLogo"
 							:href="`/${release.entity.type}/${release.entity.slug}`"
+							class="logo-link"
 						>
 							<img
 								v-if="release.entity.type === 'network'"
@@ -72,6 +84,12 @@
 								class="logo logo-site"
 							>
 						</a>
+
+						<a
+							v-else
+							:href="`/${release.entity.type}/${release.entity.slug}`"
+							class="logo-link logo-name"
+						>{{ release.entity.name }}</a>
 					</template>
 
 					<a
@@ -218,6 +236,14 @@
 				</div>
 			</div>
 
+			<div
+				v-if="release.comment"
+				class="row"
+			>
+				<span class="row-label">Comment</span>
+				<span>{{ release.comment }}</span>
+			</div>
+
 			<div class="row">
 				<span class="row-label">Added</span>
 
@@ -345,6 +371,10 @@ export default {
     display: inline-block;
 }
 
+.logo-link {
+	text-decoration: none;
+}
+
 .logo-site {
     height: 2.5rem;
     max-width: 15rem;
@@ -360,6 +390,13 @@ export default {
     object-position: 100% 50%;
 }
 
+.logo-name {
+	padding: .5rem 0;
+	color: var(--text-light);
+	font-size: 1.25rem;
+	font-weight: bold;
+}
+
 .chain {
     color: var(--lighten);
     padding: 0 .5rem;

assets/components/releases/tile.vue

@@ -61,6 +61,11 @@
 					v-else-if="release.actors.length > 0"
 					class="title title-composed"
 				>{{ release.actors[0].name }} for {{ release.entity.name }}</h3>
+
+				<h3
+					v-else
+					class="title title-empty"
+				>{{ release.entity.name }}</h3>
 			</a>
 
 			<span class="row">
@@ -216,7 +221,8 @@ export default {
     overflow: hidden;
 }
 
-.title-composed {
+.title-composed,
+.title-empty {
 	color: var(--shadow);
 }