.gitignore

@@ -4,6 +4,7 @@ vendor
 .sass-cache
 .jekyll-metadata
 .jekyll-cache
+.ruby-lsp
 *.gem
 
 #<removed/js>

README.md

@@ -7,10 +7,9 @@ A boutique Jekyll theme for hackers, nerds, and academics.
 
 
 
-
 [![Screenshot](https://hydejack.com/assets/img/blog/hydejack-9.jpg)][welcome]
 
-Hydejack's cover page on a variety of screens.
+<p align="center">Hydejack's cover page on a variety of screen sizes.
 
 
 
@@ -26,40 +25,10 @@ It includes a blog that is suitable for both prose and technical documentation,
 
 **Hydejack** is 100% built on Open Source software, and is Open Source itself, save for parts of the PRO version. The PRO version is a one-time payment that gives you the right to use it forever.
 
-Hydejack is all static sites. _HTML_. All you need is a web server --- any web server --- to have a professional web presence that lasts a lifetime.
-
-## Download
-
-There are two versions of **Hydejack**: The *Free Version* includes basic blogging functionality and most of Hydejack's [Features], such as dynamic page loading and advanced animations.
-
-The *PRO Version* includes additional features for professionals, such as a [portfolio], [resume], [Dark Mode][dark], [Forms], [Built-In Search][search] and customizable cookie banners.
-
-The table below shows what's included in each version:
-
-|                               | Free           | PRO                 |
-|:------------------------------|:--------------:|:-------------------:|
-| [Blog]                        | &#x2714;       | &#x2714;            |
-| [Features]                    | &#x2714;       | &#x2714;            |
-| [Documentation][docs]         | &#x2714;       | &#x2714;            |
-| [Portfolio]                   |                | &#x2714;            |
-| Printable [Resume]            |                | &#x2714;            |
-| [Dark Mode][dark]             |                | &#x2714;            |
-| [Built-In Search][search]     |                | &#x2714;            |
-| [Custom Forms][forms]         |                | &#x2714;            |
-| [Newsletter Box][news]        |                | &#x2714;            |
-| [Grid layout][grid]           |                | &#x2714;            |
-| [Offline Support][ofln]       |                | &#x2714;            |
-| Table of Contents[^2]         |                | &#x2714;            |
-| Cookie Banner                 |                | &#x2714;            |
-| No Hydejack Branding          |                | &#x2714;            |
-| License                       | [GPL-3.0][lic] | [PRO]               |
-| Source                        | [GitHub][src]  | Included            |
-| __Price__ / Upgrade           | __Free__       | __$99__ / $39 [^3]  |
-| | [__Download__][kit] <br/>-- or --<br/> [__Deploy to Netlify__][nfy] | [__Buy PRO__][buy] |
-
-
+Hydejack is all static sites. _HTML_. All you need is a web server — any web server — to have a professional web presence that lasts a lifetime.
 
 
+## A Free Blogging Theme
 **Hydejack** started out as a free blogging theme for Jekyll — and continues to be so.
 
 <!--posts-->
@@ -76,7 +45,7 @@ Get a resume that's consistent across the board — whether it's on the web, mob
 
 [![Resume PDF](https://hydejack.com/assets/img/blog/resume.png)][resume]
 
-Front and center page of a print resume generated by Hydejack.
+<p align="center">Front and center page of a print resume generated by Hydejack.
 
 
 
@@ -89,21 +58,23 @@ Write all content with Markdown. __Hydejack__ gives you [additional CSS classes]
 
 ![w3m Screenshot](https://hydejack.com/assets/img/blog/w3m.png)
 
-The Hydejack blog, as seen by the text browser `w3m`.
+<p align="center">The Hydejack blog, as seen by the text browser `w3m`.
 
 
 
 ## Syntax Highlighting
 **Hydejack** features syntax highlighting, powered by [Rouge].
 
-```js
-// file: `example.js`
-document.querySelector("hy-push-state").addEventListener("hy-push-state-load", () => {
-  const supportsCodeHighlights = true; //!!
-});
+```html
+<!-- file: `_includes/my-body.html` -->
+<script type="module">
+  document.querySelector("hy-push-state").addEventListener("hy-push-state-load", () => {
+    const supportsCodeHighlights = false; // TBD!!
+  });
+</script>
 ```
 
-Code blocks can have a filename and a caption.
+<p align="center">Code blocks can have a filename and a caption.
 
 
 
@@ -112,16 +83,7 @@ They say math is beautiful — and with **Hydejack**'s [math support][math] it's
 
 ![Math example](https://hydejack.com/assets/img/blog/example-content-iii.jpg)
 
-Hydejack uses KaTeX to efficiently render math.
-
-
-
-
-## Build an Audience
-The PRO version has built-in support for customizable [Tinyletter] newsletter subscription boxes.
-
-If you are using a different service like MailChimp, you can build a custom newsletter subscription box using [Custom Forms][forms].
-
+<p align="center">Hydejack uses KaTeX to efficiently render math.
 
 
 
@@ -130,61 +92,67 @@ If you are using a different service like MailChimp, you can build a custom news
 An incomplete list of features included in all versions of **Hydejack**:
 
 * Responsive layout with unique design features for every screen size
-* Cover Pages for a stunning fist impression.
+* Cover Pages for a stunning first impression.
 * Customizable sidebar and touch-enabled drawer menu
 * Single Page Web App-style page loading
 * Advanced FLIP animations, inspired by Material Design
-* Good [Google PageSpeed Score][gpss][^1]
+* Good [Google PageSpeed Score][gpss][^11]
 * [Syntax highlighting][syntax], powered by [Rouge]
 * [LaTeX math blocks][latex], rendered with ether [KaTeX] or [MathJax] at your choice
 * Soft-coded labels: Change wording or translate to other languages via a single file
 * Support for categories and tags
 * Author section below each article and support for multiple authors
 * Built-in icons for many social networks
 * Simple and semantic HTML + Structured Data
-* Google Analytics and Google Fonts support
+* Works with GitHub Pages out of the box[^12]
+
+[^11]: Actual page load speed depends on your hosting provider, location, resolution and format of images, usage of 3rd party plugins, and other factors.
+
+[^12]: Some limitations apply, most notably the need to use use MathJax instead of KaTeX for math block rendering.
+
+*[FLIP]: First-Last-Invert-Play. A coding technique to achieve performant page transition animations.
 
 
-## Comparison
+## Download
 
 There are two versions of **Hydejack**: The *Free Version* includes basic blogging functionality and most of Hydejack's [Features], such as dynamic page loading and advanced animations.
 
 The *PRO Version* includes additional features for professionals, such as a [portfolio], [resume], [Dark Mode][dark], [Forms], [Built-In Search][search] and customizable cookie banners.
 
 The table below shows what's included in each version:
 
-|                               | Free           | PRO                 |
-|:------------------------------|:--------------:|:-------------------:|
-| [Blog]                        | &#x2714;       | &#x2714;            |
-| [Features]                    | &#x2714;       | &#x2714;            |
-| [Documentation][docs]         | &#x2714;       | &#x2714;            |
-| [Portfolio]                   |                | &#x2714;            |
-| Printable [Resume]            |                | &#x2714;            |
-| [Dark Mode][dark]             |                | &#x2714;            |
-| [Built-In Search][search]     |                | &#x2714;            |
-| [Custom Forms][forms]         |                | &#x2714;            |
-| [Newsletter Box][news]        |                | &#x2714;            |
-| [Grid layout][grid]           |                | &#x2714;            |
-| [Offline Support][ofln]       |                | &#x2714;            |
-| Table of Contents[^2]         |                | &#x2714;            |
-| Cookie Banner                 |                | &#x2714;            |
-| No Hydejack Branding          |                | &#x2714;            |
-| License                       | [GPL-3.0][lic] | [PRO]               |
-| Source                        | [GitHub][src]  | Included            |
-| __Price__ / Upgrade           | __Free__       | __$99__ / $39 [^3]  |
-| | [__Download__][kit] <br/>-- or --<br/> [__Deploy to Netlify__][nfy] | [__Buy PRO__][buy] |
-
-[^1]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.
-
-[^2]: Large screens (> 1664px width) only.
-
-[^3]: Upgrading from Hydejack 8? Find your discount code in the latest zip download!
+|                               | Free                | PRO                 |
+|:------------------------------|:-------------------:|:-------------------:|
+| [Blog]                        | &#x2714;            | &#x2714;            |
+| [Features]                    | &#x2714;            | &#x2714;            |
+| [Documentation][docs]         | &#x2714;            | &#x2714;            |
+| [Dark Mode][dark]             | &#x2714;            | &#x2714;            |
+| [Portfolio]                   |                     | &#x2714;            |
+| Printable [Resume]            |                     | &#x2714;            |
+| [Built-In Search][search]     |                     | &#x2714;            |
+| [Custom Forms][forms]         |                     | &#x2714;            |
+| [Grid layout][grid]           |                     | &#x2714;            |
+| [Offline Support][ofln]       |                     | &#x2714;            |
+| Table of Contents[^21]        |                     | &#x2714;            |
+| Cookie Banner                 |                     | &#x2714;            |
+| No Hydejack Branding          |                     | &#x2714;            |
+| License                       | [GPL-3.0][lic]      | [PRO]               |
+| Source                        | [GitHub][src]       | Included            |
+| __Price__                     | __Free__            | __$99__ <small>One-Time Purchase</small>[^xx] |
+|                               | [__Download__][kit] | [__Buy PRO__][buy] |
+
+
+[^21]: Large screens (> 1664px width) only.
+
+[^xx]: 
+    Discounts may apply, check [Gumroad][buy] for up-to-date pricing.
+
+
 
-*[FLIP]: First-Last-Invert-Play. A coding technique to achieve performant page transition animations.
 
 
 [blog]: https://hydejack.com/blog/
-[portfolio]: https://hydejack.com/projects/
+[portfolio]: https://hydejack.com/showcase/
 [resume]: https://hydejack.com/resume/
 [download]: https://hydejack.com/download/
 [welcome]: https://hydejack.com/
@@ -208,13 +176,8 @@ The table below shows what's included in each version:
 [src]: https://github.com/hydecorp/hydejack
 [gem]: https://rubygems.org/gems/jekyll-theme-hydejack
 [buy]: https://gum.co/nuOluY
-[nfy]: https://app.netlify.com/start/deploy?repository=https://github.com/hydecorp/hydejack-starter-kit
-[dtn]: https://www.netlify.com/img/deploy/button.svg
 
-[gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https://hydejack.com/
-[hy-push-state]: https://hydecorp.github.io/hy-push-state/
-[hy-drawer]: https://hydecorp.github.io/hy-drawer/
+[gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhydejack.com%2Fdocs%2F
 [rouge]: http://rouge.jneen.net
 [katex]: https://khan.github.io/KaTeX/
 [mathjax]: https://www.mathjax.org/
-[tinyletter]: https://tinyletter.com/

_config.yml

@@ -6,10 +6,7 @@ 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:             ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+google_fonts:          false
 
 hydejack:
   post_addons:         [about, newsletter, related, random, comments]

_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.8</span></small></p>
+    <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">9.2.1</span></small></p>
   <hr class="sr-only"/>
 </footer>
 {% endif %}

_includes/body/index.html

@@ -1,4 +1,4 @@
-
+{% include_cached pro/dark-mode-fix.html %}
 
 {% assign assets_url = "/assets/" | relative_url %}
 <hy-push-state

_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.8.js' | relative_url }}" type="module"></script>
-  <script src="{{ '/assets/js/LEGACY-hydejack-9.1.8.js' | relative_url }}" nomodule defer></script>
+  <script src="{{ '/assets/js/hydejack-9.2.1.js' | relative_url }}" type="module"></script>
+  <script src="{{ '/assets/js/LEGACY-hydejack-9.2.1.js' | relative_url }}" nomodule defer></script>
   {% include my-scripts.html %}
   {% include body/analytics.html %}
 <!--<![endif]-->

_includes/head/meta-static.html

@@ -10,4 +10,4 @@
 
 <meta name="application-name" content="{{ site.title }}">
 
-<meta name="generator" content="Hydejack v9.1.8" />
+<meta name="generator" content="Hydejack v9.2.1" />

_includes/head/meta.html

@@ -17,6 +17,14 @@
   <title>{{ site.data.strings.redirecting | default:"Redirecting..." }}</title>
 {% endunless %}
 
+{% if site.hydejack.dark_mode.dynamic %}
+  <meta name="color-scheme" content="dark light">
+{% elsif site.hydejack.dark_mode.always %}
+  <meta name="color-scheme" content="dark">
+{% else %}
+  <meta name="color-scheme" content="light">
+{% endif %}
+
 {% unless site.hydejack.no_theme_color %}
   <meta name="theme-color" content="{{ theme_color | default:'rgb(8,46,57)' }}">
 {% endunless %}

_includes/head/styles-inline.html

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

_includes/head/styles-no-inline.html

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

_includes/header.txt

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

_includes/pro/dark-mode-fix.html

@@ -0,0 +1,7 @@
+{% if site.hydejack.dark_mode.dynamic %}
+<script>
+  window._sunrise = {{ site.hydejack.dark_mode.sunrise | default:"6"  }};
+  window._sunset =  {{ site.hydejack.dark_mode.sunset  | default:"18" }};
+  {% include scripts/dark-mode-fix.min.js %}
+</script>
+{% endif %}

_includes/scripts/dark-mode-fix.js

@@ -0,0 +1,10 @@
+!function (window, document) {
+  var LM = 'light-mode';
+  var DM = 'dark-mode';
+  var h = new Date().getHours();
+  if ('matchMedia' in window && window.matchMedia('(prefers-color-scheme)')) return;
+  var m = h <= window._sunrise || h >= window._sunset  ? DM : LM; 
+  var n = m === DM ? LM : DM;
+  document.body.classList.add(m);
+  document.body.classList.remove(n);
+}(window, document);

_includes/styles/inline.scss

@@ -18,6 +18,12 @@
 @import "my-variables";
 @import "mixins";
 
+{% if site.hydejack.dark_mode.dynamic %}
+  @import "pro/dark-mode-dynamic";
+{% else %}
+  @import "pro/dark-mode";
+{% endif %}
+
 @import "html";
 
 @import "pooleparty/__inline__/base";