feat: branding

src/styles/_statusmap.scss

@@ -14,6 +14,25 @@
   }
 }
 
+.status-heatmap-wrapper {
+  position: relative;
+  a.logo {
+    display: block;
+    background: $branding-logo no-repeat;
+    background-size: contain;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    opacity: 0.15;
+
+    :hover > & {
+      opacity: 1;
+    }
+  }
+}
+
 .statusmap-panel {
   position: relative;
 
@@ -154,3 +173,16 @@
     }
   }
 }
+
+.statusmap-about {
+  .header-logo {
+    height: 145px;
+    width: 330px;
+    background: $about-header-logo no-repeat;
+    background-size: contain;
+    margin-bottom: 7px;
+  }
+  a {
+    text-decoration: underline;
+  }
+}

src/styles/_variables.scss

@@ -1,3 +1,5 @@
 $font-size-sm: 12px !default;
 $font-size-tick: 11px;
 
+$about-header-logo: url('../img/statusmap_icon.svg');
+$branding-logo: url('../img/flant_corner.svg');