Add lab logo

Author: NeoNeuron

_includes/header.html

@@ -9,7 +9,8 @@
         <div class="container">
           {% if page.permalink != '/' -%}
           <a class="navbar-brand title font-weight-lighter" href="{{ site.baseurl | prepend: site.url }}/">
-              {%- if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }}  {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif -%}
+              <!-- {%- if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }}  {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif -%} -->
+              <img class="lab-logo" />
           </a>
           {%- elsif site.enable_navbar_social -%}
           <!-- Social Icons -->

_sass/_base.scss

@@ -855,4 +855,9 @@ tbody tr.future-item {
   p {
     color: $green-color;
   }
+}
+
+.lab-logo {
+  content:var(--global-logo);
+  max-width: 100px;
 }

_sass/_themes.scss

@@ -18,6 +18,7 @@
   --global-divider-color: rgba(0,0,0,.1);
   --global-card-bg-color: #{$white-color};
   --global-splash: url("../img/header_background_light.jpg");
+  --global-logo: url("../img/lab-logo-black.png");
 
   .fa-sun {
     display : none;
@@ -52,6 +53,7 @@ html[data-theme='dark'] {
   --global-divider-color: #424246;
   --global-card-bg-color: #{$grey-900};
   --global-splash: url("../img/header_background_dark.jpg");
+  --global-logo: url("../img/lab-logo-white.png");
 
   .fa-sun {
     padding-left: 10px;