Switch header logo to img - too big for CRP

layouts/partials/site-header.html

@@ -2,7 +2,7 @@
 <header id="site-header" class="site-header">
   <div class="hugo-meta" title="Hugo version {{$version}}">
   <a href="/" id="home-link">
-     {{ partial "svg-icons/hugo-logo-wide.svg" . }}<span class="hugo-v">v{{$version}}</span>
+     <img src="{{ "images/hugo-icons/hugo-logo-wide.svg" | relURL }}" alt="The official wide logo for Hugo">v{{$version}}</span>
   </a>
   <!-- From https://buttons.github.io/. -->
   <!-- <a class="github-button" href="https://github.com/spf13/hugo" data-icon="octicon-star" data-style="mega" data-count-href="/spf13/hugo/stargazers" data-count-api="/repos/spf13/hugo#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star spf13/hugo on GitHub">Star</a> -->

pipeline/scss/layout/_site-header.scss

@@ -27,25 +27,6 @@
       justify-content: flex-start;
     }
   }
-  #home-link {
-    display: flex;
-    align-items: center;
-    font-size: .8em;
-    margin-left: -1em;
-    svg {
-      height: $site-header-height * .7;
-      max-height: $site-header-height * .7;
-      margin-right: .25em;
-      max-width:140px;
-    }
-    .hugo-v {
-      align-self: flex-end;
-      font-size: .9em;
-    }
-    @include MQ(L){
-      margin-left:1em;
-    }
-  }
   a.github-button {
     display: none;
     @include MQ(M) {
@@ -61,3 +42,23 @@
     margin-left: 1em;
   }
 }
+
+#home-link {
+  display: flex;
+  align-items: center;
+  font-size: .8em;
+  margin-left: -1em;
+  img {
+    height: $site-header-height * .7;
+    max-height: $site-header-height * .7;
+    margin-right: .25em;
+    max-width: 140px;
+  }
+  .hugo-v {
+    align-self: flex-end;
+    font-size: .9em;
+  }
+  @include MQ(L) {
+    margin-left: 1em;
+  }
+}