jekyll-theme-hydejack 8.4.0 → 8.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 12a2ea5a7563b85475351cfeb46e01ff40521977
-  data.tar.gz: 85c04dea0b8e7be84303a8dae2eb55af0f0dce30
+  metadata.gz: c70f872495a59580dc0597ec53eb6351c186de70
+  data.tar.gz: af79d9ab26f44d6935a2e8cdf86380407cdbd629
 SHA512:
-  metadata.gz: 58910d20fddb272eed7b832918b40648aab4aab3e4e2176367c9ab516e889e6648f9789b9541fc883ac48ad3e30ff664141c5b78d8db0006de55e96e88f1f60a
-  data.tar.gz: 5f04362e44fe40d162277de2aa1847cb19ef5855c9e5e04ef9f4761d0152b67808156f561aa21381c54b793338ee7ab261cddef7cfba86bec953b7f7fb3442a6
+  metadata.gz: 3961a65a028deff871d35a1352ffd785d5b29288730fee0731320912c159d4865c174f6e319c99ad0aae108335c99d25886212ca41a9040907b87962e6359d2e
+  data.tar.gz: ada5cf2a14604cb7375a562122b1f0e7774c2f94c86f2b1d65da31c9bc23c07cf17a988f5b4981438ded98b611729d81d9fc8348772ae28470f0322251f0363d

data/README.md

@@ -23,15 +23,15 @@ There are two versions of **Hydejack**: The base version is free, while features
 | [Welcome]              |                | ✔ |
 | [Newsletter Box][news] |                | ✔ |
 | [Custom Forms][forms]  |                | ✔ |
-| Dark Mode              |                | ✔ |
+| [Dark Mode][darkm]     |                | ✔ |
+| [Offline Support][ofln]|                | ✔ |
 | Cookie Banner          |                | ✔ |
-| Offline Support        |                | ✔ |
 | No Hydejack Branding   |                | ✔ |
 | License                | [GPL-3.0][lic] | [PRO]    |
 | Source                 | [GitHub][src]  | Included |
 | Support[^1]            | No             | No       |
 | Price                  | Free           | $59      |
-| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO**][buy] |
+| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO** --- $59][buy] |
 
 
 
@@ -126,15 +126,15 @@ This table below shows what's included in each version:
 | [Welcome]              |                | &#x2714; |
 | [Newsletter Box][news] |                | &#x2714; |
 | [Custom Forms][forms]  |                | &#x2714; |
-| Dark Mode              |                | &#x2714; |
+| [Dark Mode][darkm]     |                | &#x2714; |
+| [Offline Support][ofln]|                | &#x2714; |
 | Cookie Banner          |                | &#x2714; |
-| Offline Support        |                | &#x2714; |
 | No Hydejack Branding   |                | &#x2714; |
 | License                | [GPL-3.0][lic] | [PRO]    |
 | Source                 | [GitHub][src]  | Included |
 | Support[^1]            | No             | No       |
 | Price                  | Free           | $59      |
-| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO**][buy] |
+| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO** --- $59][buy] |
 
 
 
@@ -155,12 +155,14 @@ This table below shows what's included in each version:
 [news]: #build-an-audience
 [syntax]: #syntax-highlighting
 [latex]: hydejack/_posts/2018-06-01-example-content-iii.md#math
+[darkm]: hydejack/_posts/2018-09-01-introducing-dark-mode.md
 
 [lic]: LICENSE.md
 [pro]: licenses/PRO.md
 [docs]: docs/README.md
+[ofln]: docs/advanced.md#enabling-offline-support
 
-[kit]: https://github.com/qwtel/hydejack-starter-kit/archive/v8.4.0.zip
+[kit]: https://github.com/qwtel/hydejack-starter-kit/archive/v8.5.0.zip
 [src]: https://github.com/qwtel/hydejack
 [gem]: https://rubygems.org/gems/jekyll-theme-hydejack
 [buy]: https://app.simplegoods.co/i/NATYVLYT

data/_includes/body/footer.html

@@ -13,7 +13,7 @@
     {% endfor %}
     </small></nav>
   {% endif %}
-  <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">8.4.0</span></small></p>
+  <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">8.5.0</span></small></p>
   <hr class="sr-only"/>
 </footer>
 {% endif %}

data/_includes/body/menu.html

@@ -6,6 +6,18 @@
         <span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}</span>
         <span class="icon-menu"></span>
       </a>
+      <!-- <a id="_search" class="nav-btn no-hover fl" href="#_search">
+        <span class="sr-only">{{ site.data.strings.search | default:"Search" }}</span>
+        <span class="icon-search"></span>
+      </a>
+      <form action="https://duckduckgo.com/" method="GET">
+        <div class="form-group fr">
+          <label class="sr-only" for="_search">{{ site.data.strings.search | default:"Search" }}</label>
+          <input id="_search" name="q" class="form-control" type="search" />
+        </div>
+        <input type="hidden" name="q" value="site:hydejack.com" />
+        <input type="hidden" name="ia" value="web" />
+      </form> -->
     </div>
   </div>
 </div>

data/_includes/body/scripts.html

@@ -1,22 +1,9 @@
+<!--[if gt IE 10]><!---->
 {% unless page.redirect %}
-  <!--[if !IE]><!---->
-  <script>loadJSDeferred(document.getElementById('_hrefJS').href);</script>
+  <script type="module">window.__ESM__=!0; import '{{ "/assets/js/hydejack-8.5.0.js" | relative_url }}';</script>
+  <script nomodule>if (!window.__ESM__) loadJSDeferred(document.getElementById('_hrefJS').href);</script>
   {% include my-scripts.html %}
-  <!--<![endif]-->
 
   {% include body/analytics.html %}
-
-  <script>
-    if ('serviceWorker' in navigator) {
-      {% if site.hydejack.offline.enabled %}
-        navigator.serviceWorker.register(document.getElementById('_hrefSW').href)
-          .then(r => r.update())
-          .catch(() => {});
-      {% else %}
-        navigator.serviceWorker.getRegistration()
-          .then(r => r.unregister())
-          .catch(() => {});
-      {% endif %}
-    }
-  </script>
 {% endunless %}
+<!--<![endif]-->

data/_includes/components/post-list-item.html

@@ -2,8 +2,6 @@
 {% assign format = include.format | default:site.data.strings.date_formats.related_post | default:"%d %b %Y" %}
 
 <li>
-  <a href="{{ post.url | relative_url }}" class="h4 flip-title">
-    <span>{{ post.title }}</span>
-  </a>
+  <a href="{{ post.url | relative_url }}" class="h4 flip-title"><span>{{ post.title }}</span></a>
   <time class="heading faded fine" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date:format }}</time>
 </li>

data/_includes/head/links.html

@@ -20,7 +20,7 @@
   This is to avoid hard-coding URLs in JS (where they can't be discovered by automated tools).
 -->{% endcomment %}
 <link rel="dns-prefetch" href="{{ '/'                                                                        | relative_url }}" id="_baseURL">
-<link rel="dns-prefetch" href="{{ '/assets/js/hydejack-8.4.0.js'                                             | relative_url }}" id="_hrefJS">
+<link rel="dns-prefetch" href="{{ '/assets/js/hydejack-legacy-8.5.0.js'                                      | relative_url }}" id="_hrefJS">
 <link rel="dns-prefetch" href="{{ '/sw.js'                                                                   | relative_url }}" id="_hrefSW">
 <link rel="dns-prefetch" href="{{ '/assets/bower_components/fontfaceobserver/fontfaceobserver.standalone.js' | relative_url }}" id="_hrefFFO">
 <link rel="dns-prefetch" href="{{ '/assets/bower_components/katex/dist/katex.min.js'                         | relative_url }}" id="_hrefKatexJS">

data/_includes/head/meta.html

@@ -31,4 +31,4 @@
 <meta name="theme-color" content="{{ theme_color | default:'#193747' }}">
 {% endunless %}
 
-<meta name="generator" content="Hydejack v8.4.0" />
+<meta name="generator" content="Hydejack v8.5.0" />

data/_includes/head/scripts.html

@@ -1,15 +1,9 @@
-<script>{% include scripts/load-js.min.js %}{% include scripts/loadCSS.min.js %}{% include scripts/cssrelpreload.min.js %}</script>
-
-<script>!function(w, d) {
-    w._noPushState = {{ site.hydejack.no_push_state | default:site.disable_push_state | default:false }};
-    w._noDrawer = {{ site.hydejack.no_drawer | default:site.disable_drawer | default:false }};
-
-    /*{% unless site.hydejack.no_google_fonts or site.no_google_fonts %}*/
-    loadJS(d.getElementById('_hrefFFO').href, function() {
-      if ('Promise' in w) Promise.all([
-        new FontFaceObserver('{{ font | split:',' | first }}').load(),
-        new FontFaceObserver('{{ font_heading | split:',' | first }}').load(),
-      ]).then(function f() { d.body.classList.add('font-active'); }, function() {});
-    });
-    /*{% endunless %}*/
-}(window, document);</script>
+<script>
+{% include scripts/load-js.min.js %}
+{% include scripts/loadCSS.min.js %}
+{% include scripts/cssrelpreload.min.js %}
+!function(w, d) {
+  w._noPushState = {{ site.hydejack.no_push_state | default:site.disable_push_state | default:false }};
+  w._noDrawer = {{ site.hydejack.no_drawer | default:site.disable_drawer | default:false }};
+}(window, document);
+</script>

data/_includes/head/styles.html

@@ -1,49 +1,37 @@
 <!--[if gt IE 8]><!---->
-{% capture style_url %}{% link assets/css/hydejack-8.4.0.css %}{% endcapture %}
+{% capture style_url %}{% link assets/css/hydejack-8.5.0.css %}{% endcapture %}
 {% capture icons_url %}{% link assets/icomoon/style.css %}{% endcapture %}
-{% capture fonts_url %}https://fonts.googleapis.com/css?family={{ google_fonts }}{% endcapture %}
+{% capture fonts_url %}https://fonts.googleapis.com/css?family={{ google_fonts }}&display=swap{% endcapture %}
 
 {% assign font_heading = site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" %}
 {% assign font         = site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif" %}
 
+{% assign layout = page.layout %}
+{% assign no_google_fonts = site.hydejack.no_google_fonts or site.no_google_fonts %}
+
 {% if site.hydejack.no_inline_css or jekyll.environment == 'development' %}
   <link rel="stylesheet" href="{{ style_url | relative_url }}">
   <link rel="stylesheet" href="{{ icons_url | relative_url }}">
-  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
+  {% unless no_google_fonts %}
     <link rel="stylesheet" href="{{ fonts_url }}">
-    <noscript>
-      <style>
-        html { font-family: {{ font }}!important; }
-        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading }}!important; }
-      </style>
-    </noscript>
   {% endunless %}
 {% else %}
   <style>
-    {% capture to_scssify %}{% include styles/inline.scss %}{% endcapture %}
-    {{ to_scssify | scssify }}
+    {% capture to_scssify %}{% include styles/inline.scss %}{% endcapture %}{{ to_scssify | scssify }}
   </style>
 
   <link rel="preload" as="style" href="{{ style_url | relative_url }}" id="_stylePreload">
-  <script>setRel('_stylePreload');</script>
-
   <link rel="preload" as="style" href="{{ icons_url | relative_url }}" id="_iconsPreload">
-  <script>setRel('_iconsPreload');</script>
-
-  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
+  {% unless no_google_fonts %}
     <link rel="preload" as="style" href="{{ fonts_url }}" id="_fontsPreload">
-    <script>setRel('_fontsPreload');</script>
   {% endunless %}
 
+  <script>setRel('_stylePreload');setRel('_iconsPreload');/*{% unless no_google_fonts %}*/setRel('_fontsPreload');/*{% endunless %}*/</script>
   <noscript>
     <link rel="stylesheet" href="{{ style_url | relative_url }}">
     <link rel="stylesheet" href="{{ icons_url | relative_url }}">
-    {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
+    {% unless no_google_fonts %}
       <link rel="stylesheet" href="{{ fonts_url }}">
-      <style>
-        html { font-family: {{ font }}!important; }
-        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading }}!important; }
-      </style>
     {% endunless %}
   </noscript>
 {% endif %}

data/_includes/header.txt

@@ -9,5 +9,5 @@
  *                 /\___/                \ \____/
  *                 \/__/                  \/___/
  *
- * Powered by Hydejack v8.4.0 <https://hydejack.com/>
+ * Powered by Hydejack v8.5.0 <https://hydejack.com/>
  */

data/_includes/styles/inline.scss

@@ -20,6 +20,7 @@
 
 $font-family-heading: {{ site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" }};
 $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif"   }};
+$theme-color:         {{ site.theme_color  | default:'#193747' }};
 
 @import "variables";
 @import "my-variables";
@@ -50,20 +51,9 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
 @import "hydejack/__inline__/footer";
 
 @import "my-inline";
-// @import "my-style";
 
-{% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
-  {% assign font2 = font | split:',' | shift | join:',' %}
-  {% assign font_heading2 = font_heading | split:',' | shift | join:',' %}
-{% endunless %}
-
-html { font-family: {{ font2 | default:"serif" }}; }
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading2 | default:"serif" }}; }
-
-.font-active {
-  font-family: $font-family;
-  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
-}
+html { font-family: $font-family; }
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
 
 {% if site.hydejack.no_page_style %}
   {% assign color       = site.accent_color | default:'#4fb1ba' %}

data/_includes/styles/page-style.scss

@@ -4,41 +4,49 @@
 {% assign color       = include.color       | default:'#4fb1ba' %}
 {% assign theme_color = include.theme_color | default:'#193747' %}
 
+// 0
 .content a:not(.btn) {
   color: {{ color }};
   border-color: fade-out({{ color }}, 0.8);
 }
 
+// 1
 .content a:not(.btn):hover {
   border-color: {{ color }};
 }
 
+// 2
 :focus {
   outline-color: {{ color }}!important;
 }
 
+// 3
 .btn-primary {
   color: #fff;
   background-color: {{ color }};
   border-color: {{ color }};
 }
 
+// 4
 .btn-primary:focus, .btn-primary.focus, .form-control:focus, .form-control.focus {
   box-shadow: 0 0 0 3px rgba({{ color }}, .5);
 }
 
+// 5
 .btn-primary:hover, .btn-primary.hover {
   color: #fff;
   background-color: darken({{ color }}, 7.5%);
   border-color: darken({{ color }}, 7.5%);
 }
 
+// 6
 .btn-primary:disabled, .btn-primary.disabled {
   color: #fff;
   background-color: {{ color }};
   border-color: {{ color }};
 }
 
+// 7
 .btn-primary:active, .btn-primary.active {
   color: #fff;
   background-color: darken({{ color }}, 7.5%);

data/_includes/styles/style.scss

@@ -20,6 +20,7 @@
 
 $font-family-heading: {{ site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" }};
 $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif"   }};
+$theme-color:         {{ site.theme_color  | default:'#193747' }};
 
 @import "variables";
 @import "my-variables";
@@ -53,16 +54,15 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   @import "hydejack/__link__/footer";
 
   {% unless site.hydejack.no_mark_external or site.no_mark_external %}
-    @import "hydejack/__link__/mark-external";
+  @import "hydejack/__link__/mark-external";
   {% endunless %}
   {% unless site.hydejack.no_break_layout %}
-    @import "hydejack/__link__/break-layout";
+  @import "hydejack/__link__/break-layout";
   {% endunless %}
 
   @import "syntax";
   @import "spinner";
 
-  // @import "my-inline";
   @import "my-style";
 {% else %}
   @import "pooleparty/_base.pre.scss";
@@ -102,18 +102,8 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   @import "my-inline";
   @import "my-style";
 
-  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
-    {% assign font = font | split:',' | shift | join:',' %}
-    {% assign font_heading = font_heading | split:',' | shift | join:',' %}
-  {% endunless %}
-
-  html { font-family: {{ font | default:"serif" }}; }
-  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading | default:"serif" }}; }
-
-  .font-active {
-    font-family: $font-family;
-    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
-  }
+  html { font-family: $font-family; }
+  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
 
   {% if site.hydejack.no_page_style %}
     {% assign color       = site.accent_color | default:'#4fb1ba' %}

data/_includes/templates/back.html

@@ -1,6 +1,6 @@
 <template id="_back-template" hidden>
-  <a id="_back" class="back nav-btn fl no-hover">
+  <button id="_back" class="back nav-btn no-hover fl">
     <span class="sr-only">{{ strings.back | default:"Back" }}</span>
     <span class="icon-arrow-left2"></span>
-  </a>
+  </button>
 </template>

data/_includes/templates/forward.html

@@ -0,0 +1,6 @@
+<template id="_forward-template" hidden>
+  <button id="_forward" class="forward nav-btn no-hover fl">
+    <span class="sr-only">{{ strings.forward | default:"Forward" }}</span>
+    <span class="icon-arrow-right2"></span>
+  </button>
+</template>

data/_includes/templates/index.html

@@ -4,6 +4,7 @@
 {% include templates/animation.html %}
 {% include templates/loading.html %}
 {% include templates/error.html %}
+{% include templates/forward.html %}
 {% include templates/back.html %}
 {% include templates/permalink.html %}
 {% if site.hydejack.cookies_banner %}

data/_layouts/base.html

@@ -33,6 +33,6 @@ layout: compress
   {% include head/index.html %}
 </head>
 
-<body>
+<body class="no-color-transition">
   {% include body/index.html %}
 </body>

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v8.4.0 <https://hydejack.com/>
+Powered by Hydejack v8.5.0 <https://hydejack.com/>
 -->{% capture _LINE_FEED %}
 {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}</html>

data/_sass/_variables.scss

@@ -50,7 +50,7 @@ $break-point-1: 42em;
 $break-point-2: 54em;
 $break-point-3: 64em;
 $break-point-4: 72em;
-$break-point-5: 90em;
+$break-point-5: 88em;
 $break-point-font-large: 124em;
 
 // The sidebar width starts adjusting dynamically when the content is at the center of the window.

data/_sass/hydejack/__link__/_images.scss

@@ -76,6 +76,10 @@ figure, .figure {
   }
 }
 
+.highlighter-rouge + .figure {
+  margin-top: -1.5rem;
+}
+
 @keyframes fade-img {
   from { opacity: 0; }
   to   { opacity: 1; }

data/_sass/hydejack/_images.pre.scss

@@ -69,6 +69,10 @@ figure, .figure {
   }
 }
 
+.highlighter-rouge + .figure {
+  margin-top: -1.5rem;
+}
+
 @keyframes fade-img {
   from { opacity: 0; }
   to   { opacity: 1; }