Added new Institute bar with MIT logo

Author: djanelle-mit

app/assets/stylesheets/application.css.scss

@@ -7,6 +7,7 @@
 @import "partials/_alerts";
 @import "partials/_filters";
 @import "partials/_global_alerts";
+@import "partials/_header";
 @import "partials/_layouts";
 @import "partials/_local_nav";
 @import "partials/_pagination";

app/assets/stylesheets/partials/_header.scss

@@ -0,0 +1,11 @@
+.institute-bar {
+    background-color: $color-gray-900;
+
+    .wrap-header {
+        background: none;
+
+        padding-top: 16px;
+        padding-bottom: 16px;
+    }
+
+}

app/views/layouts/_site_header.html.erb

@@ -1,3 +1,10 @@
+<div class="institute-bar">
+  <div class="wrap-header">
+    <a class="link-logo-mit" href="https://www.mit.edu"><span class="sr">MIT Logo</span>
+      <img src="https://cdn.libraries.mit.edu/files/branding/local/mit_logo_std_rgb_white.svg" height="24" alt="MIT logo" >
+    </a>
+  </div>
+</div>
 <div class="wrap-outer-header layout-band <%= 'reasons' if params[:rainbows] %>">
   <div class="wrap-header">
     <header class="header-site header-slim" role="banner">
@@ -12,11 +19,6 @@
           <% end %>
         </h1>
       </div>
-      <div class="wrap-header-supp">
-        <a class="link-logo-mit" href="https://www.mit.edu"><span class="sr">MIT</span>
-          <img src="https://cdn.libraries.mit.edu/files/branding/local/mit_logo_std_rgb_white.svg" height="35" alt="MIT logo" >
-        </a>
-      </div>
     </header>
   </div>
 </div>