Added generic entity page.

assets/components/entities/tile.vue

@@ -0,0 +1,74 @@
+<template>
+	<router-link
+		:to="{ name: entity.type, params: { entitySlug: entity.slug } }"
+		:title="entity.name"
+		class="tile"
+	>
+		<img
+			v-if="entity.type === 'channel'"
+			:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
+			:alt="entity.name"
+			class="logo"
+		>
+
+		<img
+			v-else
+			:src="`/img/logos/${entity.slug}/thumbs/network.png`"
+			:alt="entity.name"
+			class="logo"
+		>
+	</router-link>
+</template>
+
+<script>
+export default {
+	props: {
+		entity: {
+			type: Object,
+			default: null,
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import 'theme';
+
+.tile {
+    height: 6rem;
+    background: $tile;
+    display: flex;
+    flex-shrink: 0;
+	justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    padding: .5rem 1rem;
+    border-radius: .25rem;
+    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+    text-align: center;
+}
+
+.link {
+    text-decoration: none;
+}
+
+.logo {
+    max-width: 100%;
+    max-height: 100%;
+    color: $text-contrast;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+    font-weight: bold;
+    filter: $logo-highlight;
+}
+
+.title {
+    color: $text;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    margin: 0;
+}
+</style>