jekyll-theme-hydejack 6.3.0 → 6.4.0

data/_layouts/blog.html

@@ -4,7 +4,6 @@ layout: base
 
 {% for post in paginator.posts %}
   {% include post.html post=post link_title=true excerpt=true %}
-  <br/>
 {% endfor %}
 
 {% include pagination.html %}

data/_layouts/compress.html

@@ -17,7 +17,7 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v6.3.0 (https://qwtel.com/hydejack/)
+Powered by Hydejack v6.4.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/list.html

@@ -15,17 +15,18 @@ layout: base
 {% endif %}
 
 {% if page.title.size > 0 %}
-  <h1 class="page-title">{{ page.title }}</h1>
-  {% include message.html text=page.description %}
-  <hr/>
+  <header>
+    <h1 class="page-title">{{ page.title }}</h1>
+    {% include message.html text=page.description %}
+  </header>
+  <hr class="sr-only"/>
 {% endif %}
 
 {% for post in posts %}
   {% assign currentdate = post.date | date: "%Y" %}
   {% if currentdate != date %}
     {% unless forloop.first %}</ul>{% endunless %}
-    <h2 id="y{{post.date | date: "%Y"}}">{{ currentdate }}</h2>
-    <hr/>
+    <h2 id="y{{post.date | date: "%Y"}}" class="hr">{{ currentdate }}</h2>
     <ul class="related-posts">
     {% assign date = currentdate %}
   {% endif %}

data/_layouts/page.html

@@ -3,9 +3,10 @@ layout: base
 ---
 
 <article class="page" role="article">
-  <h1 class="page-title">{{ page.title }}</h1>
-  {% include message.html text=page.description %}
-  <hr/>
+  <header style="margin-bottom:2rem">
+    <h1 class="page-title">{{ page.title }}</h1>
+    {% include message.html text=page.description %}
+  </header>
 
   {{ content }}
 </article>

data/_sass/hydejack/_base-inline.scss

@@ -69,7 +69,7 @@ body, main {
   // border: 0;
 }
 
-.clearfix {
+.clearfix, .clearafter::after {
   @include clearfix();
 }
 
@@ -137,3 +137,7 @@ h1, h2, h3, h4, h5, h6 {
   50%  { transform: translateY(-2rem); opacity: 0; }
   to   { transform: translateY(0);     opacity: 1; }
 }
+
+.mb6 {
+  margin-bottom: 6rem;
+}

data/_sass/hydejack/_base.scss

@@ -69,7 +69,7 @@ body, main {
   border: 0;
 }
 
-// .clearfix {
+// .clearfix, .clearafter::after {
 //   @include clearfix();
 // }
 
@@ -137,3 +137,7 @@ a, .a {
 //   50%  { transform: translateY(-2rem); opacity: 0; }
 //   to   { transform: translateY(0);     opacity: 1; }
 // }
+// 
+// .mb6 {
+//   margin-bottom: 6rem;
+// }

data/_sass/hydejack/_content-inline.scss

@@ -1,9 +1,3 @@
-/* Container
- *
- * Align the contents of the site above the proper threshold with some margin-fu
- * with a 25%-wide `.sidebar`.
- */
-
 .content {
   position: relative;
   margin-left: auto;

data/_sass/hydejack/_menu-inline.scss

@@ -20,6 +20,10 @@
   margin-left: -1.5rem;
   color: $gray!important;
 
+  &::after {
+    content: "\2630"; // ☰
+  }
+
   @media screen and (min-width: $break-point-2) {
     padding: 1.25rem 1.5rem;
     position: absolute;
@@ -35,7 +39,7 @@
   // }
 }
 
-.shadow-main {
+.animation-main {
   // opacity: 0;
   // will-change: opacity;
   pointer-events: none;

data/_sass/hydejack/_menu.scss

@@ -10,6 +10,7 @@
 //   padding-top: 0;
 //   padding-bottom: 0;
 //   min-height: 0;
+//   height: 0;
 // }
 
 .menu {
@@ -19,6 +20,10 @@
   // margin-left: -1.5rem;
   // color: $gray!important;
   //
+  // &::after {
+  //   content: "\2630"; // ☰
+  // }
+  //
   // @media screen and (min-width: $break-point-2) {
   //   padding: 1.25rem 1.5rem;
   //   position: absolute;
@@ -34,7 +39,7 @@
   }
 }
 
-.shadow-main {
+.animation-main {
   opacity: 0;
   will-change: opacity;
   // pointer-events: none;

data/_sass/hydejack/_sidebar-inline.scss

@@ -1,10 +1,3 @@
-/*
- * Sidebar
- *
- * Flexible banner for housing site name, intro, and "footer" content. Starts
- * out above content in mobile and later moves to the side with wider viewports.
- */
-
 .sidebar {
   color: rgba(255,255,255,.75);
   text-align: left;
@@ -78,15 +71,13 @@
 
 .sidebar-sticky {
   position: relative;
-  padding-left:  1rem;
-  padding-right: 1rem;
   z-index: 3;
 
   @media screen {
     position: absolute;
-    right:  1rem;
+    right:  2rem;
     bottom: 1rem;
-    left:   1rem;
+    left:   2rem;
   }
 }
 
@@ -99,27 +90,16 @@
 .sidebar-nav > ul {
   list-style: none;
   padding-left: 0;
-
-  > li:last-child > .sidebar-nav-item {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  }
+  margin-bottom: .5rem;
+  // border-top: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 a.sidebar-nav-item {
   font-weight: bold;
   display: block;
   line-height: 1.75;
-  margin: 0 -2rem;
-  padding: .25rem 2rem;
-  border-top: 1px solid rgba(255, 255, 255, 0.2);
-  border-bottom: none;
-  // transition: background-color 500ms ease;
-  //
-  // &:hover, &:focus {
-  //   border-bottom: none;
-  //   background-color: rgba(255, 255, 255, 0.1);
-  //   transition: background-color 50ms ease;
-  // }
+  padding: .25rem 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 // @media print {

data/_sass/hydejack/_sidebar.scss

@@ -1,10 +1,3 @@
-/*
- * Sidebar
- *
- * Flexible banner for housing site name, intro, and "footer" content. Starts
- * out above content in mobile and later moves to the side with wider viewports.
- */
-
 .sidebar {
   // color: rgba(255,255,255,.75);
   // text-align: left;
@@ -79,9 +72,9 @@
 //
 //   @media screen {
 //     position: absolute;
-//     right:  1rem;
+//     right:  2rem;
 //     bottom: 1rem;
-//     left:   1rem;
+//     left:   2rem;
 //   }
 // }
 //
@@ -94,28 +87,17 @@
 // .sidebar-nav > ul {
 //   list-style: none;
 //   padding-left: 0;
-//
-//   > li:last-child > .sidebar-nav-item {
-//     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-//   }
+//   margin-bottom: .5rem;
+//   border-top: 1px solid rgba(255, 255, 255, 0.2);
 // }
 //
-a.sidebar-nav-item {
-  // font-weight: bold;
-  // display: block;
-  // line-height: 1.75;
-  // margin: 0 -2rem;
-  // padding: .25rem 2rem;
-  // border-top: 1px solid rgba(255, 255, 255, 0.2);
-  // border-bottom: none;
-  transition: background-color 500ms ease;
-
-  &:hover, &:focus {
-    border-bottom: none;
-    background-color: rgba(255, 255, 255, 0.1);
-    transition: background-color 50ms ease-out;
-  }
-}
+// a.sidebar-nav-item {
+//   font-weight: bold;
+//   display: block;
+//   line-height: 1.75;
+//   padding: .25rem 0;
+//   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+// }
 
 @media print {
   .sidebar {

data/_sass/hydejack/_social-inline.scss

@@ -19,7 +19,7 @@
         text-align: center;
         font-size: 1.6rem;
         line-height: 3rem;
-        width: 3.125rem;
+        width: 3.1249rem;
         height: 4rem;
         padding: .5rem 0;
 

data/_sass/pooleparty/_posts-inline.scss

@@ -9,6 +9,10 @@
   li + li {
     margin-top: .25rem;
   }
+
+  > header {
+    margin-bottom: 2rem;
+  }
 }
 
 // Blog post or page title
@@ -24,11 +28,14 @@
   color: $gray;
 }
 
-// .dingbat::after {
-//   content: "❖";
+// hr.dingbat {
+//   border: 0;
+// }
+//
+// hr.dingbat::after {
+//   content: "\2756"; // ❖
 //   display: block;
 //   text-align: center;
-//   margin-top: 3rem;
 //   font-size: 1.5rem;
 //   color: #ddd;
 // }

data/_sass/pooleparty/_posts.scss

@@ -9,6 +9,10 @@
   // li + li {
   //   margin-top: .25rem;
   // }
+  //
+  // > header {
+  //   margin-bottom: 2rem;
+  // }
 }
 
 // Blog post or page title
@@ -24,11 +28,14 @@
   // color: $gray;
 }
 
-.dingbat::after {
-  content: "❖";
+hr.dingbat {
+  border: 0;
+}
+
+hr.dingbat::after {
+  content: "\2756"; // ❖
   display: block;
   text-align: center;
-  margin-top: 1.5rem;
   font-size: 1.5rem;
   color: #ddd;
 }

data/_sass/pooleparty/_table-inline.scss

@@ -0,0 +1,130 @@
+table {
+  margin-bottom: 1rem;
+  width: 100%;
+  width: calc(100% + 2rem);
+  margin-left: -1rem;
+  border: 1px solid $border-color;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td, th {
+  padding: .25rem .5rem;
+  border: 1px solid $border-color;
+
+  &:first-child {
+    padding-left: 1rem;
+  }
+
+  &:last-child {
+    padding-right: 1rem;
+  }
+}
+
+thead + tbody,
+tbody + tbody,
+tfoot {
+  border-top: 3px double $border-color;
+}
+
+tbody tr:nth-child(odd) td,
+tbody tr:nth-child(odd) th {
+  background-color: $gray-bg;
+}
+
+// CSS only Responsive Tables
+// http://dbushell.com/2016/03/04/css-only-responsive-tables/
+// by David Bushell
+// @mixin scroll-table() {
+//   display: block;
+//   vertical-align: top;
+//   overflow-x: auto;
+//   white-space: nowrap; // optional - looks better for small cell values
+//   border: none;
+//   -webkit-overflow-scrolling: touch;
+// }
+//
+// @mixin flip-table() {
+//   display: flex;
+//   overflow: hidden;
+//   background: none;
+//   border: none;
+//   border-top: 1px solid $border-color;
+//   border-bottom: 1px solid $border-color;
+//
+//   thead {
+//     display: flex;
+//     flex-shrink: 0;
+//     min-width: min-content;
+//     margin-right: 1px;
+//
+//     th {
+//       padding-left: 1rem;
+//     }
+//   }
+//
+//   tbody {
+//     display: flex;
+//     position: relative;
+//     overflow-x: auto;
+//     overflow-y: hidden;
+//     -webkit-overflow-scrolling: touch;
+//     border-top: none;
+//   }
+//
+//   tr {
+//     display: flex;
+//     flex-direction: column;
+//     min-width: min-content;
+//     flex-shrink: 0;
+//
+//     td {
+//       border-left: none;
+//     }
+//
+//     &:first-child {
+//       td {
+//         border-left: 1px solid $border-color;
+//       }
+//     }
+//
+//     &:last-child {
+//       td {
+//         padding-right: 1rem;
+//         border-right: 1px solid $border-color;
+//       }
+//     }
+//   }
+//
+//   td, th {
+//     display: block;
+//     border-bottom: none;
+//
+//     &:first-child {
+//       padding-left: .5rem;
+//       border-top: none;
+//     }
+//
+//     &:last-child {
+//       padding-right: .5rem;
+//     }
+//   }
+// }
+//
+// table.scroll-table {
+//   @include scroll-table();
+// }
+//
+// table.flip-table {
+//   @include flip-table();
+// }
+//
+// @media screen and (max-width: $break-point-4) {
+//   table.scroll-table-small {
+//     @include scroll-table();
+//   }
+//
+//   table.flip-table-small {
+//     @include flip-table();
+//   }
+// }