Generating thumbnails. Added site overview page.

public/css/style.css

@@ -15,12 +15,10 @@
 }
 .thumbnail[data-v-3abcf101] {
   width: 100%;
-  height: 12rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   -o-object-fit: cover;
      object-fit: cover;
+  -o-object-position: 50% 0;
+     object-position: 50% 0;
   background-position: center;
   background-size: cover;
   background-color: rgba(0, 0, 0, 0.1);
@@ -226,6 +224,52 @@
     color: #ff6c88;
 }
 
+/* $primary: #ff886c; */
+.header[data-v-3e57cf44] {
+  display: flex;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.title[data-v-3e57cf44] {
+  display: inline-block;
+  margin: 0 .5rem 0 0;
+}
+.heading[data-v-3e57cf44] {
+  padding: 0;
+  margin: 0 0 1rem 0;
+}
+.link[data-v-3e57cf44] {
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.logo[data-v-3e57cf44] {
+  height: 3rem;
+}
+.networklogo-container[data-v-3e57cf44] {
+  color: rgba(0, 0, 0, 0.5);
+  display: block;
+  margin: .5rem 0 0 0;
+}
+.networklogo[data-v-3e57cf44] {
+  color: #222;
+  height: 1rem;
+  font-weight: bold;
+}
+.sites[data-v-3e57cf44],
+.scenes[data-v-3e57cf44] {
+  display: grid;
+  grid-gap: 1rem;
+  margin: 0 0 1rem 0;
+}
+.scenes[data-v-3e57cf44] {
+  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+}
+.sites[data-v-3e57cf44] {
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+}
+
 /* $primary: #ff886c; */
 .tile[data-v-f4958086] {
   display: flex;
@@ -247,7 +291,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 4rem;
+  height: 3rem;
   -o-object-fit: contain;
      object-fit: contain;
   font-size: 1rem;
@@ -288,7 +332,7 @@
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
 }
 .sites[data-v-757c14c2] {
-  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
 }
 
 /* $primary: #ff886c; */