jekyll-theme-hydejack 9.1.0 → 9.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4d4c7839aba9ebf940fcb311158173d92efeba2eac90720cd573941a8976d1ed
-  data.tar.gz: 43e9bf120d04cca00b16877abb7ed1b0a2b731ebde6fe95bfdf6499c4016bf41
+  metadata.gz: 331e9c5d25f60e914c9e941c787a3125c517f1031f0ebdc1e39d054d86d1afe2
+  data.tar.gz: 65bec9a7abd39dc90eea6f74e2fb2225704fc3e984f02667f60478a4c8ac701e
 SHA512:
-  metadata.gz: eb610f97bb71875f83d5ab8ebc3f7fd17c28d9525cedffe065d7589d6c3ea095aef93711968bf4f5ffb07b6cabe9dddffa31fd375ea651748505dc42fa43cdfd
-  data.tar.gz: 3b3da9b2471efa8e4270f0256d54c8ec06b2419d6bf9f25ea8326ce389c85b11d5195a9b31dcb608938b69e3958d9defced7f0632704be7ca1c01f6721d436aa
+  metadata.gz: eeacb472265e43c24871dbd5c7669612269766b084788271c1a8b345952efc4d4652adb5018e829fc0fb346930bc0dcc4b74b69a8cd123a0a319cd545a387a34
+  data.tar.gz: 5fcacf3dd0c247d6d9e611d510656546fe0d55cd324441bf52f5eaba479fac48f11c2d4f0966ac9eca4fbdb206e8c59feb4dd8dec4fed61d50e1ffe88257f7dd

data/_includes/body/footer.html

@@ -13,7 +13,7 @@
     {% endfor %}
     </small></nav>
   {% endif %}
-    <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">9.1.0</span></small></p>
+    <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">9.1.1</span></small></p>
   <hr class="sr-only"/>
 </footer>
 {% endif %}

data/_includes/body/scripts.html

@@ -1,7 +1,7 @@
 <!--[if gt IE 10]><!---->
   <script nomodule>{% include scripts/nomodule.min.js %}</script>
-  <script src="{{ '/assets/js/hydejack-9.1.0.js' | relative_url }}" type="module"></script>
-  <script src="{{ '/assets/js/LEGACY-hydejack-9.1.0.js' | relative_url }}" nomodule defer></script>
+  <script src="{{ '/assets/js/hydejack-9.1.1.js' | relative_url }}" type="module"></script>
+  <script src="{{ '/assets/js/LEGACY-hydejack-9.1.1.js' | relative_url }}" nomodule defer></script>
   {% include my-scripts.html %}
   {% include body/analytics.html %}
 <!--<![endif]-->

data/_includes/components/post.html

@@ -13,19 +13,24 @@
     </h1>
 
     <div class="post-date">
-      <span>
-        {% unless site.hydejack.hide_dates %}
-          {% assign post_format = site.data.strings.date_formats.post | default:"%d %b %Y" %}
+      {% capture foobar %}
+        {%- unless site.hydejack.hide_dates -%}
+          {%- assign post_format = site.data.strings.date_formats.post | default:"%d %b %Y" -%}
           <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date:post_format }}</time>
-        {% else %}
-          {{ site.data.strings.posted | default:"Posted" }}
-        {% endunless %}
-        {% assign category_start     = site.data.strings.category_start     | default:"in " %}
-        {% assign tag_start          = site.data.strings.tag_start          | default:"on " %}
-        {% assign category_separator = site.data.strings.category_separator | default:" / " %}
-        {% assign tag_separator      = site.data.strings.tag_separator      | default:", "  %}
-        {% include components/tag-list.html tags=post.categories meta=site.featured_categories start_with=category_start separator=category_separator %}
-        {% include components/tag-list.html tags=post.tags meta=site.featured_tags start_with=tag_start separator=tag_separator %}
+        {%- else -%}
+          {{- site.data.strings.posted | default:"Posted" -}}
+        {%- endunless -%}
+        {{ ' ' }}
+        {%- assign category_start     = site.data.strings.category_start     | default:"in " -%}
+        {%- assign tag_start          = site.data.strings.tag_start          | default:"on " -%}
+        {%- include components/tag-list.html tags=post.categories meta=site.featured_categories start_with=category_start separator=category_separator -%}
+        {{ ' ' }}
+        {%- assign category_separator = site.data.strings.category_separator | default:" / " -%}
+        {%- assign tag_separator      = site.data.strings.tag_separator      | default:", "  -%}
+        {%- include components/tag-list.html tags=post.tags meta=site.featured_tags start_with=tag_start separator=tag_separator -%}
+      {% endcapture %}
+      <span class="ellipsis mr1">
+        {{ foobar }}
       </span>
       {% unless site.hydejack.hide_dates or site.hydejack.hide_last_modified or post.hide_last_modified %}
         {% if post.last_modified_at %}
@@ -33,16 +38,17 @@
           {% assign d2 = post.last_modified_at | date:"%Y-%m-%d" %}
           {% if d1 != d2 %}
             {% assign label = site.data.strings.last_modified_at | default:"Last modified at" %}
-            <span class="ellipsis ml1" title="{{ label }}">
+            {% assign last_modified_at_format = site.data.strings.date_formats.last_modified_at | default:"%Y-%m-%d" %}
+            <span class="ellipsis" data-tippy-content="{{ label }}{{ site.data.strings.colon }} {{ post.last_modified_at | date:last_modified_at_format }}">
               <span class="sr-only">{{ label }}{{ site.data.strings.colon }}</span>
               <span class="{{ site.data.strings.last_modified_icon | default:'icon-history' }}"></span>
-              {% assign last_modified_at_format = site.data.strings.date_formats.last_modified_at | default:"%Y-%m-%d" %}
               <time datetime="{{ post.last_modified_at | date_to_xmlschema }}">{{ post.last_modified_at | date:last_modified_at_format }}</time>
             </span>
           {% endif %}
         {% endif %}
       {% endunless %}
     </div>
+
     {% assign alt = false %}
     {% unless hide_image %}{% if post.image %}
       {% unless no_link_title %}<a href="{{ post.url | relative_url }}" class="no-hover no-print-link {% unless post.hide_image %}flip-project{% endunless %}" tabindex="-1">{% endunless %}

data/_includes/components/tag-list.html

@@ -1,30 +1,30 @@
-{% assign tags = include.tags %}
-{% assign meta = include.meta %}
-{% assign start_with = include.start_with %}
-{% assign separator = include.separator %}
-{% assign end_with = include.end_with %}
+{%- assign tags = include.tags -%}
+{%- assign meta = include.meta -%}
+{%- assign start_with = include.start_with -%}
+{%- assign separator = include.separator -%}
+{%- assign end_with = include.end_with -%}
 
-{% assign content = '' %}
+{%- assign content = '' -%}
 
-{% if tags.size > 0 %}
-  {% assign content = start_with %}
-  {% for tag_slug in tags %}
-    {% capture iter_separator %}{% if forloop.last %}{{ end_with }}{% else %}{{ separator }}{% endif %}{% endcapture %}
+{%- if tags.size > 0 -%}
+  {%- assign content = start_with -%}
+  {%- for tag_slug in tags -%}
+    {%- capture iter_separator -%}{% if forloop.last %}{{ end_with }}{% else %}{{ separator }}{% endif %}{%- endcapture -%}
 
-    {% if major >= 4 and minor >= 1 %}
-      {% assign tag = meta | find: "slug", tag_slug %}
-    {% else %}
-      {% assign tag = meta | where: "slug", tag_slug | first %}
-    {% endif %}
+    {%- if major >= 4 and minor >= 1 %}
+      {%- assign tag = meta | find: "slug", tag_slug -%}
+    {%- else -%}
+      {%- assign tag = meta | where: "slug", tag_slug | first -%}
+    {%- endif -%}
 
-    {% if tag %}
-      {% capture content_temp %}{{ content }}<a href="{{ tag.url | relative_url }}" class="flip-title">{{ tag.title }}</a>{{ iter_separator }}{% endcapture %}
-    {% else %}
-      {% capture content_temp %}{{ content }}<span>{{ tag_slug | capitalize }}</span>{{ iter_separator }}{% endcapture %}
-    {% endif %}
+    {%- if tag -%}
+      {%- capture content_temp -%}{{ content }}<a href="{{ tag.url | relative_url }}" class="flip-title">{{ tag.title }}</a>{{ iter_separator }}{%- endcapture -%}
+    {%- else -%}
+      {%- capture content_temp -%}{{ content }}<span>{{ tag_slug | capitalize }}</span>{{ iter_separator }}{%- endcapture -%}
+    {%- endif -%}
 
-    {% assign content = content_temp %}
-  {% endfor %}
-{% endif %}
+    {%- assign content = content_temp -%}
+  {%- endfor -%}
+{%- endif -%}
 
-{{ content }}
+{{- content -}}

data/_includes/head/meta-static.html

@@ -14,4 +14,4 @@
   <meta name="theme-color" content="{{ theme_color | default:'rgb(8,46,57)' }}">
 {% endunless %}
 
-<meta name="generator" content="Hydejack v9.1.0" />
+<meta name="generator" content="Hydejack v9.1.1" />

data/_includes/head/styles-inline.html

@@ -1,5 +1,5 @@
 {% assign google_fonts = site.google_fonts %}
-{% capture style_url %}{{ 'assets/css/hydejack-9.1.0.css' | relative_url }}{% endcapture %}
+{% capture style_url %}{{ 'assets/css/hydejack-9.1.1.css' | relative_url }}{% endcapture %}
 {% capture icons_url %}{{ 'assets/icomoon/style.css' | relative_url }}{% endcapture %}
 {% if google_fonts %}{% capture fonts_url %}https://fonts.googleapis.com/css?family={{ google_fonts | uri_escape }}&display=swap{% endcapture %}{% endif %}
 

data/_includes/head/styles-no-inline.html

@@ -1,5 +1,5 @@
 {% assign google_fonts = site.google_fonts %}
-{% capture style_url %}{{ 'assets/css/hydejack-9.1.0.css' | relative_url }}{% endcapture %}
+{% capture style_url %}{{ 'assets/css/hydejack-9.1.1.css' | relative_url }}{% endcapture %}
 {% capture icons_url %}{{ 'assets/icomoon/style.css' | relative_url }}{% endcapture %}
 {% if google_fonts %}{% capture fonts_url %}https://fonts.googleapis.com/css?family={{ google_fonts | uri_escape }}&display=swap{% endcapture %}{% endif %}
 

data/_includes/header.txt

@@ -9,5 +9,5 @@
  *                 /\___/                \ \____/
  *                 \/__/                  \/___/
  *
- * Powered by Hydejack v9.1.0 <https://hydejack.com/>
+ * Powered by Hydejack v9.1.1 <https://hydejack.com/>
  */

data/_includes/styles/style.scss

@@ -98,5 +98,6 @@
 {% endunless %}
 
 @import "spinner";
+@import "tippy";
 
 @import "syntax";

data/_layouts/compress.html

@@ -10,6 +10,6 @@
                 /\___/                \ \____/
                 \/__/                  \/___/
 
-Powered by Hydejack v9.1.0 <https://hydejack.com/>
+Powered by Hydejack v9.1.1 <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/_sass/_mixins.scss

@@ -1,4 +1,4 @@
-// Copyright (c) 2019 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
@@ -13,6 +13,23 @@
 // You should have received a copy of the GNU General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+@mixin light-mode() {
+  --body-color: #{$body-color};
+  --body-bg: #{$body-bg};
+  --border-color: #{$border-color};
+  --gray: #{$gray};
+  --gray-bg: #{$gray-bg};
+  --gray-text: #{$gray-text};
+  --menu-text: #{$menu-text};
+  --inv-body-color: #ccc;
+  --inv-body-bg: #282828;
+
+  .content {
+    -webkit-font-smoothing: initial;
+    -moz-osx-font-smoothing: initial;
+  }
+}
+
 @mixin aspect-ratio($width, $height) {
   position: relative;
 

data/_sass/_tippy.scss

@@ -0,0 +1,40 @@
+$namespace-prefix: 'tippy';
+
+@import "tippyjs/index";
+
+[data-tippy-root] {
+  --body-color: var(--inv-body-color);
+  --body-bg: var(--inv-body-bg);
+}
+
+.tippy-box {
+  color: var(--body-color)!important;
+  background-color: var(--body-bg)!important;
+} 
+
+.tippy-content {
+  font-family: $font-family!important;
+  font-weight: normal!important;
+  a { 
+    @extend .heading; 
+    text-underline-offset: 0.15rem;
+  }
+}
+
+.tippy-arrow {
+  color: var(--body-bg)!important;
+}
+
+.dark-mode {
+  .tippy-content {
+    -webkit-font-smoothing: initial;
+    -moz-osx-font-smoothing: initial;
+  }
+}
+
+.light-mode {
+  .tippy-content {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}

data/_sass/html.scss

@@ -3,13 +3,7 @@ html {
   --font-family-heading: #{$font-family-heading};
   --code-font-family: #{$code-font-family};
 
-  --gray: #{$gray};
-  --gray-bg: #{$gray-bg};
-  --gray-text: #{$gray-text};
-  --menu-text: #{$menu-text};
-  --body-color: #{$body-color};
-  --body-bg: #{$body-bg};
-  --border-color: #{$border-color};
+  @include light-mode();
 
   --root-font-size: #{$root-font-size};
   --root-font-size-medium: #{$root-font-size-medium};

data/_sass/pooleparty/__inline__/_posts.scss

@@ -63,12 +63,15 @@ body:not(.no-third-column) {
   @extend .h4;
   display: flex;
   justify-content: space-between;
-  white-space: nowrap;
   margin-top: -.6rem;
   height: 2rem;
   margin-bottom: .85rem;
   color: var(--gray);
 
+  > .ellipsis {
+    cursor: pointer;
+  }
+
   [class^="icon-"] { 
     display: inline-block; 
     font-size: smaller;

data/_sass/pooleparty/__inline__/_type.scss

@@ -48,11 +48,13 @@
 .f4 {
   @extend .heading;
   font-size: 1.08rem;
+  line-height: 1.6;
 }
 
 .f5 {
   @extend .heading;
   font-size: 1.04rem;
+  line-height: 1.7;
 }
 
 .f6 {

data/_sass/pooleparty/__link__/_footnotes.scss

@@ -51,6 +51,7 @@ sup {
 // List of footnotes
 .footnotes {
   margin-top: 5rem;
+  margin-bottom: 5rem;
 
   > ol {
     color: var(--gray);
@@ -71,7 +72,7 @@ sup {
     @extend .color-transition;
     content: "";
     display: block;
-    margin: 1.5rem 0;
+    margin: 1rem 0;
     border: 0;
     border-top: 1px solid var(--border-color);
   }

data/_sass/pooleparty/__link__/_type.scss

@@ -48,11 +48,13 @@
 .f4 {
   @extend .heading;
   font-size: 1.08rem;
+  line-height: 1.6;
 }
 
 .f5 {
   @extend .heading;
   font-size: 1.04rem;
+  line-height: 1.7;
 }
 
 .f6 {

data/_sass/pooleparty/_footnotes.pre.scss

@@ -42,6 +42,7 @@ sup {
 // List of footnotes
 .footnotes {
   margin-top: 5rem;
+  margin-bottom: 5rem;
 
   > ol {
     color: var(--gray);
@@ -62,7 +63,7 @@ sup {
     @extend .color-transition;
     content: "";
     display: block;
-    margin: 1.5rem 0;
+    margin: 1rem 0;
     border: 0;
     border-top: 1px solid var(--border-color);
   }

data/_sass/pooleparty/_posts.pre.scss

@@ -54,12 +54,15 @@ body:not(.no-third-column) {
   @extend .h4;
   display: flex;
   justify-content: space-between;
-  white-space: nowrap;
   margin-top: -.6rem;
   height: 2rem;
   margin-bottom: .85rem;
   color: var(--gray);
 
+  > .ellipsis {
+    cursor: pointer;
+  }
+
   [class^="icon-"] { 
     display: inline-block; 
     font-size: smaller;

data/_sass/pooleparty/_type.pre.scss

@@ -39,11 +39,13 @@
 .f4 {
   @extend .heading;
   font-size: 1.08rem;
+  line-height: 1.6;
 }
 
 .f5 {
   @extend .heading;
   font-size: 1.04rem;
+  line-height: 1.7;
 }
 
 .f6 {

data/_sass/tippyjs/_mixins.scss

@@ -0,0 +1,25 @@
+@mixin backdrop-transform-enter($placement) {
+  $scale: 1;
+  @if ($placement == 'top') {
+    transform: scale($scale) translate(-50%, -55%);
+  } @else if ($placement == 'bottom') {
+    transform: scale($scale) translate(-50%, -45%);
+  } @else if ($placement == 'left') {
+    transform: scale($scale) translate(-50%, -50%);
+  } @else if ($placement == 'right') {
+    transform: scale($scale) translate(-50%, -50%);
+  }
+}
+
+@mixin backdrop-transform-leave($placement) {
+  $scale: 0.2;
+  @if ($placement == 'top') {
+    transform: scale($scale) translate(-50%, -45%);
+  } @else if ($placement == 'bottom') {
+    transform: scale($scale) translate(-50%, 0);
+  } @else if ($placement == 'left') {
+    transform: scale($scale) translate(-75%, -50%);
+  } @else if ($placement == 'right') {
+    transform: scale($scale) translate(-25%, -50%);
+  }
+}

data/_sass/tippyjs/_vars.scss

@@ -0,0 +1,6 @@
+$namespace-prefix: '__NAMESPACE_PREFIX__' !default;
+$placements: 'top', 'bottom', 'left', 'right';
+$origins: bottom, top, right, left;
+$backdrop-origins: 0% 25%, 0% -50%, 50% 0%, -50% 0%;
+$backdrop-border-radii: 40% 40% 0 0, 0 0 30% 30%, 50% 0 0 50%, 0 50% 50% 0;
+$arrow-size: 16px;

data/_sass/tippyjs/animations/fade.scss

@@ -0,0 +1,8 @@
+@import '../_mixins.scss';
+@import '../_vars.scss';
+
+.#{$namespace-prefix}-box {
+  &[data-animation='fade'][data-state='hidden'] {
+    opacity: 0;
+  }
+}