jekyll-theme-hydejack 8.3.2 → 9.0.0

data/_includes/scripts/nomodule.js

@@ -0,0 +1,21 @@
+// `script[nomodule]` polyfill for Safari 10.1.
+// Source: https://gist.github.com/samthor/64b114e4a4f539915a95b91ffd340acc
+(function() {
+  var check = document.createElement('script');
+  if (!('noModule' in check) && 'onbeforeload' in check) {
+    var support = false;
+    document.addEventListener('beforeload', function (e) {
+      if (e.target === check) {
+        support = true;
+      } else if (!e.target.hasAttribute('nomodule') || !support) {
+        return;
+      }
+      e.preventDefault();
+    }, true);
+
+    check.type = 'module';
+    check.src = '.';
+    document.head.appendChild(check);
+    check.remove();
+  }
+}())

data/_includes/scripts/nomodule.min.js

@@ -0,0 +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()}}();

data/_includes/smart-url

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

data/_includes/smart-url.txt

@@ -1 +1 @@
-{% assign url = include.url %}{% if url contains '//' %}{{ url }}{% else %}{% assign url = url | remove_first:site.baseurl %}{{ url | relative_url }}{%- endif -%}
+{% comment %} Retained for backwards compatibility. Use smart-url (without .txt) instead. {% endcomment %}{% include smart-url url=include.url %}

data/_includes/styles/common.scss

@@ -0,0 +1,18 @@
+.note:before {
+  content: "{{ site.data.strings.note | default:'Note' }}";
+}
+.page > header > .note-sm:before {
+  content: "{{ site.data.strings.description | default:'Description' }}";
+}
+#markdown-toc:before {
+  content: "{{ site.data.strings.toc | default:'Table of Contents' }}";
+}
+.layout-resume .note-sm:before {
+  content: "{{ site.data.strings.resume.summary | default:'Summary' }}";
+}
+
+{% if site.hydejack.no_page_style %}
+  {% assign color       = site.accent_color | default:'#4fb1ba' %}
+  {% assign theme_color = site.theme_color  | default:'#193747' %}
+  {% include_cached styles/page-style.scss color=color theme_color=theme_color %}
+{% endif %}

data/_includes/styles/inline.scss

@@ -1,30 +1,25 @@
-// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+// Copyright (c) 2019 Florian Klampfer <https://qwtel.com/>
 //
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
+// 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.
 //
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
+// 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.
 //
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-
-$font-family-heading: {{ site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" }};
-$font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif"   }};
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+{% include styles/variables.scss %}
 @import "variables";
 @import "my-variables";
 @import "mixins";
 
+@import "html";
+
 @import "pooleparty/__inline__/base";
 @import "pooleparty/__inline__/type";
 @import "pooleparty/__inline__/table";
@@ -44,29 +39,12 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
 @import "hydejack/__inline__/sidebar";
 @import "hydejack/__inline__/social";
 @import "hydejack/__inline__/menu";
+@import "hydejack/__inline__/toc";
 @import "hydejack/__inline__/content";
 @import "hydejack/__inline__/avatar";
 @import "hydejack/__inline__/katex";
 @import "hydejack/__inline__/footer";
 
 @import "my-inline";
-// @import "my-style";
-
-{% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
-  {% assign font2 = font | split:',' | shift | join:',' %}
-  {% assign font_heading2 = font_heading | split:',' | shift | join:',' %}
-{% endunless %}
-
-html { font-family: {{ font2 | default:"serif" }}; }
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading2 | default:"serif" }}; }
-
-.font-active {
-  font-family: $font-family;
-  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
-}
 
-{% if site.hydejack.no_page_style %}
-  {% assign color       = site.accent_color | default:'#4fb1ba' %}
-  {% assign theme_color = site.theme_color  | default:'#193747' %}
-  {% include styles/page-style.scss color=color theme_color=theme_color %}
-{% endif %}
+{% include styles/common.scss %}

data/_includes/styles/page-style.scss

@@ -1,56 +1,9 @@
-// These styles interact with JavsScript!
-// Their ordering MUST NOT be changed. See `_js/cross-fader.js`!
-
 {% assign color       = include.color       | default:'#4fb1ba' %}
 {% assign theme_color = include.theme_color | default:'#193747' %}
 
-.content a:not(.btn) {
-  color: {{ color }};
-  border-color: fade-out({{ color }}, 0.8);
-}
-
-.content a:not(.btn):hover {
-  border-color: {{ color }};
-}
-
-:focus {
-  outline-color: {{ color }}!important;
-}
-
-.btn-primary {
-  color: #fff;
-  background-color: {{ color }};
-  border-color: {{ color }};
-}
-
-.btn-primary:focus, .btn-primary.focus, .form-control:focus, .form-control.focus {
-  box-shadow: 0 0 0 3px rgba({{ color }}, .5);
+html {
+  --accent-color: {{ color }};
+  --accent-color-faded: #{fade-out({{ color }}, 0.5)};
+  --accent-color-darkened: #{darken({{ color }}, 7.5%)};
+  --theme-color: {{ theme_color }};
 }
-
-.btn-primary:hover, .btn-primary.hover {
-  color: #fff;
-  background-color: darken({{ color }}, 7.5%);
-  border-color: darken({{ color }}, 7.5%);
-}
-
-.btn-primary:disabled, .btn-primary.disabled {
-  color: #fff;
-  background-color: {{ color }};
-  border-color: {{ color }};
-}
-
-.btn-primary:active, .btn-primary.active {
-  color: #fff;
-  background-color: darken({{ color }}, 7.5%);
-  border-color: darken({{ color }}, 7.5%);
-}
-
-::selection {
-  color: #fff;
-  background: {{ color }};
-}
-
-::-moz-selection {
-  color: #fff;
-  background: {{ color }};
-}

data/_includes/styles/style.scss

@@ -1,26 +1,19 @@
-// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+// Copyright (c) 2019 Florian Klampfer <https://qwtel.com/>
 //
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
+// 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.
 //
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
+// 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.
 //
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-
-$font-family-heading: {{ site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" }};
-$font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif"   }};
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+{% include styles/variables.scss %}
 @import "variables";
 @import "my-variables";
 @import "mixins";
@@ -47,6 +40,7 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   @import "hydejack/__link__/sidebar";
   @import "hydejack/__link__/social";
   @import "hydejack/__link__/menu";
+  @import "hydejack/__link__/toc";
   @import "hydejack/__link__/content";
   @import "hydejack/__link__/avatar";
   @import "hydejack/__link__/katex";
@@ -55,16 +49,15 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   {% unless site.hydejack.no_mark_external or site.no_mark_external %}
     @import "hydejack/__link__/mark-external";
   {% endunless %}
+
   {% unless site.hydejack.no_break_layout %}
     @import "hydejack/__link__/break-layout";
   {% endunless %}
 
-  @import "syntax";
-  @import "spinner";
-
-  // @import "my-inline";
   @import "my-style";
 {% else %}
+  @import "html";
+
   @import "pooleparty/_base.pre.scss";
   @import "pooleparty/_type.pre.scss";
   @import "pooleparty/_table.pre.scss";
@@ -84,6 +77,7 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   @import "hydejack/_sidebar.pre.scss";
   @import "hydejack/_social.pre.scss";
   @import "hydejack/_menu.pre.scss";
+  @import "hydejack/_toc.pre.scss";
   @import "hydejack/_content.pre.scss";
   @import "hydejack/_avatar.pre.scss";
   @import "hydejack/_katex.pre.scss";
@@ -92,32 +86,17 @@ $font-family:         {{ site.font         | default:"Noto Sans, Helvetica, Aria
   {% unless site.hydejack.no_mark_external or site.no_mark_external %}
     @import "hydejack/_mark-external.pre.scss";
   {% endunless %}
+   
   {% unless site.hydejack.no_break_layout %}
     @import "hydejack/_break-layout.pre.scss";
   {% endunless %}
 
-  @import "syntax";
-  @import "spinner";
-
   @import "my-inline";
   @import "my-style";
 
-  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
-    {% assign font = font | split:',' | shift | join:',' %}
-    {% assign font_heading = font_heading | split:',' | shift | join:',' %}
-  {% endunless %}
-
-  html { font-family: {{ font | default:"serif" }}; }
-  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading | default:"serif" }}; }
+  {% include styles/common.scss %}
+{% endunless %}
 
-  .font-active {
-    font-family: $font-family;
-    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: $font-family-heading; }
-  }
+@import "spinner";
 
-  {% if site.hydejack.no_page_style %}
-    {% assign color       = site.accent_color | default:'#4fb1ba' %}
-    {% assign theme_color = site.theme_color  | default:'#193747' %}
-    {% include styles/page-style.scss color=color theme_color=theme_color %}
-  {% endif %}
-{% endunless %}
+@import "syntax";

data/_includes/styles/variables.scss

@@ -0,0 +1,62 @@
+// 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/>.
+
+/*{% assign vars = site.data.variables %}*/
+
+$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'  }};
+
+$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-line-height:      {{ vars.root_line_height      | default:1.75 }};
+
+$font-weight:         {{ vars.font_weight         | default:400 }};
+$font-weight-bold:    {{ vars.font_weight_bold    | default:700 }};
+$font-weight-heading: {{ vars.font_weight_heading | default:700 }};
+
+$content-width:   {{ vars.content_width   | default:42 }}rem;
+$content-width-2: {{ vars.content_width_2 | default:48 }}rem;
+$content-width-5: {{ vars.content_width_5 | default:54 }}rem;
+
+$content-padding: {{ vars.content_padding | default:1 }}rem;
+
+$sidebar-width: {{ vars.sidebar_width | default:21 }}rem;
+
+$break-point-1: {{ vars.break_point_1 | default:42 }}em;
+$break-point-2: {{ vars.break_point_2 | default:54 }}em;
+$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;
+
+$break-point-font-large: {{ vars.break_point_font_large | default:124 }}em;
+
+$content-margin-3: 3rem;
+$content-margin-5: 4rem;
+
+// TODO: doc
+$half-content: ($content-width-5 / 2) + $content-margin-5;
+
+// The sidebar width starts adjusting dynamically when the content is at the center of the window.
+// This is the case when the window size has a `min-width` of content area + twice the sidebar (left, right):
+//
+// $break-point-dynamic: $content-width-5 + (2 * $content-margin-5) + (2 * $sidebar-width); // = 104rem
+//
+// HACK: Since Chrome doesn't treat rem values in media queries correctly,
+// we hard-code the pixel value for the values above.
+$break-point-dynamic: ({{ vars.content_width_5 | default:54 }} + (2 * {{ vars.content_margin_5 | default:4 }}) + (2 * {{ vars.sidebar_width | default:21 }})) * {{ vars.root_font_size_medium | default:16 }}px;

data/_includes/templates/animation.html

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

data/_includes/templates/back.html

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

data/_includes/templates/error.html

@@ -1,4 +1,4 @@
-<template id="_error-template" hidden>
+<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 %}

data/_includes/templates/forward.html

@@ -0,0 +1,6 @@
+<template id="_forward-template">
+  <button id="_forward" class="forward nav-btn no-hover">
+    <span class="sr-only">{{ strings.forward | default:"Forward" }}</span>
+    <span class="icon-arrow-right2"></span>
+  </button>
+</template>

data/_includes/templates/index.html

@@ -1,11 +1,11 @@
-{% assign strings = site.data.strings %}
-<h2 class="sr-only" hidden>{{ strings.templates | default: "Templates"}}{{ strings.colon | default:":" }}</h2>
+<div hidden>
+  {% assign strings = site.data.strings %}
+  <h2 class="sr-only">{{ strings.templates | default: "Templates"}}{{ strings.colon | default:":" }}</h2>
 
-{% include templates/animation.html %}
-{% include templates/loading.html %}
-{% include templates/error.html %}
-{% include templates/back.html %}
-{% include templates/permalink.html %}
-{% if site.hydejack.cookies_banner %}
-  {% include templates/pro/cookies-banner.html %}
-{% endif %}
+  {% 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/_includes/templates/loading.html

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

data/_includes/templates/permalink.html

@@ -1,6 +1,6 @@
-<template id="_permalink-template" hidden>
+<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>
+    <span class="{{ strings.permalink_icon | default:"content-hash" }}"></span>
   </a>
 </template>

data/_layouts/about.html

@@ -23,7 +23,7 @@ layout: base
     {% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
     {% capture author_x %}
       {% if author.picture %}
-        {% include components/hy-img.html class="avatar" img=author.picture alt=author.name %}
+        {% include_cached components/hy-img.html class="avatar" img=author.picture alt=author.name %}
       {% elsif plugins contains 'jekyll-avatar' %}
         {% assign avatar = author.social.github | default:author.github.username | default:author.github %}
         {% include components/avatar-tag.html user=avatar %}

data/_layouts/base.html

@@ -1,5 +1,5 @@
 ---
-# Copyright (c) 2018 Florian Klampfer <https://qwtel.com/>
+# Copyright (c) 2019 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
@@ -17,6 +17,11 @@
 layout: compress
 ---
 
+{% assign version = jekyll.version | split:'.' %}
+{% assign major = v[0] %}
+{% assign minor = v[1] %}
+{% assign patch = v[2] %}
+
 {% assign plugins = site.plugins | default:site.gems %}
 
 {% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
@@ -33,6 +38,6 @@ layout: compress
   {% include head/index.html %}
 </head>
 
-<body>
+<body class="{% include_cached base-classes %}">
   {% include body/index.html %}
 </body>