Add back CRP and switching header logo to embedded svg

2026-08-24 15:28:54 +00:00 · 2017-03-20 11:49:16 -05:00
parent f816f2bd78
commit 08738d38d4
26 changed files with 11 additions and 13 deletions
@@ -63,7 +63,7 @@ watch = true
  # Add GA Tracking Code Here. This leverages a built-in (ie, "internal") partial from HUGO: https://gohugo.io/extras/analytics#configuring-google-analytics
  googleanalyticstrackingcode = ""
  ## Critical Render Path. If true, site style will be embedded in a <style> tag in each html <head> as part of Gulp Build. False puts a typical <link> to the stylesheet in <head>>
-  usecrp = false
+  usecrp = true
  ## Twitter handle without the "@"
  twitterhandle = "GoHugoIO"
  ## Facebook URL
@@ -17,7 +17,6 @@ deprecated: false
 aliases: []
 ---

-<!-- see https://github.com/spf13/hugo/issues/3188 -->

 Returns a list of strings that match the regular expression. By default all matches will be included. The number of matches can be limitted with an optional third parameter.

@@ -16,7 +16,7 @@ aliases: []

 ## Assumptions

-1. You have an account with [Firebase][signup]; you can sign up for free using your Google account.
+1. You have an account with [Firebase][signup]. (If you don't, you can sign up for free using your Google account.)
 2. You have completed the [Quick Start][] or have a completed Hugo website ready for deployment.

 ## Initial setup
@@ -168,7 +168,6 @@ Add `prism.js` near the bottom of your `<body>` tag in whatever Hugo partial tem
 ```html
 ...
 <script src="/js/prism.js"></script>
-...
 </body>
 ```

@@ -216,7 +215,6 @@ Passing the above examples through the highlighter script would yield the follow
 &lt;pre&gt;&lt;code class="language-css hljs"&gt;;&lt;span class="hljs-selector-tag"&gt;body&lt;/span&gt; {
  &lt;span class="hljs-attribute"&gt;font-family&lt;/span&gt;: &ltspan class="hljs-string"&gt;"Noto Sans"&lt;/span&gt;, sans-serif;
 }
-</code></pre>
 {{< /nohighlight >}}

 In the case of the coding color scheme used by the Hugo docs, the resulting output would then look like the following to the website's end users:
@@ -2,7 +2,7 @@
 <header id="site-header" class="site-header">
  <div class="hugo-meta" title="Hugo version {{$version}}">
  <a href="/" id="home-link">
-    <img src="{{ "images/hugo-icons/hugo-logo-wide.svg" | relURL}}" alt=""><span class="hugo-v">v{{$version}}</span>
+     {{ partial "svg-icons/hugo-logo-wide.svg" . }}<span class="hugo-v">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> -->
@@ -9,6 +9,5 @@
 	</header>
 	{{.TableOfContents}}
 	</div>
-	<div class="fade"></div>
 </aside>
 {{end}}
@@ -33,8 +33,8 @@ gulp.task('scss', function() {
    .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
    .pipe(prefix('last 2 versions', '> 1%', 'ie 10', 'Android 2', 'Firefox ESR'))
    .pipe(plumber())
-    // .pipe(rename('style-embed.html'))
-    // .pipe(gulp.dest('../layouts/partials'))
+    .pipe(rename('style-embed.html'))
+    .pipe(gulp.dest('../layouts/partials'))
    .pipe(rename('style.min.css'))
    .pipe(gulp.dest('../static/css'));
 });
@@ -3,5 +3,6 @@
    width: 100%;
    max-width: 100%;
    height: auto;
+    @include card(1);
  }
 }
@@ -8,7 +8,7 @@ aside#toc {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 280px;
-  @include card(1);
+  // @include card(1);
  header.toc-header {
    display: inline-block;
    width: 100%;
@@ -32,10 +32,11 @@
    align-items: center;
    font-size: .8em;
    margin-left: -1em;
-    img {
+    svg {
      height: $site-header-height * .7;
      max-height: $site-header-height * .7;
      margin-right: .25em;
+      max-width:140px;
    }
    .hugo-v {
      align-self: flex-end;