jekyll-theme-hydejack 9.0.0 → 9.1.0

data/_includes/scripts/load-js.min.js

@@ -1 +1 @@
-!function(e,t){"use strict";function n(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}e.loadJS=function(e,o){var r=t.createElement("script");r.src=e,o&&n(r,"load",o,{once:!0});var a=t.scripts[0];return a.parentNode.insertBefore(r,a),r},e._loaded=!1,e.loadJSDeferred=function(o,r){function a(){e._loaded=!0,r&&n(c,"load",r,{once:!0});var o=t.scripts[0];o.parentNode.insertBefore(c,o)}var c=t.createElement("script");return c.src=o,e._loaded?a():n(e,"load",a,{once:!0}),c},e.setRel=e.setRelStylesheet=function(e){function o(){this.rel="stylesheet"}n(t.getElementById(e),"load",o,{once:!0})}}(window,document);
+!function(r,c){"use strict";function a(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}r.loadJS=function(e,t){var n=c.createElement("script");n.src=e,t&&a(n,"load",t,{once:!0});t=c.scripts[0];return t.parentNode.insertBefore(n,t),n},r._loaded=!1,r.loadJSDeferred=function(e,t){var n=c.createElement("script");function o(){r._loaded=!0,t&&a(n,"load",t,{once:!0});var e=c.scripts[0];e.parentNode.insertBefore(n,e)}return n.src=e,r._loaded?o():a(r,"load",o,{once:!0}),n},r.setRel=r.setRelStylesheet=function(e){a(c.getElementById(e),"load",function(){this.rel="stylesheet"},{once:!0})}}(window,document);

data/_includes/scripts/nomodule.min.js

@@ -1 +1 @@
-!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()},!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();
+!function(){var t,n=document.createElement("script");!("noModule"in n)&&"onbeforeload"in n&&(t=!1,document.addEventListener("beforeload",function(e){if(e.target===n)t=!0;else if(!e.target.hasAttribute("nomodule")||!t)return;e.preventDefault()},!0),n.type="module",n.src=".",document.head.appendChild(n),n.remove())}();

data/_includes/smart-url

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

data/_includes/styles/common.scss

@@ -12,7 +12,7 @@
 }
 
 {% if site.hydejack.no_page_style %}
-  {% assign color       = site.accent_color | default:'#4fb1ba' %}
-  {% assign theme_color = site.theme_color  | default:'#193747' %}
+  {% assign color       = site.accent_color | default:'rgb(79,177,186)' %}
+  {% assign theme_color = site.theme_color  | default:'rgb(8,46,57)' %}
   {% include_cached styles/page-style.scss color=color theme_color=theme_color %}
 {% endif %}

data/_includes/styles/page-style.scss

@@ -1,9 +1,10 @@
-{% assign color       = include.color       | default:'#4fb1ba' %}
-{% assign theme_color = include.theme_color | default:'#193747' %}
+{% assign color       = include.color       %}
+{% assign theme_color = include.theme_color %}
 
 html {
   --accent-color: {{ color }};
   --accent-color-faded: #{fade-out({{ color }}, 0.5)};
+  --accent-color-highlight: #{fade-out({{ color }}, 0.9)};
   --accent-color-darkened: #{darken({{ color }}, 7.5%)};
   --theme-color: {{ theme_color }};
 }

data/_includes/styles/variables.scss

@@ -13,17 +13,19 @@
 // You should have received a copy of the GNU General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-/*{% assign vars = site.data.variables %}*/
+// {% assign vars         = site.data.variables %}
+// {% assign ui_font      = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif' %}
+// {% assign ui_font_code = 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace' %}
 
-$font-family:         {{ vars.font         | default:site.font                             }};
-$font-family-heading: {{ vars.font_heading | default:site.font_heading                     }};
-$code-font-family:    {{ vars.font_code    | default:site.font_code                        }};
-$theme-color:         {{ vars.theme_color  | default:site.theme_color | default:'#193747'  }};
+$font-family:         {{ vars.font         | default:site.font         | default:ui_font        }};
+$font-family-heading: {{ vars.font_heading | default:site.font_heading | default:ui_font        }};
+$code-font-family:    {{ vars.font_code    | default:site.font_code    | default:ui_font_code   }};
+$theme-color:         {{ vars.theme_color  | default:site.theme_color  | default:'rgb(8,46,57)' }};
 
 $root-font-size:        {{ vars.root_font_size        | default:15 }}px;
 $root-font-size-medium: {{ vars.root_font_size_medium | default:16 }}px;
 $root-font-size-large:  {{ vars.root_font_size_large  | default:17 }}px;
-$root-font-size-print:  {{ vars.root_font_size_print  | default:9  }}pt;
+$root-font-size-print:  {{ vars.root_font_size_print  | default:8  }}pt;
 $root-line-height:      {{ vars.root_line_height      | default:1.75 }};
 
 $font-weight:         {{ vars.font_weight         | default:400 }};
@@ -44,6 +46,8 @@ $break-point-3: {{ vars.break_point_3 | default:64 }}em;
 $break-point-4: {{ vars.break_point_4 | default:72 }}em;
 $break-point-5: {{ vars.break_point_5 | default:86 }}em;
 
+$border-radius: {{ vars.border_radius | default:0.5 }}rem;
+
 $break-point-font-large: {{ vars.break_point_font_large | default:124 }}em;
 
 $content-margin-3: 3rem;

data/_includes/templates/animation.html

@@ -1,5 +1,6 @@
 <template id="_animation-template">
   <div class="animation-main fixed-top">
+    {% unless site.hydejack.no_breadcrumbs %}{% include body/breadcrumbs.html url="/" %}{% endunless %}
     <div class="content">
       <div class="page"></div>
     </div>

data/_includes/templates/index.html

@@ -2,10 +2,28 @@
   {% assign strings = site.data.strings %}
   <h2 class="sr-only">{{ strings.templates | default: "Templates"}}{{ strings.colon | default:":" }}</h2>
 
+  <clap-config>
+    <clap-text at="1">Keep going!</clap-text>
+    <clap-text at="2">Keep going ×2!</clap-text>
+    <clap-text at="3">Give me more!</clap-text>
+    <clap-text at="5">Thank you, thank you</clap-text>
+    <clap-text at="7">Far too kind!</clap-text>
+    <clap-text at="10">Never gonna give me up?</clap-text>
+    <clap-text at="14">Never gonna let me down?</clap-text>
+    <clap-text at="20">Turn around and desert me!</clap-text>
+    <clap-text at="30">You're an addict!</clap-text>
+    <clap-text at="40">Son of a clapper!</clap-text>
+    <clap-text at="50">No way</clap-text>
+    <clap-text at="60">Go back to work!</clap-text>
+    <clap-text at="70">This is getting out of <em>hand</em></clap-text>
+    <clap-text at="80">Unbelievable</clap-text>
+    <clap-text at="90">PREPOSTEROUS</clap-text>
+    <clap-text at="100">I N S A N I T Y</clap-text>
+    <clap-text at="185"><span style="font-family:monospace">FEED ME A STRAY CAT</span></clap-text>
+  </clap-config>
+
   {% include templates/animation.html %}
   {% include templates/loading.html %}
   {% include templates/error.html %}
-  {% include templates/forward.html %}
-  {% include templates/back.html %}
   {% include templates/permalink.html %}
 </div>

data/_layouts/about.html

@@ -17,7 +17,7 @@
 layout: base
 ---
 
-<article class="page" role="article">
+<article class="page mb6" role="article">
   {% if content contains "<!--author-->" %}
     {% assign plugins = site.plugins | default:site.gems %}
     {% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
@@ -41,3 +41,6 @@ layout: base
 
   {{ content }}
 </article>
+
+{% include components/dingbat.html %}
+{% include body/comments.html %}

data/_layouts/base.html

@@ -26,13 +26,9 @@ layout: compress
 
 {% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
 
-{% assign image       = site.accent_image | default:'/assets/img/sidebar-bg.jpg' %}
-{% assign color       = site.accent_color | default:'#4fb1ba' %}
-{% assign theme_color = site.theme_color  | default:'#193747' %}
-
-{% if page.accent_image %}{% assign image       = page.accent_image %}{% endif %}
-{% if page.accent_color %}{% assign color       = page.accent_color %}{% endif %}
-{% if page.theme_color  %}{% assign theme_color = page.theme_color  %}{% endif %}
+{% assign image       = page.accent_image | default:site.accent_image | default:'/assets/img/sidebar-bg.jpg' %}
+{% assign color       = page.accent_color | default:site.accent_color | default:'rgb(79,177,186)' %}
+{% assign theme_color = page.theme_color  | default:site.theme_color  | default:'rgb(8,46,57)' %}
 
 <head>
   {% include head/index.html %}

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v9.0.0 <https://hydejack.com/>
+Powered by Hydejack v9.1.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/_layouts/list.html

@@ -14,7 +14,7 @@
 # You should have received a copy of the GNU General Public License
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-layout: page
+layout: plain
 ---
 
 {{ content }}

data/_layouts/page.html

@@ -17,12 +17,14 @@
 layout: base
 ---
 
-<article class="page" role="article">
+<article class="page mb6" role="article">
   <header>
     <h1 class="page-title">{{ page.title }}</h1>
     {% include components/message.html text=page.description hide=page.hide_description %}
   </header>
 
   {{ content }}
-  {% include body/comments.html %}
 </article>
+
+{% include components/dingbat.html %}
+{% include body/comments.html %}

data/_layouts/plain.html

@@ -0,0 +1,29 @@
+---
+# Copyright (c) 2020 Florian Klampfer <https://qwtel.com/>
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+layout: base
+---
+
+<article class="page" role="article">
+  <header>
+    <h1 class="page-title">{{ page.title }}</h1>
+    {% include components/message.html text=page.description hide=page.hide_description %}
+  </header>
+
+  {{ content }}
+</article>
+
+{% include components/dingbat.html hidden=true %}

data/_layouts/post.html

@@ -19,7 +19,7 @@ layout: base
 
 {% include_cached components/post.html post=page no_link_title=true no_excerpt=true hide_image=page.hide_image hide_description=page.hide_description %}
 
-<hr class="dingbat related" />
+{% include components/dingbat.html %}
 
 {% assign addons = page.addons | default:site.hydejack.post_addons %}
 {% unless addons %}{% assign addons = "about,newsletter,related,random" | split:"," %}{% endunless %}

data/_sass/_mixins.scss

@@ -45,5 +45,11 @@
 @mixin fallback-image() {
   background-position: center;
   background-repeat: no-repeat;
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+');
-}
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOnJnYmEoMTI4LDEyOCwxMjgsLjMzKSIgZD0iTTk1OS44ODQgMTI4YzAuMDQwIDAuMDM0IDAuMDgyIDAuMDc2IDAuMTE2IDAuMTE2djc2Ny43N2MtMC4wMzQgMC4wNDAtMC4wNzYgMC4wODItMC4xMTYgMC4xMTZoLTg5NS43N2MtMC4wNDAtMC4wMzQtMC4wODItMC4wNzYtMC4xMTQtMC4xMTZ2LTc2Ny43NzJjMC4wMzQtMC4wNDAgMC4wNzYtMC4wODIgMC4xMTQtMC4xMTRoODk1Ljc3ek05NjAgNjRoLTg5NmMtMzUuMiAwLTY0IDI4LjgtNjQgNjR2NzY4YzAgMzUuMiAyOC44IDY0IDY0IDY0aDg5NmMzNS4yIDAgNjQtMjguOCA2NC02NHYtNzY4YzAtMzUuMi0yOC44LTY0LTY0LTY0djB6Ii8+CiAgICA8cGF0aCBzdHlsZT0iZmlsbDpyZ2JhKDEyOCwxMjgsMTI4LC4zMykiIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiLz4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOnJnYmEoMTI4LDEyOCwxMjgsLjMzKSIgZD0iTTg5NiA4MzJoLTc2OHYtMTI4bDIyNC0zODQgMjU2IDMyMGg2NGwyMjQtMTkyeiIvPgogIDwvZz4KPC9zdmc+');
+}
+
+@mixin border-radius() {
+  @media (min-width: $break-point-1) {
+    border-radius: $border-radius;
+  }
+}

data/_sass/hydejack/__inline__/_base.scss

@@ -7,7 +7,7 @@
 // During development you can run `npm run watch:css`
 // to continuosly rebuild this file.
 
-// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+// Copyright (c) 2021 Florian Klampfer <https://qwtel.com/>
 //
 // This program is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
@@ -24,12 +24,11 @@
 
 
 
-
 body::before {
   @media screen {
     content: '';
     width: .5rem;
-    background: var(--border-color);
+    background: var(--gray-bg);
     position: fixed;
     left: 0;
     top: 0;
@@ -55,5 +54,25 @@ html {
   }
 }
 
+#breadcrumbs {
+  > ul {
+    @extend .ellipsis;
+    height: 1rem;
+    margin: -1.5rem 0 .5rem;
+    padding: 0;
+    font-size: .667rem;
+    color: var(--menu-text);
+    text-transform: uppercase;
+    width: 100%;
+    list-style: none;
+    > li { 
+      display: inline; 
+      a {
+        color: var(--gray);
+        text-decoration: none;
+        border-bottom: none;
+      }
+    }
+  }
+}
 
-// @media print { html { font-size: var(--root-font-size-print); } } 

data/_sass/hydejack/__inline__/_content.scss

@@ -22,18 +22,21 @@
 // You should have received a copy of the GNU General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-
 .content {
+  
   margin-left: auto;
   margin-right: auto;
   padding: 8rem $content-padding 12rem;
 
   @media screen {
     padding-left: $content-padding + .5rem;
-    max-width: $content-width;
     min-height: 100vh;
   }
 
+  @media screen and (min-width: $break-point-1) {
+    max-width: $content-width;
+  }
+
   @media screen and (min-width: $break-point-2) {
     max-width: $content-width-2;
   }
@@ -45,6 +48,7 @@
   }
 
   @media screen and (min-width: $break-point-5) {
+    padding-top: 9rem;
     margin-left: $sidebar-width + $content-margin-5;
     margin-right: $content-margin-5;
     max-width: $content-width-5;
@@ -53,6 +57,8 @@
   @media screen and (min-width: $break-point-dynamic) {
     margin: auto;
   }
+  
+  
 }
 
 .large-only {
@@ -61,6 +67,3 @@
     display: block;
   }
 }
-
-
-

data/_sass/hydejack/__inline__/_sidebar.scss

@@ -68,16 +68,25 @@ hy-drawer {
   color: rgba(255, 255, 255, .75);
   text-align: center;
   min-height: 100vh;
+  &.invert { color: rgba(32, 32, 32, .75) }
   
 
   a {
+    
     color: #fff; 
     border-bottom-color: rgba(255, 255, 255, 0.2); 
     text-decoration-color: rgba(255, 255, 255, 0.2); 
-    &:hover { 
-//       border-bottom-color: #fff; 
-//       text-decoration-color: #fff; 
-    }
+    
+    
+  }
+
+  &.invert a {
+    
+    color: #222;
+    border-bottom-color: rgba(32, 32, 32, 0.2); 
+    text-decoration-color: rgba(32, 32, 32, 0.2); 
+    
+    
   }
 }
 
@@ -148,6 +157,11 @@ hy-drawer {
   }
 }
 
+.sidebar.invert .sidebar-about > a.sidebar-title{
+  &::after { border-color: rgba(32, 32, 32, 0.2) }
+  &:hover::after { border-color: #222 }
+}
+
 .sidebar-nav > ul {
   list-style: none;
   padding-left: 0;

data/_sass/hydejack/__inline__/_toc.scss

@@ -25,18 +25,12 @@
 #markdown-toc {
   
   @extend .note-sm;
-  padding: 0 1.5rem .5rem 2.5rem;
   margin: 2rem -1rem 2rem calc(-1rem + 1px);
+  padding-left: 2.5rem;
+  padding-bottom: .5rem;
   
 //   transition: opacity 300ms ease, transform 300ms ease, border-color 1s ease; 
-  &:before {
-    position: relative;
-    left: -1.5rem;
-    top: -.25rem;
-    display: inline-block;
-    margin-bottom: .25rem;
-  }
-  
+  &:before { left: 1rem; }
 }
 
 body:not(.no-toc) #markdown-toc {
@@ -44,12 +38,18 @@ body:not(.no-toc) #markdown-toc {
     
     position: absolute;
     z-index: 4;
-    width: calc(50% - #{$half-content});
+    width: 20.5rem;
     right: 0;
     margin: auto;
     overflow: auto;
     
-//     overscroll-behavior: contain; 
     
   }
 }
+
+
+body.no-break-layout:not(.no-toc) #markdown-toc {
+  @media screen and (min-width: $break-point-dynamic) {
+    width: calc(50% - #{$half-content});
+  }
+}

data/_sass/hydejack/__inline__/_utilities.scss

@@ -32,6 +32,8 @@
 .mt3 { margin-top: 3rem }
 .mt4 { margin-top: 4rem }
 .pb0 { padding-bottom: 0 }
+.ml1 { margin-left: 1rem }
+.mr1 { margin-right: 1rem }
 
 .sixteen-nine { @include aspect-ratio(16, 9); }
 .sixteen-ten { @include aspect-ratio(16, 10); }
@@ -42,7 +44,30 @@
   
 }
 
+.larger { font-size: larger; }
+.smaller { font-size: smaller; }
+
+.clearfix {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .border {
   border: 1px solid var(--border-color); 
 //   transition: border-color 1s ease; 
 }
+
+.border-radius {
+  @include border-radius();
+}
+
+.fallback-img {
+  @include fallback-image();
+}