Refined network layout

assets/components/sites/sites.vue

@@ -1,5 +1,18 @@
 <template>
     <ul class="nolist sites">
+        <a
+            v-if="network"
+            :href="network.url"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="tile"
+        >
+            <img
+                :src="`/img/logos/${network.slug}/network.png`"
+                class="logo"
+            >
+        </a>
+
         <li
             v-for="site in sites"
             :key="`site-${site.id}`"
@@ -17,6 +30,10 @@ export default {
         SiteTile,
     },
     props: {
+        network: {
+            type: Object,
+            default: null,
+        },
         sites: {
             type: Array,
             default: () => [],
@@ -49,4 +66,8 @@ export default {
         grid-template-columns: repeat(2, .5fr);
     }
 }
+
+.logo {
+    width: 15rem;
+}
 </style>