Added support for Family Strokes.

assets/components/sites/site.vue

@@ -21,6 +21,14 @@
                 >
             </a>
 
+            <ul class="tags nolist">
+                <li
+                    v-for="tag in site.tags"
+                    :key="`tag-${tag.slug}`"
+                    class="tag"
+                >{{ tag.name }}</li>
+            </ul>
+
             <a
                 v-tooltip.bottom="`Go to ${site.network.name} overview`"
                 :href="`/network/${site.network.slug}`"
@@ -115,6 +123,12 @@ export default {
     filter: $logo-highlight;
 }
 
+.tag {
+    background: $shadow;
+    padding: .5rem;
+    margin: 0 .5rem .5rem 0;
+}
+
 @media(max-width: $breakpoint) {
     .link {
         padding: .5rem 1rem;
@@ -123,5 +137,9 @@ export default {
     .logo {
         max-height: 2.5rem;
     }
+
+    .tags {
+        display: none;
+    }
 }
 </style>