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

assets/components/entities/entity.vue

@@ -38,7 +38,10 @@
 				<Icon icon="share2" />
 			</a>
 
-			<ul class="tags">
+			<ul
+				v-if="entity.tags.length > 0"
+				class="tags"
+			>
 				<li
 					v-for="tag in entity.tags"
 					:key="`tag-${tag.slug}`"
@@ -199,7 +202,7 @@ export default {
 
 .link-parent {
 	flex-direction: row-reverse;
-	margin: 0 0 0 2rem;
+	margin: 0 0 0 3rem;
 }
 
 .logo {
@@ -231,9 +234,14 @@ export default {
 	display: none;
 }
 
+@media(max-width: $breakpoint) {
+	.tags {
+		display: none;
+	}
+}
+
 @media(max-width: $breakpoint-micro) {
-	.logo-parent,
-	.link-child .icon {
+	.logo-parent {
 		display: none;
 	}
 
@@ -241,4 +249,10 @@ export default {
 		display: inline-block;
 	}
 }
+
+@media(max-width: $breakpoint-nano) {
+	.link-child .icon {
+		display: none;
+	}
+}
 </style>