Added Bang! scraper. Showing studio on tile. Added favicons to tiles.

assets/components/networks/network.vue

@@ -68,8 +68,16 @@ import Sites from '../sites/sites.vue';
 async function fetchNetwork() {
     this.network = await this.$store.dispatch('fetchNetworks', this.$route.params.networkSlug);
 
+    if (this.network.studios) {
+        this.studios = this.network.studios.map(studio => ({
+            ...studio,
+            network: this.network,
+        }));
+    }
+
     this.sites = this.network.sites
         .filter(site => !site.independent)
+        .concat(this.studios)
         .sort(({ name: nameA }, { name: nameB }) => nameA.localeCompare(nameB));
 
     this.releases = this.network.sites.map(site => site.releases).flat();
@@ -89,7 +97,8 @@ export default {
     data() {
         return {
             network: null,
-            sites: null,
+            sites: [],
+            studios: [],
             releases: [],
             pageTitle: null,
             expanded: false,
@@ -158,12 +167,13 @@ export default {
 }
 
 .header {
-    background: $profile;
     width: 100%;
-    height: 4rem;
+    height: 3rem;
     display: none;
+    flex-shrink: 0;
     justify-content: center;
     border-bottom: solid 1px $shadow-hint;
+    background: $profile;
 }
 
 .sites.compact {

assets/components/networks/networks.vue

@@ -29,10 +29,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'theme';
+
 .networks {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
     grid-gap: 1rem;
     padding: 1rem;
 }
+
+@media(max-width: $breakpoint) {
+    .networks {
+        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    }
+}
 </style>

assets/components/releases/release.vue

@@ -80,7 +80,21 @@
 
                         <span class="chain">presents</span>
 
-                        <a :href="`/site/${release.site.slug}`">
+                        <a
+                            v-if="release.studio"
+                            :href="`/site/${release.studio.slug}`"
+                        >
+                            <img
+                                :src="`/img/logos/${release.network.slug}/${release.studio.slug}.png`"
+                                :title="release.studio.name"
+                                class="logo logo-site"
+                            >
+                        </a>
+
+                        <a
+                            v-else
+                            :href="`/site/${release.site.slug}`"
+                        >
                             <img
                                 :src="`/img/logos/${release.network.slug}/${release.site.slug}.png`"
                                 :title="release.site.name"

assets/components/tile/release.vue

@@ -11,12 +11,24 @@
                     class="site site-link"
                 >{{ release.network.name }}</router-link>
 
+                <router-link
+                    v-else-if="release.studio"
+                    :to="`/network/${release.network.slug}`"
+                    class="site site-link"
+                ><img
+                    :src="`/img/logos/${release.network.slug}/favicon.png`"
+                    class="favicon"
+                >{{ release.studio.name }}</router-link>
+
                 <router-link
                     v-else
                     v-tooltip.bottom="`Part of ${release.network.name}`"
                     :title="`Part of ${release.network.name}`"
                     :to="`/site/${release.site.slug}`"
                     class="site site-link"
+                ><img
+                    :src="`/img/logos/${release.network.slug}/favicon.png`"
+                    class="favicon"
                 >{{ release.site.name }}</router-link>
 
                 <a
@@ -178,11 +190,18 @@ export default {
     justify-content: space-between;
     position: absolute;
     font-size: 0;
+
+    .favicon {
+        height: 1rem;
+        margin: 0 .25rem 0 0;
+    }
 }
 
 .site,
 .date {
     color: #fff;
+    display: flex;
+    align-items: center;
     background: $shadow;
     position: relative;
     font-size: .8rem;