jekyll-theme-hydejack 7.4.2 → 7.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 32ec07c3d64816ece01f08a6f32da75b56d6363c
-  data.tar.gz: 0625d0a0e1b29028a9851c3349473cab7855eef7
+  metadata.gz: a261dc43bb519018672c3064e7e815b9338a9f1f
+  data.tar.gz: 39a2da53b56bc041deeff24fa2a802f7e60b4da1
 SHA512:
-  metadata.gz: 52ffe7cf6ba05f81ba6653ee7f2dd43718d1aa99c00bf08e3867edcd5f1d62beb32beb96dc87e0aa8ad7c46c1472b55fcf2e0db546d0c1711c15091ececb34e1
-  data.tar.gz: f5fe8c6cdc5584e586490cda5dfa7a56311effb8a8a662cee578700ea18aed7d3661ba8ab8064f7a3c704598c7134b695f4b0b84b83e266d3caf1b04d3749713
+  metadata.gz: 45781ee209617108af591ccbfa1f23ff4bfc4ac155d05f65473a8bffa04ffe1971e97416c64d18afff87a7cb4f830d6778361e8b5e3430f1daaef96861197628
+  data.tar.gz: 2d57f9afccdc8415c99dd21db2f2e32c4830e50c1f4e1263d9cc4a00b836e2e83a3b6c048efa087114a54d8e2241045e943fc3322c6f295e445fd0efc2fb341f

data/README.md

@@ -17,12 +17,12 @@ a showcase for your projects, and a resume that fits with the rest of the design
 It's best to just [see it in action](https://qwtel.com/hydejack/).
 
 ## Features
-Both versions include *all* of these features:
+Both versions include these features:
 
 * Full in-app page loading, powered by [hy-push-state]
 * A customizable sidebar that turns into a drawer menu on mobile, powered by [hy-drawer]
 * Advanced FLIP animations, inspired by Material Design
-* Good [Google PageSpeed Score][gpss][^1]
+* Good [Google PageSpeed Score][gpss][^3]
 * Higher *perceived speed* thanks to content pre-fetching
 * [Syntax highlighting][syntax], powered by [Rouge]
 * [LaTeX math blocks][latex], powered by [KaTeX]
@@ -51,24 +51,32 @@ A [portfolio], a [resume] layout and a [welcome] page to feature your favorite p
 
 This table details what is and isn't included in each respective version.
 
-|                                     | Free                                   | PRO                                    |
-|:------------------------------------|:--------------------------------------:|:--------------------------------------:|
-| Blog                                | ✔                               | ✔                               |
-| [Features][feat]                    | ✔                               | ✔                               |
-| [Portfolio] Layout                  |                                        | ✔                               |
-| [Resume] Layout                     |                                        | ✔                               |
-| [Welcome] Layout                    |                                        | ✔                               |
-| [Newsletter Box][news]              |                                        | ✔                               |
-| [Custom Forms][forms]               |                                        | ✔                               |
-| No Hydejack Branding                |                                        | ✔                               |
-| License                             | [GPL-3.0][license]                     | [PRO]                                  |
-| Price                               | Free                                   | $29                                    |
-|                                     | [**Download**][kit] or [**Fork**][git] | [**Buy Now**][buy] [^2]                |
-
-
-[^1]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.  
+|                                     | Free                                   | PRO                                          |
+|:------------------------------------|:--------------------------------------:|:--------------------------------------------:|
+| Blog                                | ✔                               | ✔                                     |
+| [Features][feat]                    | ✔                               | ✔                                     |
+| [Portfolio] Layout                  |                                        | ✔                                     |
+| [Resume] Layout                     |                                        | ✔                                     |
+| [Welcome] Layout                    |                                        | ✔                                     |
+| [Newsletter Box][news]              |                                        | ✔                                     |
+| [Custom Forms][forms]               |                                        | ✔                                     |
+| No Hydejack Branding                |                                        | ✔                                     |
+| License                             | [GPL-3.0][license]                     | [PRO]                                        |
+| Source                              | [GitHub][src]                          | Included                                     |
+| Support[^1]                         | No                                     | No                                           |
+| Price                               | Free                                   | $29                                          |
+|                                     | [**Download**][kit]                    | [**Buy Now - $29**][buy] [^2]                |
+{:.stretch-table}
+
+[^1]: You MAY open an issue on GitHub, but no response and/or fix is guaranteed.
+      You understand that using Jekyll requires technical know-how, and is NOT comparable to Wordpress in terms of usability.
+      Please use the free version to confirm that Hydejack works for you.
+      For more, see the [PRO] license.
+
 [^2]: Transactions secured by [Stripe](https://stripe.com). Downloads handled by [Simple Goods](https://simplegoods.co/).  
 
+[^3]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.  
+
 ~~~
  __  __                __                                     __
 /\ \/\ \              /\ \             __                    /\ \
@@ -95,16 +103,17 @@ This table details what is and isn't included in each respective version.
 
 [license]: LICENSE.md
 [pro]: licenses/PRO.md
-[docs]: docs/7.4.2/index.md
+[docs]: docs/7.5.0/index.md
 
-[kit]: https://github.com/qwtel/hydejack-starter-kit/archive/master.zip
+[kit]: https://github.com/qwtel/hydejack-starter-kit/archive/v7.5.0.zip
+[src]: https://github.com/qwtel/hydejack
 [git]: https://github.com/qwtel/hydejack-starter-kit
 [gem]: https://rubygems.org/gems/jekyll-theme-hydejack
 [buy]: https://app.simplegoods.co/i/AQTTVBOE
 
 [gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fqwtel.com%2Fhydejack%2F
-[wiki]: https://github.com/qwtel/hydejack/blob/master/docs/7.4.2/index.md
-[pdf]: https://github.com/qwtel/hydejack/releases/download/v7.4.2/Documentation._.Hydejack.pdf
+[wiki]: https://github.com/qwtel/hydejack/blob/master/docs/7.5.0/index.md
+[pdf]: https://github.com/qwtel/hydejack/releases/download/v7.5.0/Documentation._.Hydejack.pdf
 [hy-push-state]: https://qwtel.com/hy-push-state/
 [hy-drawer]: https://qwtel.com/hy-drawer/
 [rouge]: http://rouge.jneen.net

data/_includes/body.html

@@ -1,4 +1,4 @@
-{% include body/menu.html %}
+{% include menu.html %}
 
 <hy-push-state>
   <main
@@ -22,4 +22,4 @@
   {% include sidebar.html %}
 </hy-push-state>
 
-{% include body/scripts.html %}
+{% include scripts.html %}

data/_includes/comments.html

@@ -2,12 +2,7 @@
 {% if disqus and page.comments %}
 <aside class="comments related" role="complementary">
   <h2 class="hr">{{ site.data.strings.comments | default:"Comments" }}</h2>
-
   <div id="disqus_thread"></div>
-
-  <script>
-    {% include scripts/load-disqus.min.js disqus=disqus %}
-  </script>
   <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
 </aside>
 {% endif %}

data/_includes/footer.html

@@ -1,8 +1,16 @@
 <footer role="contentinfo">
   <hr/>
   {% if site.copyright.size > 0 %}
-  <p><small class="copyright">{{ site.copyright | markdownify | replace:'<p>','' | replace:'</p>','' }}</small></p>
+    <p><small class="copyright">{{ site.copyright | markdownify | replace:'<p>','' | replace:'</p>','' }}</small></p>
   {% endif %}
-  <p><small>Powered by <a class="external" href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.4.2</span></small></p>
+  {% if site.legal.size > 0 %}
+    <nav class="legal"><small>
+    {% for le in site.legal %}
+      <a href="{% include smart-url url=le.href %}">{{ le.name | default:le.title }}</a>
+      {% unless forloop.last %}{{ site.data.strings.separator | default:'|' }}{% endunless %}
+    {% endfor %}
+    </small></nav>
+  {% endif %}
+  <p><small>Powered by <a class="external" href="https://qwtel.com/hydejack/">Hydejack</a> v<span id="_version">7.5.0</span></small></p>
   <hr class="sr-only"/>
 </footer>

data/_includes/head/links.html

@@ -16,6 +16,11 @@
   <link rel="dns-prefetch" href="https://www.google-analytics.com">
 {% endif %}
 
+{% assign disqus = site.disqus | default:site.disqus_shortname %}
+{% if disqus %}
+<link id="_disqusJS" rel="dns-prefetch" href="https://{{ disqus }}.disqus.com/embed.js">
+{% endif %}
+
 {% comment %}<!--
 The links below are here so that we can use their `href` in JS (see `_js/src/katex.js`).
 This way, CDN optimizers or other tools can modify the URL and we avoid hard-coding it in JavaScript.

data/_includes/head/meta.html

@@ -27,4 +27,4 @@
 <meta name="theme-color" content="{{ page.theme_color | default:color | default:'#4fb1ba' }}">
 {% endunless %}
 
-<meta name="generator" content="Hydejack v7.4.2">
+<meta name="generator" content="Hydejack v7.5.0">

data/_includes/head/styles.html

@@ -1,5 +1,5 @@
 <!--[if gt IE 8]><!---->
-{% capture style_url %}{% link assets/css/hydejack-7.4.2.css %}{% endcapture %}
+{% capture style_url %}{% link assets/css/hydejack-7.5.0.css %}{% 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.4.2 <https://qwtel.com/hydejack/>
+ * Powered by Hydejack v7.5.0 <https://qwtel.com/hydejack/>
  */

data/_includes/{body/scripts.html → scripts.html}

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

data/_includes/smart-url

@@ -1 +1 @@
-{% assign url = include.url %}{% if url contains '//' %}{{ url }}{% else %}{% assign url = url | remove_first:site.baseurl %}{{ url | relative_url }}{% endif %}
+{% assign url = include.url %}{% if url contains '//' %}{{ url }}{% else %}{% assign url = url | remove_first:site.baseurl %}{{ url | relative_url }}{%- endif -%}

data/_includes/styles/inline.scss

@@ -21,6 +21,9 @@
 {% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
 {% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
 
+$font-family-heading: {{ font_heading }};
+$font-family: {{ font }};
+
 @import "variables";
 @import "my-variables";
 @import "mixins";

data/_includes/styles/style.scss

@@ -21,6 +21,9 @@
 {% assign font_heading = site.font_heading | default:"'Roboto Slab', Helvetica, Arial, sans-serif" %}
 {% assign font =         site.font         | default:"'Noto Sans', Helvetica, Arial, sans-serif" %}
 
+$font-family-heading: {{ font_heading }};
+$font-family: {{ font }};
+
 @import "variables";
 @import "my-variables";
 @import "mixins";
@@ -63,10 +66,10 @@
 
   {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
     .wf-active {
-      font-family: {{ font | default:"serif" }};
+      font-family: {{ font }};
 
       h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading {
-        font-family: {{ font_heading | default:"serif" }};
+        font-family: {{ font_heading }};
       }
     }
   {% endunless %}
@@ -105,10 +108,10 @@
   @import "my-style";
 
   html {
-    font-family: {{ font | default:"serif" }};
+    font-family: {{ font }};
   }
 
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading {
-    font-family: {{ font_heading | default:"serif" }};
+    font-family: {{ font_heading }};
   }
 {% endunless %}

data/_includes/templates.html

@@ -2,50 +2,11 @@
 <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">
-      <div class="page"></div>
-    </div>
-  </div>
-</template>
-
-<template id="_loading-template">
-  <div class="loading">
-    <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">{{ strings.error.title | default:"Error" }}</h1>
-    {% capture link %}<a class="this-link" href=""></a>{% endcapture %}
-    {% assign text = strings.error.message | default:"Sorry, an error occurred while loading: <!--link-->." %}
-    <p class="lead">
-      {{ text | replace:"<!--link-->",link }}
-    </p>
-  </div>
-</template>
-
-<template id="_back-template">
-  <a id="_back" class="back nav-btn no-hover">
-    <span class="sr-only">{{ strings.back | default:"Back" }}</span>
-    <span class="icon-arrow-left2"></span>
-  </a>
-</template>
-
+{% include templates/animation.html %}
+{% include templates/loading.html %}
+{% include templates/error.html %}
+{% include templates/back.html %}
+{% include templates/permalink.html %}
 {% if site.google_analytics and site.hydejack.cookies_banner %}
-<template id="_cookies-banner-template">
-  <div id="_cookies-banner" class="navbar fixed-top CookiesOK">
-    <div class="content">
-      <div class="nav-btn-bar">
-        <small class="nav-btn">
-          <span>{{ site.data.strings.cookies_banner.text | default:'This site uses cookies.' | markdownify | replace:'<p>','' | replace:'</p>','' }}</span>
-          <button id="_cookies-ok" class="btn btn-primary btn-sm">{{ site.data.strings.cookies_banner.okay | default:'Okay' }}</button>
-        </small>
-      </div>
-    </div>
-  </div>
-</template>
+  {% include templates/cookies-banner.html %}
 {% endif %}

data/_includes/templates/animation.html

@@ -0,0 +1,7 @@
+<template id="_animation-template">
+  <div class="animation-main fixed-top">
+    <div class="content">
+      <div class="page"></div>
+    </div>
+  </div>
+</template>

data/_includes/templates/back.html

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

data/_includes/templates/cookies-banner.html

@@ -0,0 +1,12 @@
+<template id="_cookies-banner-template">
+  <div id="_cookies-banner" class="navbar fixed-top CookiesOK">
+    <div class="content">
+      <div class="nav-btn-bar">
+        <small class="nav-btn">
+          <span>{{ site.data.strings.cookies_banner.text | default:'This site uses cookies.' | markdownify | replace:'<p>','' | replace:'</p>','' }}</span>
+          <button id="_cookies-ok" class="btn btn-primary btn-sm">{{ site.data.strings.cookies_banner.okay | default:'Okay' }}</button>
+        </small>
+      </div>
+    </div>
+  </div>
+</template>

data/_includes/templates/error.html

@@ -0,0 +1,10 @@
+<template id="_error-template">
+  <div class="page">
+    <h1 class="page-title">{{ strings.error.title | default:"Error" }}</h1>
+    {% capture link %}<a class="this-link" href=""></a>{% endcapture %}
+    {% assign text = strings.error.message | default:"Sorry, an error occurred while loading: <!--link-->." %}
+    <p class="lead">
+      {{ text | replace:"<!--link-->",link }}
+    </p>
+  </div>
+</template>

data/_includes/templates/loading.html

@@ -0,0 +1,6 @@
+<template id="_loading-template">
+  <div class="loading">
+    <span class="sr-only">{{ strings.loading | default:"Loading…" }}</span>
+    <span class="icon-cog"></span>
+  </div>
+</template>

data/_includes/templates/permalink.html

@@ -0,0 +1,6 @@
+<template id="_permalink-template">
+  <a href="#" class="permalink">
+    <span class="sr-only">{{ strings.permalink | default:"Permalink" }}</span>
+    <span class="{{ strings.permalink_icon | default:"icon-link" }}"></span>
+  </a>
+</template>

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v7.4.2 <https://qwtel.com/hydejack/>
+Powered by Hydejack v7.5.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/_sass/_variables.scss

@@ -25,6 +25,7 @@ $gray-text: #666;
 $root-font-size: 16px;
 $root-font-size-medium: 17px;
 $root-font-size-large: 18px;
+$root-font-size-print: 11pt;
 $root-line-height: 1.75;
 
 $font-weight: 400;

data/_sass/hydejack/__inline/_base.scss

@@ -55,7 +55,7 @@ html {
 }
 
 
-// @media print { html { font-size: $root-font-size; } } 
+// @media print { html { font-size: $root-font-size-print; } } 
 // Link styles
 hy-push-state a, .a {
   position: relative; 
@@ -99,7 +99,6 @@ hy-push-state a, .a {
 .mb4 { margin-bottom: 4rem }
 .mb6 { margin-bottom: 6rem }
 .mt0 { margin-top: 0 }
-.mt3 { margin-top: 3rem }
 .mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
 

data/_sass/hydejack/__inline/_content.scss

@@ -61,3 +61,4 @@
   }
 }
 
+

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

@@ -31,7 +31,7 @@
 
 // <<< link
 @media screen {
-  a[href*="//"]:not(.no-mark-external), , a.external:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
+  a.external, a[href*="//"]: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

@@ -118,8 +118,6 @@ hy-drawer {
     width: 15rem;
   }
   
-
-//   @media print { padding: 0 1.5rem; } 
 }
 
 /* About section */

data/_sass/hydejack/__inline/_social.scss

@@ -60,3 +60,5 @@
   }
 }
 
+
+

data/_sass/hydejack/__link/_base.scss

@@ -45,7 +45,7 @@ hy-push-state, hy-drawer {
 
 
 
-@media print { html { font-size: $root-font-size; } } 
+@media print { html { font-size: $root-font-size-print; } } 
 // Link styles
 hy-push-state a, .a {
 //   position: relative; 

data/_sass/hydejack/__link/_content.scss

@@ -30,3 +30,10 @@
 // SOFTWARE.
 
 
+
+.content {
+  @media print {
+    padding-bottom: 1rem;
+  }
+}
+