jekyll-theme-hydejack 9.0.4 → 9.1.0

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
@@ -54,3 +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;
+      }
+    }
+  }
+}
+

data/_sass/hydejack/__inline__/_content.scss

@@ -30,10 +30,13 @@
 
   @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;

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

@@ -30,9 +30,7 @@
   padding-bottom: .5rem;
   
 //   transition: opacity 300ms ease, transform 300ms ease, border-color 1s ease; 
-  &:before {
-    left: 1rem;
-  }
+  &:before { left: 1rem; }
 }
 
 body:not(.no-toc) #markdown-toc {
@@ -40,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();
+}

data/_sass/hydejack/__link__/_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

data/_sass/hydejack/__link__/_break-layout.scss

@@ -29,6 +29,8 @@ pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CH
   @media screen {
     position: relative;
     width: calc(100% + #{$pad});
+    border-top-right-radius: 0!important;
+    border-bottom-right-radius: 0!important;
   }
 
   @media screen and (min-width: $content-width) {
@@ -52,7 +54,8 @@ pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CH
   }
 
   @media screen and (min-width: $break-point-dynamic) {
-    width: calc(100% + #{$content-margin-5 + 2rem});
+    $x: ($content-width-5 / 2) - ($content-padding * 2) + 21rem;
+    width: calc(100% + 50vw - #{$x} + 2px);
   }
 }
 
@@ -62,6 +65,10 @@ body:not(.no-break-layout) {
   }
 }
 
+body.no-break-layout {
+  width: calc(100% + #{$content-margin-5 + 2rem});
+}
+
 body.no-toc:not(.no-break-layout) {
   pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CHTML"][display="true"] {
     @media screen and (min-width: $break-point-dynamic) {

data/_sass/hydejack/__link__/_images.scss

@@ -40,7 +40,7 @@ figure, .figure {
   margin-bottom: 2rem;
 
   > *:first-child {
-    margin-bottom: .5rem;
+    margin-bottom: 1rem;
   }
 }
 

data/_sass/hydejack/__link__/_sidebar.scss

@@ -65,13 +65,23 @@ hy-drawer {
   
 
   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 {
+    
+    
     &:hover { 
-      border-bottom-color: #fff; 
-      text-decoration-color: #fff; 
+      border-bottom-color: #222;
+      text-decoration-color: #222;
     }
+    
   }
 }
 

data/_sass/hydejack/__link__/_toc.scss

@@ -25,16 +25,15 @@
 #markdown-toc {
   
   transition: opacity 300ms ease, transform 300ms ease, border-color 1s ease; 
-  &:before {
-    left: 1rem;
-  }
+  &:before { left: 1rem; }
 }
 
 body:not(.no-toc) #markdown-toc {
   @media screen and (min-width: $break-point-dynamic) {
     
-    overscroll-behavior: contain; 
     
+    overscroll-behavior: contain;
+
     &.toc-hide {
       opacity: 0;
       transform: translateX(-2rem);
@@ -53,3 +52,4 @@ body:not(.no-toc) #markdown-toc {
     
   }
 }
+

data/_sass/hydejack/__link__/_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); }
@@ -51,7 +53,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();
+}

data/_sass/hydejack/_base.pre.scss

@@ -1,4 +1,4 @@
-// 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
@@ -56,6 +56,28 @@ html {
     font-size: var(--root-font-size-large);
   }
 }
+
+#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;
+      }
+    }
+  }
+}
 // >>>
 // <<< LINK
 @media print { 

data/_sass/hydejack/_break-layout.pre.scss

@@ -20,6 +20,8 @@ pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CH
   @media screen {
     position: relative;
     width: calc(100% + #{$pad});
+    border-top-right-radius: 0!important;
+    border-bottom-right-radius: 0!important;
   }
 
   @media screen and (min-width: $content-width) {
@@ -43,7 +45,8 @@ pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CH
   }
 
   @media screen and (min-width: $break-point-dynamic) {
-    width: calc(100% + #{$content-margin-5 + 2rem});
+    $x: ($content-width-5 / 2) - ($content-padding * 2) + 21rem;
+    width: calc(100% + 50vw - #{$x} + 2px);
   }
 }
 
@@ -53,6 +56,10 @@ body:not(.no-break-layout) {
   }
 }
 
+body.no-break-layout {
+  width: calc(100% + #{$content-margin-5 + 2rem});
+}
+
 body.no-toc:not(.no-break-layout) {
   pre, table:not(.highlight), .katex-display, .break-layout, mjx-container[jax="CHTML"][display="true"] {
     @media screen and (min-width: $break-point-dynamic) {