jekyll-theme-hydejack 7.0.0.pre.beta.1 → 7.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: '082dcf2d97742fad699a347c48970434120ce337'
-  data.tar.gz: af16bda8fc3f48a0f4ba4b8205ada0db88c9ad58
+  metadata.gz: 83f057ba785377bf9e09c4a8391dd83fa3bb415e
+  data.tar.gz: ac3c0998fdd3648d128110cb9468c1beb0d8fb5e
 SHA512:
-  metadata.gz: 6decb3c0ce72ecc9342b19883b0450f648716c4dea1b312b91494c68024072b33aab0c598c408a0f9d39415e20acc7ba8bee830d0e3aaf30c63940d41d121441
-  data.tar.gz: f9d6db0f81e49488ea37f25ffa5f6b169a095d5df4089e4559b97b2f546e6cf93b5e0c4b82ba7981b0e891337387566db0c027f36cf880f04932f9c9bfb435df
+  metadata.gz: c357747194929663c8fde3745a4069f8a8a98a6f46fa917ef23bbdc65b6f6323c6a01f67e965672e32f1d33e520e7d59e6f5120d4aca3938adf1ce9401d0b94b
+  data.tar.gz: cdf7a5a8ee749c71922386946fbd1bf285f1cba4b8ab5d198db141b44a866f73d773f7cce48c29650944d5e30a411857fc51b6ee71d4a3598560236c78ec6c71

data/README.md

@@ -66,14 +66,9 @@ This table details what is and isn't included in each respective version.
 | [Welcome] Layout                    |                    | ✔           |
 | Newsletter Subscription Box         |                    | ✔           |
 | Form Element Styles                 |                    | ✔           |
-| Search Functionality                |                    | ✔           |
-| Offline Support[^4]                 |                    | ✔           |
-| Latest issue of "Fishing Quarterly" |                    |                    |
-| Three months supply of cat food     |                    |                    |
-| 10 free scuba diving coupons        |                    |                    |
 | License                             | [GPL-3.0][license] | [PRO]              |
-| Price                               | Free               | $59                |
-|| [**Download on GitHub**][github]<br/> -- or -- <br/>[**Use the RubyGem**][gem] | [Buy Now – $59][buy] [^3] |
+| Price                               | Free               | $39                |
+|| [Download on GitHub][github]<br/> – or – <br/>[Use the RubyGem][gem] | [Buy Now – $39][buy] [^3] |
 
 
 [^1]: Applies after the initial page load.  
@@ -84,14 +79,15 @@ usage of 3rd party plugins.
 [blog]: https://qwtel.com/hydejack/blog/
 [portfolio]: https://qwtel.com/hydejack/projects/
 [resume]: https://qwtel.com/hydejack/resume/
+[download]: https://qwtel.com/download/
 [welcome]: https://qwtel.com/hydejack/
-
 [license]: LICENSE.md
-[pro]: licenses/PRO-license.md
-[docs]: docs/7.0.0-beta.1/index.md
+[pro]: licenses/PRO.md
+[docs]: docs/7.0.0/index.md
 
 [github]: https://github.com/qwtel/hydejack/releases
 [gem]: https://rubygems.org/gems/jekyll-theme-hydejack
 [buy]: https://app.simplegoods.co/i/AQTTVBOE
-[wiki]: https://github.com/qwtel/hydejack/wiki
+
 [gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fqwtel.com%2Fhydejack%2F
+[wiki]: https://github.com/qwtel/hydejack/wiki

data/_includes/blog.html

@@ -0,0 +1,5 @@
+{% for post in paginator.posts %}
+  {% include post.html post=post link_title=true excerpt=true %}
+{% endfor %}
+
+{% include pagination.html %}

data/_includes/body/menu.html

@@ -1,8 +1,8 @@
 <div class="navbar fixed-top">
   <div class="content">
     <div class="nav-btn-bar">
-      <span class="sr-only">{{ site.data.strings.jump_to | default:"Jump to" }}{{ site.data.strings.colon }}</span>
-      <a id="_menu" class="nav-btn no-hover" href="#_title">
+      <span class="sr-only">{{ site.data.strings.jump_to | default:"Jump to" }}{{ site.data.strings.colon | default:":" }}</span>
+      <a id="_menu" class="nav-btn no-hover" href="#_navigation">
         <span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}</span>
         <span class="icon-menu"></span>
       </a>

data/_includes/body/scripts.html

@@ -9,7 +9,7 @@
   {% endif %}
 
   <!--[if gt IE 9]><!---->
-  {% capture js_url %}{% link assets/js/hydejack.js %}?v=7.0.0-beta.1{% endcapture %}
+  {% capture js_url %}{% link assets/js/hydejack.js %}?v=7.0.0{% endcapture %}
   <script>loadJSDeferred('{{ js_url | relative_url }}');</script>
 
   {% include my-scripts.html %}

data/_includes/footer.html

@@ -3,5 +3,6 @@
   {% if site.copyright.size > 0 %}
   <p><small class="copyright">{{ site.copyright }}</small></p>
   {% endif %}
-  <p><small>Powered by <a href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.0.0-beta.1</span></small></p>
+  <p><small>Powered by <a class="external" href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.0.0</span></small></p>
+  <hr class="sr-only"/>
 </footer>

data/_includes/head/links.html

@@ -5,7 +5,7 @@
 <link rel="alternate" href="{{ page.url | absolute_url }}" hreflang="{{ lang | downcase | replace:'_','-' }}">
 
 <link rel="shortcut icon" href="{{ '/assets/icons/favicon.ico' | relative_url }}">
-<link rel="apple-touch-icon" href="{{ '/assets/icons/apple-touch-icon.png' | relative_url }}">
+<link rel="apple-touch-icon" href="{{ '/assets/icons/icon.png' | relative_url }}">
 
 <link rel="manifest" href="{{ '/assets/manifest.json' | relative_url }}">
 

data/_includes/head/meta.html

@@ -27,4 +27,4 @@
 <meta name="theme-color" content="{{ color | default:'#4fb1ba' }}">
 {% endunless %}
 
-<meta name="generator" content="Hydejack v7.0.0-beta.1" />
+<meta name="generator" content="Hydejack v7.0.0" />

data/_includes/head/seo-fallback.html

@@ -1,9 +1,9 @@
 {% assign strings = site.data.strings %}
 {% capture title %}
   {% if page.url == "/" %}
-    {{ site.title }}{% if site.tagline %} {{ strings.separator }} {{ site.tagline }}{% endif %}
+    {{ site.title }}{% if site.tagline %} {{ strings.separator | default:"|" }} {{ site.tagline }}{% endif %}
   {% elsif page.title.size > 0 %}
-    {{ page.title }} {{ strings.separator }} {{ site.title }}
+    {{ page.title }} {{ strings.separator | default:"|" }} {{ site.title }}
   {% else %}
     {{ site.title }}
   {% endif %}

data/_includes/head/styles.html

@@ -1,5 +1,5 @@
 <!--[if gt IE 8]><!---->
-{% capture style_url %}{% link assets/css/hydejack.css %}?v=7.0.0-beta.1{% endcapture %}
+{% capture style_url %}{% link assets/css/hydejack.css %}?v=7.0.0{% endcapture %}
 
 {% if site.hydejack.no_inline_css or jekyll.environment == 'development' %}
   <link rel="stylesheet" href="{{ style_url | relative_url }}">

data/_includes/header.txt

@@ -9,5 +9,5 @@
  *                 /\___/                \ \____/
  *                 \/__/                  \/___/
  *
- * Powered by Hydejack v7.0.0-beta.1 <https://qwtel.com/hydejack/>
+ * Powered by Hydejack v7.0.0 <https://qwtel.com/hydejack/>
  */

data/_includes/my-scripts.html

@@ -1,4 +1,4 @@
-<script>
+<!-- <script>
   function detectCFScript() {
     var cfScript = Array.prototype.find.call(document.scripts, function(s) {
       return s !== document.currentScript && s.textContent.indexOf('__cf_email__') > -1;
@@ -13,4 +13,4 @@
   document
     .getElementsByTagName('hy-push-state')[0]
     .addEventListener('hy-push-state-init', detectCFScript);
-</script>
+</script> -->

data/_includes/nav.html

@@ -1,4 +1,4 @@
-<span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}{{ site.data.strings.colon }}</span>
+<span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}{{ site.data.strings.colon | default:":" }}</span>
 <ul>
   {% assign pages = site.pages | where: "menu", true %}
   {% assign documents = site.documents | where: "menu", true %}
@@ -7,6 +7,7 @@
     {% unless node.redirect_to %}
       <li>
         <a
+          {% if forloop.first %}id="_navigation"{% endif %}
           href="{{ node.url | relative_url }}"
           class="sidebar-nav-item{% if page.url contains node.url %} active{% endif %}"
           {% if path.rel %}rel="{{ node.rel }}"{% endif %}

data/_includes/sidebar.html

@@ -11,7 +11,7 @@
 
     <div class="sidebar-sticky">
       <div class="sidebar-about">
-        <h2 class="h1"><a id="_title" href="{{ '/' | relative_url }}">{{ site.title }}</a></h2>
+        <h2 class="h1"><a href="{{ '/' | relative_url }}">{{ site.title }}</a></h2>
         {% assign text = site.tagline | default:site.description %}
         {% if text %}
           <p class="{% if text.size > 100 %}fine{% endif %}">

data/_includes/templates.html

@@ -1,3 +1,7 @@
+{% assign strings = site.data.strings %}
+<hr class="sr-only"/>
+<h2 class="sr-only">{{ strings.templates | default: "Templates"}}{{ strings.colon | default:":" }}</h2>
+
 <template id="_animation-template">
   <div class="animation-main fixed-top">
     <div class="content">
@@ -8,16 +12,16 @@
 
 <template id="_loading-template">
   <div class="loading">
-    <span class="sr-only">{{ site.data.strings.loading | default:"Loading…" }}</span>
+    <span class="sr-only">{{ strings.loading | default:"Loading…" }}</span>
     <span class="icon-cog"></span>
   </div>
 </template>
 
 <template id="_error-template">
   <div class="page">
-    <h1 class="page-title">{{ site.data.strings.error.title | default:"Error" }}</h1>
+    <h1 class="page-title">{{ strings.error.title | default:"Error" }}</h1>
     {% capture link %}<a class="this-link" href=""></a>{% endcapture %}
-    {% assign text = site.data.strings.error.message | default:"Sorry, an error occurred while loading: <!--link-->." %}
+    {% assign text = strings.error.message | default:"Sorry, an error occurred while loading: <!--link-->." %}
     <p class="lead">
       {{ text | replace:"<!--link-->",link }}
     </p>
@@ -26,7 +30,7 @@
 
 <template id="_back-template">
   <a id="_back" class="back nav-btn no-hover">
-    <span class="sr-only">{{ site.data.strings.back | default:"Back" }}</span>
+    <span class="sr-only">{{ strings.back | default:"Back" }}</span>
     <span class="icon-arrow-left2"></span>
   </a>
 </template>

data/_layouts/base.html

@@ -7,6 +7,7 @@ layout: compress
 {% assign plugins = site.plugins | default:site.gems %}
 
 {% assign image = site.accent_image | default:site.image %}
+{% unless image %}{% assign image = '/assets/img/sidebar-bg.jpg' | relative_url %}{% endunless %}
 {% assign color = site.accent_color | default:site.color | default:'#4fb1ba' %}
 
 {% if page.categories.size > 0 %}

data/_layouts/blog.html

@@ -2,8 +2,13 @@
 layout: base
 ---
 
-{% for post in paginator.posts %}
-  {% include post.html post=post link_title=true excerpt=true %}
-{% endfor %}
-
-{% include pagination.html %}
+{% assign plugins = site.plugins | default:site.gems %}
+{% if plugins contains 'jekyll-paginate' %}
+  {% include blog.html %}
+{% else %}
+  {% capture text %}To use this layout,
+include the `jekyll-paginate` plugin in your `Gemfile` and in your `_config.yml` under `plugins`.
+For more, see [Jekyll Pagination](https://jekyllrb.com/docs/pagination/).
+  {% endcapture %}
+  {% include message.html text=text %}
+{% endif %}

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v7.0.0-beta.1 <https://qwtel.com/hydejack/>
+Powered by Hydejack v7.0.0 <https://qwtel.com/hydejack/>
 -->{% 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/_layouts/default.html

@@ -6,7 +6,7 @@ layout: base
 
 <article class="page" role="article">
   <header>
-    <h1 class="page-title">{{ page.title | default:strings.home | default:"Home"}}</h1>
+    <h1 class="page-title">{{ page.title | default:strings.home | default:"Home" }}</h1>
     {% include message.html text=page.description hide=page.no_description %}
   </header>
 
@@ -23,7 +23,7 @@ layout: base
     </ul>
   {% endif %}
 
-  {% assign pages = site.html_pages | where:"layout","page" %}
+  {% assign pages = site.html_pages | where:"layout","page" | where_exp:"page","page.sitemap != false" %}
   {% if pages.size > 0 %}
     <h2 class="hr">{{ strings.pages | default:"Pages" }}</h2>
     <ul class="related-posts">

data/_layouts/home.html

@@ -1,41 +1,5 @@
 ---
-layout: base
+layout: default
 ---
 
-{% assign strings = site.data.strings %}
-
-<article class="page" role="article">
-  <header>
-    <h1 class="page-title">{{ page.title | default:strings.home | default:"Home"}}</h1>
-    {% include message.html text=page.description hide=page.no_description %}
-  </header>
-
-  {{ content }}
-
-  <hr class="dingbat"/>
-
-  {% if site.posts.size > 0 %}
-    <h2 class="hr">{{ strings.posts | default:"Posts" }}</h2>
-    <ul class="related-posts">
-      {% for post in site.posts limit:5 %}
-        {% include post-list-item.html post=post %}
-      {% endfor %}
-    </ul>
-  {% endif %}
-
-  {% assign pages = site.html_pages | where:"layout","page" %}
-  {% if pages.size > 0 %}
-    <h2 class="hr">{{ strings.pages | default:"Pages" }}</h2>
-    <ul class="related-posts">
-      {% for page in pages limit:5 %}
-        {% if page.layout == 'page' %}
-          <li class="h4">
-            <a href="{{ page.url | relative_url }}" class="flip-title">
-              <span>{{ page.title }}</span>
-            </a>
-          </li>
-        {% endif %}
-      {% endfor %}
-    </ul>
-  {% endif %}
-</article>
+{{ content }}

data/_sass/hydejack/__inline/_mark-external.scss

@@ -11,7 +11,7 @@
 
 // <<< link
 @media screen {
-  a[href*="//"]:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
+  a[href*="//"]:not(.no-mark-external), , a.external:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
     &::after {
       content: "\00A0\ea7e";
       font-family: 'icomoon'!important;

data/_sass/hydejack/__inline/_sidebar.scss

@@ -18,8 +18,6 @@
     border-bottom-color: rgba(255, 255, 255, 0.2); 
 //     &:hover { border-bottom-color: #fff; } 
   }
-
-  
 }
 
 hy-drawer {
@@ -50,7 +48,7 @@ hy-drawer {
     width: calc(50% - 28rem); 
 //     > .hy-drawer-content.hy-drawer-left  { width: calc(50% - 28rem); left: calc(-50% + 28.5rem); } 
 //     --hy-drawer-width: calc(50% - 28rem); 
-//     --hy-drawer-slide-width: calc(-50% + 28.5rem); 
+//     --hy-drawer-slide-width: calc(50% - 28.5rem); 
   }
 }
 

data/_sass/hydejack/__link/_footer.scss

@@ -13,14 +13,12 @@
 main > footer {
   position: absolute;
   bottom: 0;
-  left: 0;
+  left: .5rem;
   right: 0;
   padding: 0 1rem;
   color: $gray;
   text-align: center;
-
-  > p {
-    margin-bottom: 0;
-  }
+  > p { margin-bottom: 0; }
+  @media screen and (min-width: $break-point-3) { left: 0; }
 }
 

data/_sass/hydejack/__link/_mark-external.scss

@@ -11,7 +11,7 @@
 
 // <<< link
 @media screen {
-  a[href*="//"]:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
+  a[href*="//"]:not(.no-mark-external), , a.external:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
     &::after {
       content: "\00A0\ea7e";
       font-family: 'icomoon'!important;

data/_sass/hydejack/__link/_sidebar.scss

@@ -18,13 +18,6 @@
 //     border-bottom-color: rgba(255, 255, 255, 0.2); 
     &:hover { border-bottom-color: #fff; } 
   }
-
-  
-  @media print {
-    page-break-inside: avoid;
-    break-inside: avoid-page;
-  }
-  
 }
 
 hy-drawer {
@@ -63,7 +56,7 @@ hy-drawer {
 //     width: calc(50% - 28rem); 
     > .hy-drawer-content.hy-drawer-left  { width: calc(50% - 28rem); left: calc(-50% + 28.5rem); } 
     --hy-drawer-width: calc(50% - 28rem); 
-    --hy-drawer-slide-width: calc(-50% + 28.5rem); 
+    --hy-drawer-slide-width: calc(50% - 28.5rem); 
   }
 }
 
@@ -142,7 +135,8 @@ a.sidebar-nav-item {
 
 @media print {
   .sidebar {
-    page-break-inside: avoid;
+    page-break-before: always;
+    break-before: always;
   }
 
   .sidebar-nav, .sidebar-social {

data/_sass/hydejack/_footer.pre.scss

@@ -2,14 +2,12 @@
 main > footer {
   position: absolute;
   bottom: 0;
-  left: 0;
+  left: .5rem;
   right: 0;
   padding: 0 1rem;
   color: $gray;
   text-align: center;
-
-  > p {
-    margin-bottom: 0;
-  }
+  > p { margin-bottom: 0; }
+  @media screen and (min-width: $break-point-3) { left: 0; }
 }
 // >>>>>

data/_sass/hydejack/_mark-external.pre.scss

@@ -1,6 +1,6 @@
 // <<< link
 @media screen {
-  a[href*="//"]:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
+  a[href*="//"]:not(.no-mark-external), , a.external:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
     &::after {
       content: "\00A0\ea7e";
       font-family: 'icomoon'!important;

data/_sass/hydejack/_sidebar.pre.scss

@@ -8,13 +8,6 @@
     border-bottom-color: rgba(255, 255, 255, 0.2); // inline
     &:hover { border-bottom-color: #fff; } // link
   }
-
-  // <<< link
-  @media print {
-    page-break-inside: avoid;
-    break-inside: avoid-page;
-  }
-  // >>>
 }
 
 hy-drawer {
@@ -62,7 +55,7 @@ hy-drawer {
     width: calc(50% - 28rem); // inline
     > .hy-drawer-content.hy-drawer-left  { width: calc(50% - 28rem); left: calc(-50% + 28.5rem); } // link
     --hy-drawer-width: calc(50% - 28rem); // link
-    --hy-drawer-slide-width: calc(-50% + 28.5rem); // link
+    --hy-drawer-slide-width: calc(50% - 28.5rem); // link
   }
 }
 
@@ -174,7 +167,8 @@ a.sidebar-nav-item {
 
 @media print {
   .sidebar {
-    page-break-inside: avoid;
+    page-break-before: always;
+    break-before: always;
   }
 
   .sidebar-nav, .sidebar-social {