jekyll-theme-hydejack 8.3.2 → 9.0.0

data/_config.yml

@@ -0,0 +1,73 @@
+lang:                  en
+title:                 Hydejack
+logo:                  /assets/icons/icon.png
+copyright:             © 2020. All rights reserved.
+
+accent_image:          /assets/img/sidebar-bg.jpg
+accent_color:          rgb(79,177,186)
+theme_color:           rgb(25,55,71)
+
+google_fonts:          Roboto+Slab:700|Noto+Sans:400,400i,700,700i
+font:                  Noto Sans, Helvetica, Arial, sans-serif
+font_heading:          Roboto Slab, Helvetica, Arial, sans-serif
+font_code:             Fira Code, Menlo, Monaco, Consolas, monospace;
+
+hydejack:
+  post_addons:         [about, newsletter, related, random, comments]
+  project_addons:      [about, newsletter, other, comments]
+
+  no_mark_external:    false
+  no_push_state:       false
+  no_drawer:           false
+  no_navbar:           false
+  no_search:           false
+  no_inline_css:       false
+  no_page_style:       false
+  no_break_layout:     false
+  no_toc:              false
+  no_third_column:     false
+  no_large_headings:   false
+  no_structured_data:  false
+  no_theme_color:      false
+
+  use_lsi:             true
+  cookies_banner:      true
+  advertise:           true
+  hide_dates:          false
+
+  dark_mode:
+    always:            false
+    dynamic:           true
+    sunrise:           6
+    sunset:            18
+    icon:              true
+
+  offline:
+    enabled:           false
+    cache_version:     1
+    precache_assets:
+      - /assets/img/swipe.svg
+
+optional_front_matter:
+  remove_originals:    true
+
+readme_index:
+  remove_originals:    true
+  with_frontmatter:    true
+
+relative_links:
+  collections:         true
+
+titles_from_headings:
+  strip_title:         true
+  collections:         true
+
+compress_html:
+  comments:            ["<!-- ", " -->"]
+  clippings:           all
+  endings:             all
+  ignore:
+    envs:              [development]
+
+sass:
+  style:               compressed

data/_includes/base-classes

@@ -0,0 +1,9 @@
+{%- capture classes -%}
+{% if site.hydejack.dark_mode.always %}dark-mode{% endif %}
+{% if site.hydejack.no_toc %} no-toc{% endif %}
+{% if site.hydejack.no_break_layout %} no-break-layout{% endif %}
+{% if site.hydejack.no_large_headings %} no-large-headings{% endif %}
+{% if site.hydejack.no_third_column %} no-third-column{% endif %}
+{% if site.hydejack.no_drawer %} no-drawer{% endif %}
+{%- endcapture -%}
+{{- classes | strip_newlines | strip -}}

data/_includes/body/analytics.html

@@ -21,7 +21,7 @@
       ga('create', '{{ site.google_analytics }}', 'auto');
     /*{% endif %}*/
 
-    var pushStateEl = d.getElementsByTagName('hy-push-state')[0];
+    var pushStateEl = d.getElementById('_pushState');
     var timeoutId;
     pushStateEl.addEventListener('hy-push-state-load', function() {
       w.clearTimeout(timeoutId);

data/_includes/body/comments.html

@@ -1,6 +1,6 @@
 {% if page.comments %}
 <aside class="comments related" role="complementary">
-  <h2 class="hr">{{ site.data.strings.comments | default:"Comments" }}</h2>
+  <h2 class="hr-bottom">{{ site.data.strings.comments | default:"Comments" }}</h2>
   {% include my-comments.html %}
 </aside>
 {% endif %}

data/_includes/body/footer.html

@@ -1,5 +1,5 @@
 {% if site.copyright.size > 0 or site.legal.size > 0 or site.hydejack.advertise %}
-<footer role="contentinfo">
+<footer class="content" role="contentinfo">
   <hr/>
   {% if site.copyright.size > 0 %}
     <p><small class="copyright">{{ site.copyright | markdownify | replace:'<p>','' | replace:'</p>','' }}</small></p>
@@ -8,12 +8,12 @@
     <nav class="legal"><small>
     {% for node in site.legal %}
       {% assign url = node.url | default: node.href %}
-      <a class="heading flip-title" href="{% include smart-url.txt url=url %}">{{ node.name | default:node.title }}</a>
+      <a class="heading flip-title" href="{% include_cached smart-url url=url %}">{{ node.name | default:node.title }}</a>
       {% unless forloop.last %}{{ site.data.strings.separator | default:'|' }}{% endunless %}
     {% endfor %}
     </small></nav>
   {% endif %}
-  <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">8.3.2</span></small></p>
+    <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">9.0.0</span></small></p>
   <hr class="sr-only"/>
 </footer>
 {% endif %}

data/_includes/body/index.html

@@ -1,22 +1,23 @@
-{% include body/menu.html %}
 
+
+{% assign assets_url = "/assets/" | relative_url %}
 <hy-push-state
-  replace-ids="_main"
-  link-selector="a[href]:not([href*='/assets/']):not(.external):not(.no-push-state)"
-  duration="250"
-  script-selector="script:not([type^='math/tex'])"
-  prefetch
+  id="_pushState"
+  replace-selector="#_main"
+  link-selector="a[href]:not([href^='{{ assets_url }}']):not(.external):not(.no-push-state)"
+  script-selector="script"
+  duration="500"
+  hashchange
 >
-  {% if page.cover %}
-    {% include body/sidebar.html %}
-    {% include body/main.html %}
-  {% else %}
-    {% include body/main.html %}
-    {% include body/sidebar.html %}
-  {% endif %}
+  {% if page.cover %}{% include_cached body/sidebar.html cover=page.cover theme_color=page.theme_color image=image color=color %}{% endif %}
+  {% include_cached body/menu.html %}
+  {% include body/main.html %}
+  {% unless page.cover %}{% include_cached body/sidebar.html cover=page.cover theme_color=page.theme_color image=image color=color %}{% endunless %}
 </hy-push-state>
 
-{% include body/scripts.html %}
-{% include my-body.html %}
+{% unless page.redirect %}
+  {% include_cached body/scripts.html %}
+  {% include my-body.html %}
+{% endunless %}
 
-{% include templates/index.html %}
+{% include_cached templates/index.html %}

data/_includes/body/main.html

@@ -1,18 +1,8 @@
 <main
   id="_main"
-  class="content fade-in layout-{{ page.layout }}"
+  class="content layout-{{ page.layout }}"
   role="main"
-  data-color="{{ color | escape }}"
-  data-theme-color="{{ theme_color | escape }}"
-  {% unless image.background %}
-    data-image="{% if image == 'none' %}none{% else %}{% capture tmp %}{% include smart-url.txt url=image %}{% endcapture %}{{ tmp | escape }}{% endif %}"
-    {% if image != 'none' %}data-overlay{% endif %}
-  {% else %}
-    data-background="{{ image.background | escape }}"
-    {% if image.overlay %}data-overlay{% endif %}
-  {% endunless %}
-  >
+>
   {{ content }}
-  {% include body/comments.html %}
-  {% include body/footer.html %}
+  {% include_cached body/footer.html %}
 </main>

data/_includes/body/menu.html

@@ -1,11 +1,12 @@
 <div id="_navbar" class="navbar fixed-top">
   <div class="content">
+    <span class="sr-only">{{ site.data.strings.jump_to | default:"Jump to" }}{{ site.data.strings.colon | default:":" }}</span>
     <div class="nav-btn-bar">
-      <span class="sr-only">{{ site.data.strings.jump_to | default:"Jump to" }}{{ site.data.strings.colon | default:":" }}</span>
-      <a id="_menu" class="nav-btn no-hover fl" href="#_navigation">
+      <a id="_menu" class="nav-btn no-hover" href="#_drawer--opened">
         <span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}</span>
         <span class="icon-menu"></span>
       </a>
+      <div class="nav-span"></div>
     </div>
   </div>
 </div>

data/_includes/body/nav.html

@@ -5,9 +5,9 @@
       {% assign url = node.url | default: node.href %}
       <li>
         <a
-          {% if forloop.first %}id="_navigation"{% endif %}
-          href="{% include smart-url.txt url=url %}"
-          class="sidebar-nav-item{% if page.url contains url %} active{% endif %}"
+          {% if forloop.first %}id="_drawer--opened"{% endif %}
+          href="{% include_cached smart-url url=url %}"
+          class="sidebar-nav-item"
           {% if node.rel %}rel="{{ node.rel }}"{% endif %}
         >
           {{ node.name | default:node.title }}
@@ -25,7 +25,7 @@
           <a
             {% if forloop.first %}id="_navigation"{% endif %}
             href="{{ node.url | relative_url }}"
-            class="sidebar-nav-item{% if page.url contains node.url %} active{% endif %}"
+            class="sidebar-nav-item"
             {% if node.rel %}rel="{{ node.rel }}"{% endif %}
             >
             {{ node.title }}

data/_includes/body/scripts.html

@@ -1,22 +1,7 @@
-{% unless page.redirect %}
-  <!--[if !IE]><!---->
-  <script>loadJSDeferred(document.getElementById('_hrefJS').href);</script>
+<!--[if gt IE 10]><!---->
+  <script nomodule>{% include scripts/nomodule.min.js %}</script>
+  <script src="{{ '/assets/js/hydejack-9.0.0.js' | relative_url }}" type="module"></script>
+  <script src="{{ '/assets/js/LEGACY-hydejack-9.0.0.js' | relative_url }}" nomodule defer></script>
   {% include my-scripts.html %}
-  <!--<![endif]-->
-
   {% include body/analytics.html %}
-
-  <script>
-    if ('serviceWorker' in navigator) {
-      {% if site.hydejack.offline.enabled %}
-        navigator.serviceWorker.register(document.getElementById('_hrefSW').href)
-          .then(r => r.update())
-          .catch(() => {});
-      {% else %}
-        navigator.serviceWorker.getRegistration()
-          .then(r => r.unregister())
-          .catch(() => {});
-      {% endif %}
-    }
-  </script>
-{% endunless %}
+<!--<![endif]-->

data/_includes/body/sidebar-bg.html

@@ -0,0 +1,13 @@
+{% assign image       = include.image       %}
+{% assign color       = include.color       %}
+{% assign theme_color = include.theme_color %}
+
+{% if image.background %}
+  {% capture bg_style %}background:{{ image.background }}{% endcapture %}
+  {% capture bg_class %}sidebar-bg {% if image.overlay %}sidebar-overlay{% endif %}{% endcapture %}
+{% else %}
+  {% assign bg_color = theme_color | default:site.theme_color | default:color %}
+  {% capture bg_style %}background-color:{{ bg_color }};{% if image != 'none' %}background-image:url({% include_cached smart-url url=image %}){% endif %}{% endcapture %}
+  {% capture bg_class %}sidebar-bg {% if image != 'none' %}sidebar-overlay{% endif %}{% endcapture %}
+{% endif %}
+<div class="{{ bg_class }}" style="{{ bg_style }}"></div>

data/_includes/body/sidebar-sticky.html

@@ -0,0 +1,25 @@
+<div class="sidebar-sticky">
+  <div class="sidebar-about">
+    {% if site.logo %}
+      <a class="no-hover" href="{{ '/' | relative_url }}" tabindex="-1">
+        <img src="{% include_cached smart-url url=site.logo %}" class="avatar" alt="{{ site.short_title | default:site.title }}" width="120" height="120" loading="lazy" />
+      </a>
+    {% endif %}
+    <a class="sidebar-title" href="{{ '/' | relative_url }}"><h2 class="h1">{{ site.short_title | default:site.title }}</h2></a>
+    {% assign text = site.tagline | default:site.description %}
+    {% if text %}
+      <p class="{% if text.size > 100 %}fine{% endif %}">
+        {{ text | markdownify | replace:'<p>','' | replace:'</p>','' }}
+      </p>
+    {% endif %}
+  </div>
+
+  <nav class="sidebar-nav heading" role="navigation">
+    {% include body/nav.html %}
+  </nav>
+
+  {% assign author = site.data.authors.first[1] | default:site.author %}
+  <div class="sidebar-social">
+    {% include components/social.html author=author %}
+  </div>
+</div>

data/_includes/body/sidebar.html

@@ -1,47 +1,14 @@
 <hy-drawer
-  class="{% if page.cover %}cover{% endif %}"
-  align="left"
+  id="_drawer"
+  class="{% if include.cover %}cover{% endif %}"
+  side="left"
   threshold="10"
-  touch-events
-  prevent-default
+  noscroll
+  {% if include.cover %}opened{% endif %}
 >
   <header id="_sidebar" class="sidebar" role="banner">
-    {% if image.background %}
-      {% capture bg_style %}background:{{ image.background }}{% endcapture %}
-      {% capture bg_class %}sidebar-bg {% if image.overlay %}sidebar-overlay{% endif %}{% endcapture %}
-    {% else %}
-      {% assign bg_color = page.theme_color | default:site.theme_color | default:color %}
-      {% capture bg_style %}background-color:{{bg_color}};{% if image != 'none' %}background-image:url({% include smart-url.txt url=image %}){% endif %}{% endcapture %}
-      {% capture bg_class %}sidebar-bg {% if image != 'none' %}sidebar-overlay{% endif %}{% endcapture %}
-    {% endif %}
-    <div class="{{bg_class}}" style="{{bg_style}}"></div>
-
-    <div class="sidebar-sticky">
-      <div class="sidebar-about">
-        {% if site.logo %}
-          <a class="no-hover" href="{{ '/' | relative_url }}" tabindex="-1">
-            <img src="{{ site.logo | relative_url }}" class="avatar" alt="{{ site.short_title | default:site.title }}" data-ignore />
-          </a>
-        {% endif %}
-        <h2 class="h1"><a href="{{ '/' | relative_url }}">{{ site.short_title | default:site.title }}</a></h2>
-        {% assign text = site.tagline | default:site.description %}
-        {% if text %}
-          <p class="{% if text.size > 100 %}fine{% endif %}">
-            {{ text | markdownify | replace:'<p>','' | replace:'</p>','' }}
-          </p>
-        {% endif %}
-      </div>
-
-      <nav class="sidebar-nav heading" role="navigation">
-        {% include body/nav.html %}
-      </nav>
-
-      {% assign author = site.data.authors.first[1] | default:site.author %}
-
-      <div class="sidebar-social">
-        {% include components/social.html author=author %}
-      </div>
-    </div>
+    {% include_cached body/sidebar-bg.html image=include.image color=include.color theme_color=include.theme_color %}
+    {% include_cached body/sidebar-sticky.html %}
   </header>
 </hy-drawer>
 <hr class="sr-only" hidden />

data/_includes/components/about.html

@@ -1,4 +1,4 @@
-{% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
+{% assign author = site.data.authors[include.author] | default:site.data.authors.first[1] | default:site.author %}
 
 {% if author.about %}
   <aside class="about related mt4 mb4" role="complementary">

data/_includes/components/author.html

@@ -4,7 +4,7 @@
   {% assign author = include.author %}
 
   {% 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 width="120" height="120" %}
   {% elsif plugins contains 'jekyll-avatar' %}
     {% assign avatar = author.social.github | default:author.github.username | default:author.github  %}
     {% include components/avatar-tag.html user=avatar %}
@@ -12,11 +12,11 @@
 
   {% assign heading_tag = include.heading_tag | default:'h2' %}
   {% assign heading_id = include.heading_id %}
-  <{{ heading_tag }} {% if heading_id %}id="{{ heading_id }}"{% endif %} class="page-title hr">
+  <{{ heading_tag }} {% if heading_id %}id="{{ heading_id }}"{% endif %} class="page-title hr-bottom">
     {{ include.heading | default:author.name }}
   </{{ heading_tag }}>
 
-  {{ .author.about | markdownify }}
+  {{ author.about | markdownify }}
 
   <div class="sidebar-social">
     {% include components/social.html author=author %}

data/_includes/components/hy-img.html

@@ -1,40 +1,29 @@
+{% assign sources = '' %}
 {% if include.img.src or include.img.path %}
   {% assign srcset = null %}
 
   {% if include.img.srcset %}
-    {% capture srcset %}{% for hash in include.img.srcset %}{% assign tmp = hash[1] %}{% include smart-url.txt url=tmp %} {{ hash[0] }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+    {% capture srcset %}{% for hash in include.img.srcset %}{% assign tmp = hash[1] %}{% include_cached smart-url url=tmp %} {{ hash[0] }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
   {% endif %}
 
   {% assign src = include.img.src | default:include.img.path %}
-  {% capture attrs %}
-    src="{% include smart-url.txt url=src %}"
-    {% if include.class %}class="{{ include.class }}"{% endif %}
-    {% if include.alt %}alt="{{ include.alt }}"{% endif %}
+  {% capture sources %}
+    src="{% include_cached smart-url url=src %}"
     {% if srcset %}srcset="{{ srcset | strip }}"{% endif %}
     {% if include.sizes %}sizes="{{ include.sizes }}"{% endif %}
   {% endcapture %}
 {% else %}
-  {% capture attrs %}
-    src="{% include smart-url.txt url=include.img %}"
-    {% if include.class %}class="{{ include.class }}"{% endif %}
-    {% if include.alt %}alt="{{ include.alt }}"{% endif %}
+  {% capture sources %}
+    src="{% include_cached smart-url url=include.img %}"
   {% endcapture %}
 {% endif %}
 
-{% unless site.hydejack.no_img %}
-  <hy-img
-    {{ attrs }}
-    {% if include.property %}property="{{ include.property }}"{% endif %}
-    root-margin="512px"
-  >
-    <noscript><img data-ignore {{ attrs }}/></noscript>
-    <span class="loading" slot="loading" hidden>
-      <span class="icon-cog"></span>
-    </span>
-  </hy-img>
-{% else %}
-  <img
-    {{ attrs }}
-    {% if include.property %}property="{{ include.property }}"{% endif %}
-  />
-{% endunless %}
+<img
+  {{ sources }}
+  {% if include.alt %}alt="{{ include.alt }}"{% endif %}
+  {% if include.class %}class="{{ include.class }}"{% endif %}
+  {% if include.property %}property="{{ include.property }}"{% endif %}
+  {% if include.width %}width="{{ include.width }}"{% endif %}
+  {% if include.height %}height="{{ include.height }}"{% endif %}
+  {% if include.width and include.height %}loading="lazy"{% endif %}
+/>

data/_includes/components/link.html

@@ -5,7 +5,7 @@
     {% if include.rel %}rel="{{ include.rel }}"{% endif %}
     {% if include.property %}property="{{ include.property }}"{% endif %}
   >
-    {{ include.title }}
+    {{- include.title -}}
   </a>
 {% else %}
   <span class="{{ include.class }} {{ include.span_class }}">{{ include.title }}</span>