Redesigned release page. Added 'single site' marker, linking directly to network page. Fixed Dogfart scraper duration.

assets/components/network/network.vue

@@ -12,11 +12,10 @@
                     rel="noopener noreferrer"
                     class="title"
                 >
-                    <object
-                        :data="`/img/logos/${network.slug}/network.png`"
-                        type="image/png"
+                    <img
+                        :src="`/img/logos/${network.slug}/network.png`"
                         class="logo"
-                    ><h2>{{ network.name }}</h2></object>
+                    >
 
                     <Icon
                         icon="new-tab"
@@ -27,16 +26,18 @@
                 <p class="description">{{ network.description }}</p>
             </div>
 
-            <h3 class="heading">Sites</h3>
+            <template v-if="sites.length">
+                <h3 class="heading">Sites</h3>
 
-            <ul class="nolist sites">
-                <li
-                    v-for="site in sites"
-                    :key="`site-${site.id}`"
-                >
-                    <SiteTile :site="site" />
-                </li>
-            </ul>
+                <ul class="nolist sites">
+                    <li
+                        v-for="site in sites"
+                        :key="`site-${site.id}`"
+                    >
+                        <SiteTile :site="site" />
+                    </li>
+                </ul>
+            </template>
 
             <h3 class="heading">Latest releases</h3>
 
@@ -60,7 +61,9 @@ async function mounted() {
     [this.network] = await this.$store.dispatch('fetchNetworks', this.$route.params.networkSlug);
     this.releases = await this.$store.dispatch('fetchNetworkReleases', this.$route.params.networkSlug);
 
-    this.sites = this.network.sites.sort(({ name: nameA }, { name: nameB }) => nameA.localeCompare(nameB));
+    this.sites = this.network.sites
+        .filter(site => !site.independent)
+        .sort(({ name: nameA }, { name: nameB }) => nameA.localeCompare(nameB));
 
     this.pageTitle = this.network.name;
 }